AnonySharma's blog

[FIXED] Codeforces Christmas Dark Theme
By AnonySharma, 4 years ago, In English

Dark Reader + Codeforces Christmas Theme sucks.

What is Dark Reader?

So, I tweaked the Theme file to make it work well, and here are the results:

[WITHOUT FIX] PROBLEMS CURRENT QUESTION BACKGROUND
[FIXED] PROBLEMS FIXED QUESTION BACKGROUND

[WITHOUT FIX] BLOGS CURRENT HOMEPAGE
[FIXED] BLOGS FIXED HOMEPAGE

To get the same dark theme:

  1. First download the Dark Reader extenstion for your browser (Skip if already installed).
  2. Visit this website.
  3. Click on RAW and copy the code.
  4. Open the Dark Reader extension and click on the Dark option.
  5. Click on the Dev Tools option at the bottom, and replace the text in the text area with the copied code.
  6. Click APPLY and you're done.

Edit:

If you want to remove that snowflakes image too, then copy and paste the code from this website instead.
LIKE THIS WITHOUT SNOWFLAKES

Enjoy the real dark mode!

  • Vote: I like it
  • +108
  • Vote: I do not like it

Comments Comments (20)
| Write comment?
»
4 years ago, # |
  Vote: I like it +22 Vote: I do not like it

Thank you so much! I hated winter holydays because of these snowflakes)

→ Reply
»
4 years ago, # |
  Vote: I like it +9 Vote: I do not like it

Dude, you just saved my eyes, can't thank you enough!

→ Reply
»
4 years ago, # |
  Vote: I like it +5 Vote: I do not like it

thank you so much !!! It's working pefect.

→ Reply
»
4 years ago, # |
  Vote: I like it 0 Vote: I do not like it

WOW!! Thanks a lot man. Its working awesome.^_^

→ Reply
»
4 years ago, # |
← Rev. 2   Vote: I like it +5 Vote: I do not like it

It was such a great effort. Really appreciate it.

→ Reply
»
4 years ago, # |
  Vote: I like it +26 Vote: I do not like it

There's actually a much easier fix.

Click on the dark reader extension, it'll open the settings, go to "More" option, you will see Theme Generation Mode — which is probably set to Dynamic, just change it to "Filter" or "Filter+" (I personally use Filter+ because it utilizes GPU) and that's it. The snowflakes become much much dimmer and it's very easy to read stuff

Here's how it looks

→ Reply
  • »
    »
    4 years ago, # ^ |
      Vote: I like it +5 Vote: I do not like it

    I was using another plugin called "stylish" which ran body{background-image: none;} on all sites, but this is better!!

    → Reply
  • »
    »
    4 years ago, # ^ |
      Vote: I like it +10 Vote: I do not like it

    Yeah! this looks much easier, thanks for sharing.

    → Reply
»
4 years ago, # |
  Vote: I like it 0 Vote: I do not like it

Thanks. I just added style="background-image:none;" to the body tag using the inspect elements option. It worked but on refreshing the page everything sets back to default.

→ Reply
  • »
    »
    4 years ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    I used a extension called stylish and did same thing, it ran that code on all sites. But read demoralizer's comment its a better way atleast for me. comment

    → Reply
  • »
    »
    4 years ago, # ^ |
    ← Rev. 2   Vote: I like it +8 Vote: I do not like it

    That's why we use Extensions like these, which automatically changes these styles whenever the page opens.

    → Reply
»
4 years ago, # |
← Rev. 2   Vote: I like it 0 Vote: I do not like it

I am already using codeforces++ extension. It has some good features like, refreshing standings every second, sidebar action box, show tags button.

Can you provide some similar feature in this one or some other extension?

Because the dark theme you provided is tooo good.

→ Reply
  • »
    »
    4 years ago, # ^ |
      Vote: I like it +5 Vote: I do not like it

    I've no idea about these features, so can't say much. Anyways, thanks for sharing the extension.

    → Reply
»
4 years ago, # |
  Vote: I like it 0 Vote: I do not like it

You can also just increase 'contrast' and 'sepia' a bit.

→ Reply
  • »
    »
    4 years ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    Initially, I did the same, but still had issues while reading the problem statement. So, I had to do it this way. ;p

    → Reply
»
4 years ago, # |
  Vote: I like it +8 Vote: I do not like it

That was good effort!!

→ Reply
»
4 years ago, # |
  Vote: I like it +11 Vote: I do not like it

Thanks AnonySharma! much appreciated :)

→ Reply
»
3 years ago, # |
← Rev. 2   Vote: I like it +1 Vote: I do not like it

It's Christmas.....and again, new dark reader users are here :)

→ Reply
»
22 months ago, # |
← Rev. 4   Vote: I like it 0 Vote: I do not like it

I have a minor problem with this. It doesn't work when I open codeforces for the first time after restarting.' So is there any way to fix it?Thanks! UPD:Wrote a tampermonkey script to solve it.Link

→ Reply