CF Dark is a premium browser extension designed to transform your Codeforces experience. It provides 9 meticulously crafted dark themes to reduce eye strain and enhance your coding performance during late-night competitive programming sessions.
Live Demo • Install Extension • Report Issue
- 🎨 9 High-Fidelity Themes: From deep blacks to elegant dracula-inspired palettes.
- ⚡ Zero Latency: Lightweight vanilla JS implementation ensures no impact on site performance.
- 🛠️ Seamless Integration: Works across all Codeforces modules (Contests, Gym, Problemset, Blogs).
- 🖱️ Instant Switching: Change themes on the fly via the intuitive extension popup.
- 🔒 Privacy First: No telemetry, no ads, no data collection.
View All Theme Variations
| Theme 1 | Theme 2 | Theme 3 |
|---|---|---|
 |
 |
 |
| Theme 4 | Theme 5 | Theme 6 |
 |
 |
 |
| Theme 7 | Theme 8 | Theme 9 |
 |
 |
 |
Since the extension is open-source, you can install it directly from the source:
- Clone the Repository:
git clone https://github.com/developerHub01/CF_Dark.git
- Open Extensions Page:
Navigate to
chrome://extensionsin your browser. - Enable Developer Mode: Toggle the switch in the top-right corner.
- Load Unpacked:
Click the "Load unpacked" button and select the
extensionfolder from the cloned repository.
- Extension: Vanilla JavaScript, CSS3, HTML5 (Manifest V3).
- Website: Astro, Tailwind CSS, Phosphor Icons.
We welcome contributions! Whether it's adding a new theme or fixing a bug, feel free to open a PR.
- Fork the repo.
- Create your branch (
git checkout -b feature/NewTheme). - Commit your changes (
git commit -m 'Add NewTheme'). - Push to the branch (
git push origin feature/NewTheme). - Open a Pull Request.
Abdus Shohid Shakil
- GitHub: @developerHub01
- Portfolio: shakil.dev
Made with ❤️ by Shakil