This is an extension I Built to Darken the CodeForces Pages here are the steps to install and run them:

Codeforces Dark Mode – Chrome Extension

A simple Chrome extension that automatically applies dark mode to Codeforces.com

Features

Automatic Dark Mode – Applies dark mode CSS automatically when visiting Codeforces
Easy Toggle – Turn dark mode on/off with a simple popup switch
Persistent – Your preference is saved and remembered
Fast – No page reload required

Installation

Step 1: Prepare the Extension Files

The extension is located in: codeforces-darkmode-extension/

Download from this page: https://github.com/Victor-Jnr/codeforces-darkmode-extension/ as zip

Extract all files.

Make sure you have these files:

• manifest.json
• content.js
• popup.html
• popup.js

Step 2: Load in Chrome

Open Chrome Extensions Page

• Go to chrome://extensions/ in your Chrome browser
• OR: Menu → More Tools → Extensions

Enable Developer Mode

• Toggle “Developer mode” in the top right corner

Load Unpacked Extension

• Click “Load unpacked”
• Navigate to the codeforces-darkmode-extension folder
• Click “Select Folder”

Done!

• You should see the extension in your Chrome toolbar
• Visit https://codeforces.com to test it

How to Use

Automatic Mode

• Dark mode applies automatically when you visit Codeforces
• No action needed!

Toggle On/Off

• Click the extension icon in your Chrome toolbar
• Use the toggle switch to enable/disable dark mode
• Refresh the page to see changes

Customization

• Edit content.js to modify the CSS colors
• Edit popup.html to change the popup UI
• Reload the extension after making changes (go to chrome://extensions/ and click the reload icon)

Support & Issues

• Found a bug? Open an issue
• Have a suggestion? Create a discussion or pull request
• Contact: ujjwalvictor2005@gmail.com

Enjoy coding on Codeforces with dark mode! 🌙