Lord_David's blog

By Lord_David, 14 months ago, In English

Download here Please follow the instructions. (You don't need to download the source code to your PC.)

Update: There are now two versions for black and white nutella colours. Install link

Update 2: I have make it work with the new codeforces test case feature please report any issues you may have and enjoy. I also fixed new messages being too bright.

Hello everyone, so recently I've discovered a dark mode for Codeforces made by sigma_g. I liked his idea of making a dark mode, but in my opinion it didn't look very good. So I decided to fork his project and make my own version. In my opinion it looks a lot better and I hope you'll like it. I tried to make it look like the CSES dark mode with a few changes. Also I'm always open to criticism and feedback, also if anyone wants to contribute to this project feel free to message me or just submit a pull request if you've already made something. You can download and install it HERE the installation instructions are also there and it's super simple. Enjoy!

I would also like to sincerely thank sigma_g, I would not have made this without his original version.

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

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

That's just amazing !!!!

Thank you very much.

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

make nutella color as it is in sigma_g script, or make dark black to appear more sweet/clear, idk it may be impossible bc it is black theme.

  • »
    »
    14 months ago, # ^ |
    Rev. 3   Vote: I like it 0 Vote: I do not like it

    Good point. But I do kind of like it right now, even though I understand that reading black on dark grey can be a bit difficult. Either way I'll put it to a vote will change it if more people prefer it to be white like in sigma_g's original version.

    If it ends at 50/50, I'll change it to white for better readability https://www.strawpoll.me/45553553

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

    Changed. You should automatically have it updated within 24 hours by default, if you haven't disabled it. Otherwise you can manually reinstall the theme.

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

Auto comment: topic has been updated by Lord_David (previous revision, new revision, compare).

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

    Could you please share more details. What browser are you using and how are you trying to install it? From the error it looks like you've downloaded the files locally, if that is the case that isn't necessary and please follow the instructions on the github page. Thanks in advance.

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

      Now it is working . Thank you!!! Great work!

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

        How was that error got solved, I am also having the same issue.

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

          He downloaded it to his pc. You don't need to do that. Please follow the install instructions step by step on the github page and it should work. If you still have issues please feel free to message me.

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

            Yes that issue is resolved now, Thanks for this amazing feature

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

Auto comment: topic has been updated by Lord_David (previous revision, new revision, compare).

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

    Both are white nutella.

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

      If you installed the white one first you have to disable it. If that's not the problem please message me and I'll look into it

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

      I have tested this on a second pc and have found that yes, it is broken. I will implement a slightly different method for installing the Dark nutella. I apologise for the inconvenience

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

      Should be fixed now

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

it is good!

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

Eye saver!!

Really good, thanks.

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

How did you make this?

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

    Javascript that replaces certain elements with ones I want. You can read the source code on the github page.

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

Really nice thing, it's the only extension with dark theme for codeforces that doesn't have ugly logo on top of the page...

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

    I know. It used to have it, but it got super annoying to look at. So I tried the inverted colour one, but that was just ugly. So I made my own image of the codeforces logo by hand, not perfect, but it's good enough not to be annoyed by it.

»
7 months ago, # |
  Vote: I like it +1 Vote: I do not like it

Thanks dude...This theme is awesome.. should be added to codeforces officially..

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

can anyone please help me on how to install it, i tried reading the instructions on the github page, but after i click the install link, it's downloading the file to my pc. and even after i copied the code int the new script area of tampermonkey, it's not working. Any help will be appreciated;

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

    You need to install tampermonkey, then simply click on the install link of the theme you want. Try restarting your browser too. It should take to to the tampermonkey install script page. I think I'll make an install video guide later.

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

      thanks for replying, i think the problem is that after i click that install link it's trying to save it to my local sysytem, and i had to manually paste the code in create script section of tampermonkey. i'll try restarting the browser.

»
5 months ago, # |
Rev. 4   Vote: I like it 0 Vote: I do not like it

nvm greasemonkey is being a monkey

nice theme btw

»
4 months ago, # |
  Vote: I like it +1 Vote: I do not like it

This should be added to Codeforces officially. Thanks dude.

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

Insanely fast response to the new feature! (and wonderful extension overall)

While you're at it, may I request another tweak? Viewing old messages is fine, but new messages are highlighted in light blue while the text is still white. If you could fix it, that would be amazing!

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

    Sure! Could you recommend what you'd like me to change it to? If you could give an exact colour hex code it would be ideal, but if not I completely understand. An explanation like "light grey" would also be fine. Thanks!

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

      You could use the same color you use for new comments like the dark blue looks pretty good to me tbh

      But anything works as long as the text is readable lol

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

Hey, thanks for the quick update. Just one thing, the script is working perfectly fine for Chrome, but it is showing Error in Loading Dependencies. Could you please look into it.

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

    Sure, but your image isn't showing. Could you please fix it and I'll look into it!

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

      Getting this in firefox tamper

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

        Ok so, it seems like the monokai.css file was removed, but assuming it doesn't cause any issues, I'll leave it as it is, since it seems to be working fine. If you have any issues related or unrelated to this, please report them. Thanks for telling about this one.

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

This theme is fine but the code color scheme just sucks. Is there any way I can change it?

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

    Yes, you can fork my theme on github and change the css to your preference. If possible, I'd like for you to specify how I could improve it. Thanks!

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

Just ran into the post and decided to try that out — have a suggestion to make all colors a bit warmer, they are very garish at the moment.

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

    I tried to make it as similar to the CSES colours as possible. If you have any exact adjustments you'd like me make, I'll gladly look into it. Unfortunately, I don't exactly know how you want me to make it a bit warmer, so exact hex colour codes would greatly help. Thanks!

    • »
      »
      »
      7 weeks ago, # ^ |
      Rev. 3   Vote: I like it 0 Vote: I do not like it

      I am honestly not sure if I can equip you with exact colors, but I guess dimming some of existing colors will be great. I guess you use the same colors as the original mode has, so that's where the problem (as for me) appears. These are chosen for a white theme and on a dark theme they make too much contrast and it becomes quite hard to even read some of information.

      I actually now tried it — at the morning — and it looks a bit better than yesterday at the evening. But still playing around with some colors might be helpful for your appealing product.

»
7 weeks ago, # |
  Vote: I like it 0 Vote: I do not like it

after the new test case feature added, dark mode doesn't seem to work very well. When, I hover over a test case, the test case doesn't appear clearly. Please look into it. This is what I am talking about

»
7 weeks ago, # |
  Vote: I like it 0 Vote: I do not like it

Sorry, I'm using google translate. This is a great theme! But I found that on the Educational page (EDU), the title is still black. It's not critical, but maybe it's worth fixing? I use Chrome

  • »
    »
    7 weeks ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    You mean the background for the EDU logo is white? If so, I'm aware of this and will fix it one day (no idea when), but it's currectly low priority since it doesn't effect anything and edu rounds aren't as common as normal rounds.

    Also, I'm glad you like the theme!