Skip to content
Dark theme for Goodreads.com
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
CHANGELOG.md
LICENSE.md
README.md
goodreads-dark-og.user.css
goodreads-dark.user.css

README.md


Maintained? Last commit Tag

Goodreads Dark (Jade) theme

This is a dark theme for the goodreads.com website. This custom userstyle follows UserCSS guidelines.

2 versions

Dark Jade Default

Install directly with Stylus

The default Dark Jade theme colors can be seen here. Accent colors are green (jade) and background colors are dark grey.

Dark Jade (OG)

Install directly with Stylus

The Dark Jade (OG) is the original theme. More green, less grey overall. Seen here.

Table of Contents

  1. Preview
  2. How to use
  3. Contributing
  4. Color Palette
  5. Notes

Preview

Dark Jade (Default)

Goodreads - Login Goodreads - Recent

Dark Jade (OG)

Goodreads - Login Goodreads - Recent Goodreads - Choice Awards

Back to top

How to use

A userstyle extension for your browser is required, here are a few to choose from:

Install the dark theme with the links below. They support automatic updates.

Default Dark (Jade) theme colors can be seen here. It keeps the accent colors the same but zeros out the saturation on the backgrounds making it more grey.

Dark (Jade) OG is the original theme. More green, less grey overall. Seen here.

Then, the raw file will open in the browser and the extension will open a new tab asking to install it. After clicking 'install style', you're finished.

Or visit the Goodreads dark (jade) theme at Userstyles.org and click Install Style

Copy and pasting the goodreads-dark.user.css file into the extension also works.

Further instructions can be found here.

Back to top

Contributing

Open an issue first to discuss potential changes/additions.

Back to top

Color palette

Accent colors (jade)

Jade color scheme Image created in Color Deck

Back to top

Notes

Why is it so green?

The color scheme was inspired by Jade City. Here's why,

Goodreads.com default link color

  1. The color above is Goodreads.com default link color. hsl(176, 100%, 19%)

  2. I read Jade City by Fonda Lee right before creating this.

  3. What can I say? I had jade on my mind.

Bigger project than anticipated

This turned out to be a HUGE undertaking. It definitely was the hardest I have tackled thus far. Holy mackrel, why is goodreads so against reusing styles?

I also took liberties with some aesthetics.

  • The removal of many borders.
  • Increased some padding here and there.
  • Rounded out some corners.

Back to top

Archived Screenshots

v1.1 - Goodreads - Explore

v1.1 - Goodreads - News & Interviews

v1.1 - Goodreads - 2018 Choice Awards

Back to top

You can’t perform that action at this time.