Skip to content

obscuredetour/goodreads-dark

Repository files navigation


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