f-person / goodreads-dark

Dark theme for Goodreads.com

Home Page:https://github.com/obscuredetour/goodreads-dark

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


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

Default Install directly with Stylus

Default is now the -Zero saturation version. It keeps the accent colors the same but zeros out the saturation on the backgrounds making it more grey. The zerosat file will remain for users who have this installed.

Jade (OG) Install directly with Stylus

Jade (OG) is the original theme. 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.

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 or goodreads-dark-zerosat.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

About

Dark theme for Goodreads.com

https://github.com/obscuredetour/goodreads-dark

License:MIT License


Languages

Language:CSS 100.0%