Codeforces Dark Theme

Quick Navigation

• Overview
• Screenshot
• Quick install (developer mode)
  • Firefox
  • Microsoft Edge
  • Chrome / Edge / Brave
• Sources and licenses
• Contributing
• Notes
• Packaging
• Store listing copy
• Privacy
• Authors
• License

Overview

This repository provides a dark theme for Codeforces packaged as a small browser extension. All runtime assets used by the extension are bundled locally in the extension/ folders (darktheme.css, desert.css, monokai.css, and content.js).

This is the extension version of Codeforces Dark Theme. If you want the userscript version, see the original project: https://github.com/GaurangTandon/codeforces-darktheme

Screenshot

Quick install (developer mode)

Firefox

Available on addon store :)

Click Here 👉

Microsoft Edge

Available on Microsoft Edge Add-ons

Click Here 👉

Chrome / Brave

1. Download codeforces-darktheme-extension.zip from releases:
   Releases or directly: Zip download
2. Unzip the file to a local folder.
3. Open your Chromium-based browser (Chrome, Edge, Brave) and go to chrome://extensions/, or edge://extensions/, or brave://extensions/ as appropriate.
4. Enable "Developer mode" (top right).
5. Click "Load unpacked" and select manifest.json from the unzipped folder.
6. Open https://codeforces.com, toggle the extension, and confirm the dark theme is applied.

Sources and licenses

• This repository: The extension code and packaging are licensed under the MIT License. See LICENSE.
• Original theme source: The original Codeforces dark theme used as a source for darktheme.css and image assets is MIT-licensed: Upstream license.
• Third-party styles: Two syntax-highlighting styles are bundled and documented in THIRD_PARTY_LICENSES.md:
  • Google Code Prettify (desert.css) — Apache License 2.0 (https://github.com/google/code-prettify)
  • Ace editor theme (monokai.css) — BSD-style (Ajax.org / ACE) (https://github.com/ajaxorg/ace)

Contributing

Contributions are welcome! Feel free to fork, improve, and submit pull requests or raise issues.

Notes

• The extension folder contain the unpacked extension files and the third-party styles packaged locally.
• If you redistribute this extension, please respect and include the third-party licenses (see THIRD_PARTY_LICENSES.md).

Packaging

For packaging and release, see generate-extension-zip.sh at the project root. The script builds the extension zip used in releases.

Store listing copy

• Short description: Dark theme for Codeforces with bundled syntax highlighting styles and a simple on/off popup.
• Long description: Codeforces Dark Theme is a lightweight browser extension that applies a dark, high-contrast reading and coding experience to Codeforces. It ships all runtime assets locally, including theme CSS and editor styling, and lets you enable or disable the theme from the popup. The extension is minimal, fast, and easy to install in developer mode.

Privacy

The extension stores a single preference locally in chrome.storage.local / browser.storage.local and does not collect, transmit, or sell personal data. It does not include a background/service worker that sends data, and it contains no remote analytics or tracking scripts — all runtime assets are bundled locally in the extension/ folder (see extension/manifest.json). The only permission requested is storage; no host permissions are required.

---

For packaging scripts and other resources see the project root (Example: generate-extension-zip.sh).

Authors

gaurav7902 Maintainer • Open to contributions

License

MIT License