Custom CSS for Various Sites

This repo has various dark themes for multiple websites. They are built using UserCSS and support automatic updates.

Table of Contents

1. Themes
2. How to use
3. Contributions

Themes

Dark Scrollbar for Chrome

Dark Stylus Theme

Dark Deluge Theme

Dark Tvmaze Theme

Docker Hub Dark Theme

Github Custom Icon Color

Dark Goodreads Theme

Dark Home Assistant website/forum Theme

Dark Mobilism Theme

Nginx Proxy Manager Dark Theme

Dark unRaid Theme

Dark IMDB Theme

Dark W3Schools Theme

How to use

Userstyle manager

First, you need a userstyle manager that supports installing UserCSS.

Currently these two extensions support UserCSS, but the UserCSS is not standardized, so a userstyle may work in one, but not the other.

• Stylus for Firefox , Chrome or Opera (recommended).
• xStyle for Firefox or Chrome .

UserCSS file

Now we need to find a style to install.

• All UserCSS files have a .user.css ending.
• Or if you find a style in a blog post or comment, look for /* ==UserStyle== at the top of the style.

Install a file

To install a file, open the file within the browser. The file can be hosted anywhere on the web, or on your local drive.

For example, to add a Quora.com Dark theme, go to Quora Dark installation instructions (you don’t need to be logged in), then click the “Install the usercss” link.

You could also open the .user.css file directly if you know the url.

Once the raw quora-dark.user.css file is open in the browser, Stylus will open a new tab showing some basic information & options:

• Click on:
  • “Install style” to initially install the style.
  • The button will be labeled “Reinstall style” if the style is already installed.
  • Or, it’ll be labeled as “Update style” if the style is already installed, and it needs to be updated.
• The “Check for updates” checkbox.
  • Check this box if you want the style to automatically update.
  • If the UserCSS includes a location, you’ll see it below the checkbox label. This is the url where the style manager will look to see if the UserCss needs to be updated.
  • If no location is set, the manager will check for updates from where the UserCSS was installed by you.
  • Uncheck this box if you don’t want automatic updates.
• Review the remaining information as desired.

Once installed, you will be redirected to Stylus’ editor page with the newly installed/updated UserCSS loaded. Close this if you don’t want or need to modify the style.

Further instructions can be found here.

Back to top

Contributions

If you would like to contribute to this repository, please…

1. Fork
2. 👌 Create a pull request!

Back to top