This is a fixed version of a dark theme made by GaurangTandon and greatly improved on by LordLava.
- Install Tampermonkey for your browser. (Instructions).
**Click this link (White Nutella) ** to install Codeforces dark theme userscript.
**Click this link (Black Nutella) ** to install Codeforces dark theme userscript.
Do not know the difference between the versions? Click here.
- Reload Codeforces twice.
In case the script is updated later, you need not revisit the page. Tampermonkey auto fetches new updates every 24hrs by default.
In case you're getting this warning:
Apps, extensions, and user scripts can not be added from this website.
This warning is mainly to prevent vulnerable users from installing malicious extensions and apps. In my case, you can trust this userscript as its code is posted on GitHub, under public scrutiny. So, you can safely ignore the warning and proceed with installation.
User handle colors needed to be reworked to be nice with the dark theme. That means the following colors now appear only ever so differently, but the sharp eyes amongst you may notice ;) These color adjustments are only meant to improve the contrast ratio of the text against a dark background.
| users | original color | new color |
|---|---|---|
| admins, non-rated, first letter of legendary | black (#000) |
white (#fff) |
| Grandmaster |  red |
 #ff4747 |
| Candidate master |  violet |
 #ce8aff |
| Expert |  blue |
 #757dff |
| Specialist |  cyan (#03a89e) |
 #01bdb2 |
| Pupil |  green (#00d700) |
 #00c700 |
| Newbie |  gray |
 #8c8c8c |
To view all the color changes at once, view the table on the blog post "Second Revolution of Colors and Titles".
You might have noticed there are two versions of the theme: the white nutella and the black nutella. The table above describes the white nutella version(the default). The word nutella here refers to the legendary grandmaster rating color scheme(the first letter is black and the rest are red). The white nutella version changes the first letter to be white, meanwhile the black nutella version leaves the first letter as is. Choose whichever one you like best!
The dependecy is used for dark theme syntax highlighting of code.
- prettyprint's desert.css, since Codeforces depends on the same library for formatting submission's display (Apache license).
PRs are most welcome! Though it may be better to first create an issue describing the problem the PR fixes and then create it, in order to get more alternate views on the problem.
MIT License attached.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent