Kalvium DOJO
v1.8.0 โ€” Dark mode + customization

Practice comfortably, your way.

The Kalvium DOJO Enhancer is a lightweight browser extension that gives you dark mode, custom themes, backgrounds, editor colors, and a live leaderboard with streaks & daily goals โ€” so you can code for hours without eye strain.

โ€”students
โ€”lifetime solves
โ€”solved today
โ€”dojo time

Why use this extension?

๐ŸŒ™

Dark mode for long sessions

Students found it difficult to stay and practice on the platform for long hours because of the bright white screen causing eye strain and fatigue. The default light theme made extended coding sessions uncomfortable, and there was no built-in way to customize the experience.

๐ŸŽจ

Make it yours

This extension lets you customize your DOJO environment freely โ€” dark mode, themes, backgrounds, editor colors โ€” so you can practice comfortably for as long as you want, without getting bored or strained. Full control over your learning environment.

Features

๐ŸŒ™

One-click dark mode

Simple CSS-filter dark mode (invert + hue-rotate) that works instantly on every Kalvium page. Toggle from the popup or the floating button โ€” no reload needed.

๐ŸŽจ

Custom themes & backgrounds

8 built-in themes (Default, Midnight, Aurora, Sunset, Ocean, Matrix, Neon, Forest) with animated gradient washes. Upload your own images, GIFs, videos, or YouTube links as backgrounds.

๐Ÿ’ป

Editor customization

VS Code-style blue text in dark mode, custom font sizes, text glow, forced text colors. Works inside Monaco editor on DOJO workouts.

๐Ÿ†

Live leaderboard & streaks

Real-time class leaderboard with daily/weekly/all-time ranks, heatmap activity calendar, and automatic streak tracking. Syncs to Supabase cloud.

๐ŸŽฏ

Daily goals & celebrations

Set a target for problems solved today. Hit it and get a fun GIF celebration. Goals persist across sessions and show on the leaderboard.

โšก

RUN / RUN TEST / HINT / COPY buttons

One-click action buttons on workout pages, styled like the site's own UI. Shortcuts: Ctrl+Enter = run tests, Ctrl+Shift+Enter = run.

๐Ÿ˜„

Fun GIF companion

Animated coding/idle/error/copy/paste GIFs in the corner. Sticker system lets you pin custom GIFs anywhere on the page.

๐Ÿ•’

Practice time tracking

Total DOJO time, daily breakdown, and time-per-problem stats โ€” all synced to the cloud so you never lose progress.

How it works

1

Install the extension

Download from the GitHub releases, load it into Edge/Brave/Opera (Developer mode โ†’ Load unpacked), open your Kalvium DOJO page.

2

Customize your experience

Click the extension icon for dark mode toggle. On DOJO pages, open the settings panel (โ˜ฐ) for themes, backgrounds, editor colors, fun GIFs, and more.

3

Code comfortably for hours

Dark mode reduces eye strain. Your solves, skips, streaks, and time sync automatically to the cloud leaderboard. Practice longer, rank higher.

Open source, made by students

Free. Open. Yours.

The whole project โ€” extension, cloud functions, and this site โ€” lives on GitHub. Fork it, tweak it, or just star it.

kalvium-dojo-enhancer

Our Contributors

Built with love by students, for students โ€” a special thanks to everyone who made this possible.

H

HAMZA SHAIKH

Creator of the modes for DOJO

GitHub
S

Saksham Singh

Creator of the dark mode for the whole Kalvium website

GitHub

Answer a quick survey โ€” we will compose the email for you.