MrWillCom / github-enhancing

The Enhanced GitHub Theme.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GitHub Enhancing

The Enhanced GitHub Theme.

Add-ons for Firefox | Microsoft Edge-Add-ons

Screenshots

Acrylic effect for popup menus Acrylic effect for popup dialogs Round corner tabs
Moved popups

Installation

The easiest way to install this extension is to install from the extension stores:

Or, you can clone this repository, build it and add this repository as an extension to your browser.

Contributing

Before start testing this extension, you need to install Node.js to build it manually.

Build

Building this extension doesn't require much, just run following command with Node.js .

# Install deps
npm install
# Run build script with Node.js
node build.js
# or using `npm` scripts
npm run build

Stylesheets

This extension is made up of 3 stylesheets and can be packed together by build.js. These 3 stylesheets manage light, dark color variables and others.

styles/light.css

This file only includes variables, and will be active in light mode.

--...: ...;
...

styles/dark.css

Only includes variables, active in dark mode.

styles/styles.css

This file is a complete CSS file, it manages acrylic effects and layouts. If you are add something unable to add to light/dark.css, add it here.

... {
    ...: ...;
    ...
}
...

Scripts

js/main.js manages all JavaScript actions except rendering stylesheets. Any scripts should be here.

About

The Enhanced GitHub Theme.

License:MIT License


Languages

Language:CSS 59.7%Language:JavaScript 25.0%Language:PowerShell 11.5%Language:Shell 3.8%