Ertugrul's blog

Dark Mode for Test Case Highlight
By Ertugrul, history, 2 years ago, In English

Hi all, I have made an extension for the test case highlighting which works in dark mode. Since the new update has been made by MikeMirzayanov it doesn't fit good for dark mode users, so I made an extension which will highlight the testcases appropriately in the dark mode. Here is the Link for the extension Codeforces TestCase Dark Mode.

Before :

After :

Currently this extension is available only on firefox. And Finally thanks MikeMirzayanov for this amazing platform. Hope you like it!

I will try to make it available on chrome soon.

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

Comments Comments (16)
| Write comment?
»
2 years ago, # |
  Vote: I like it 0 Vote: I do not like it

Great extension, downloaded! Can you please add a color theme option to change the text to white?

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

    Ok, I will consider it.

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

      Yeah, so maybe if you hover over it, the background turns gray, and the text stays white. Just a suggestion but I'll be using this anyways.

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

        Ok, I will try it.

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

          Also please message me when you make this feature. I'm really looking forward to it. Thanks

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

    Hey I m also wondering to contribute on CodeForces by making a dark mode theme in near future. Most probably it be a Tampermonkey script.

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

      Of course!

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

        I m planning to develop this theme
        Looks interesting ?

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

          Some numbers are highlighted with black which make it a bit hard to see. Maybe change that part a bit

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

            It's due to text generated from mathJax. I will surely fix it !!

            Besides is it looking good enough to be a pleasing-to-use dark mode ?

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

      Hey there Ertugrul coderdhanraj haochenkang onebit1024 and everyone else who has been following this comment thread.

      I m here to update you guys with what I have worked upon till now regd. dark theme :
      This is the theme( fixed MathJax text colour ): Take a look
      And here is the cool test-case highlighting: Take a look
      Lastly I updated button-hover bubble effect, couldn't replicate the original animation so injected my own : Take a look- My version vs Original
      Hope you will all like it :)

      NOTE : text-colour of MathJax generated text is white since, I thought it would help differentiate the MathJax text from rest of the text in a problem and thus, grab our attention towards them quickly during a live contest problem.

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

        Nice theme, but much time will it take before releasing the actual version.

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

        It's a bit too purplish for my liking tbh. Also, I think people would prefer white over yellow

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

Can you do something with output as well?

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

    it's a bit more difficult cause it's a bit hard to (automatically) know which output is which

    → Reply