GoodReads UNspoiled by Bluestocking

Notes

Goodreads UNspoiled

Do you HATE spoilers? Are the 'blurred' spoilers in Goodreads reviews too easy for your brain to decipher? A spoiler tag has ONE. JOB. But for some of us, it's pretty easy to guess what's supposedly hidden behind it.

Install GoodReads UNspoiled and never get accidentally spoiled again. This userstyle significantly increases the blur and width on review spoilers, ensuring a true spoiler-free experience. It effectively obfuscates spoiler text, maintaining the mystery and surprise in your reading journey.

Perfect for those who want to avoid accidental spoilers while browsing Goodreads:

Works on: Goodreads reviews with in-text 'blurred lines' spoilers, as seen on Goodreads book pages.
Compatible with various Goodreads URL language versions
Visuals tested for compatibility with both light and dark modes.
Box shadows added to make it even harder to guess spoilers based on word length.

note: Individual review URLs (those that show a single book review, and begin with https://www.goodreads.com/review/) still use Goodreads' older style of spoiler tagging, and thus don't need any additional blocking.

Info

Installs easily with Stylus (or other userstyle manager). Can also be found on GitHub

Version History:

1.1.1 - Minor syntax cleanup, added license (05.16.2024)
1.1.0 - Added Language Code Support (12.21.2023)
1.0.0 - First Version (12.21.2023)

License

This style is licensed under the MIT License.

✧∘ · · · · · · · · · ∘✧∘ · · · · · · · · · ∘✧

Wait - You say you LOVE spoilers? Check out my userstyle GoodReads Spoilerrific.

Source code

/* ==UserStyle==
@name         GoodReads UNspoiled
@version      1.1.1
@namespace    url(https://bluestockingsread.com/)
==/UserStyle== */

@-moz-document url-prefix("https://www.goodreads.com/book/show/"), 
                url-prefix("https://www.goodreads.com/en/book/show/"), 
                url-prefix("https://www.goodreads.com/es/book/show/"), 
                url-prefix("https://www.goodreads.com/it/book/show/"), 
                url-prefix("https://www.goodreads.com/pt/book/show/"), 
                url-prefix("https://www.goodreads.com/fr/book/show/")
{
  /* I've included the 5 most-used GoodReads url language codes. If needed, simply edit these to the language(s) of your choice. */

  .Formatted .spoiler {
    background-color: rgb(167, 167, 167);
    /* blurred spoiler mask color */
    color: rgb(167, 167, 167);
    /* blurred text color */
    filter: blur(0.7rem);
    /* blur strength (original is 0.3) */
    box-shadow: 10px 0 0 0 rgb(167, 167, 167),
      /* Right side buffer */ -10px 0 0 0 rgb(167, 167, 167);
    /* Left side buffer */
  }

  .Formatted .spoiler__control:checked + .spoiler {
    box-shadow: none;
    /* Removes box shadow when spoiler is revealed */
  }
}

GoodReads UNspoiled by Bluestocking

Details

Statistics

Description

Notes