Reminder: in case of any technical issues, you can use the lightweight website m1.codeforces.com, m2.codeforces.com, m3.codeforces.com. ×

sigma_g's blog

By sigma_g, history, 8 months ago, In English,

Hi all, I have made a dark theme for Codeforces. Solving problems on Codeforces at night becomes very tough due to the completely white theme. Even in the morning, staring at the white screen for long does not help people who develop eye strain quickly, like I do. Hence, I made this dark theme.

I was not content with simply using a color inverter for the website, as there are many subtle elements, especially the rating colors, which would lose their essence when inverted.

It will surely take your eyes some time to adapt to this new format of colors. However, I would really suggest you to use it for at least a day or two.

I have been using this daily for over two months now, so it's safe to assume it's very well battle-tested :) (except the problem setters page though, I am not really sure how that looks) I have added dark theme formatting for the source code viewer and submission editor as well!

Currently it's a userscript. Please find installation instructions on the GitHub repo. If enough people start using this, I might package this into a Chrome extension.

I would really welcome any constructive feedback that you have regarding it :)

Thank you!


Quick access installation link

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

»
8 months ago, # |
  Vote: I like it +3 Vote: I do not like it

Its quite good and impressive. Do you have any suggestion for vscode theme that has similar color theme.

  • »
    »
    8 months ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    Hi, thanks for your feedback! You might want to look into Monokai, that's the code styling sheet I used for this userscript. (Press Ctrl-K Ctrl-T to open theme menu, and select the Monokai theme in VS Code.)

»
8 months ago, # |
  Vote: I like it +58 Vote: I do not like it

If enough people start using this, I might package this into a Chrome extension.

Firefox users left the chat

  • »
    »
    8 months ago, # ^ |
    Rev. 2   Vote: I like it +8 Vote: I do not like it

    In fact Chrome extensions can be used in Firefox but not vice versa :D (edit: I mean when you use the Firefox API instead of Chrome API, for which Firefox has support too).

  • »
    »
    8 months ago, # ^ |
      Vote: I like it +18 Vote: I do not like it

    Hi, sorry I didn't mention Firefox. In this case though, it's not at all difficult to make an FF port, since I am not using any browser specific APIs until now. So stay tuned :)

»
8 months ago, # |
  Vote: I like it +2 Vote: I do not like it

great work...

»
8 months ago, # |
  Vote: I like it +2 Vote: I do not like it

This is lit. Great Work. Thank You

Now I'm writing the comments on a white background ( comment box's background is white ) and please make Codeforces logo dark too :)

  • »
    »
    8 months ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    Hi, thanks for the feedback. I just pushed an update that should make comment boxes dark too :)

    Also, I am a bit hesitant to change the CF logo, since I am not sure if it's even allowed in the first place. In fact, the CODE part of the logo is entirely black so that would require changing the colors entirely.

»
8 months ago, # |
  Vote: I like it +6 Vote: I do not like it

For me the script doesn't work. I use Windows 10, test with the latest version of browsers Chrome, Firefox, Opera, Edge & with 4.8 version of Tampermonkey (latest too). Only facebook "likes" area in upper right corner became black, all other remained white. Could you help to fix it?

»
6 months ago, # |
  Vote: I like it -37 Vote: I do not like it

Der geya Kya bhosdi wale

»
6 months ago, # |
Rev. 3   Vote: I like it -37 Vote: I do not like it

Sale bherwe Teri maa chod dunga, Abe namard agar gaand me dem h to reply kar . Bhosdi wale Tere pichwade me goli Mar dunga.

»
6 months ago, # |
  Vote: I like it 0 Vote: I do not like it

I mean Dark Reader basically does the same thing.

»
6 months ago, # |
  Vote: I like it 0 Vote: I do not like it

Good attention to detail right there.

»
6 months ago, # |
  Vote: I like it 0 Vote: I do not like it

good work . Thanks.

»
3 months ago, # |
  Vote: I like it 0 Vote: I do not like it

Codeforces should have a default dark theme.