Codex Dark Themes Quick Tour: Build a Calm, Focused Workspace

Dark themes are the default for almost everyone who codes late, but 'dark' is a spectrum. A pure-black background stings the eyes in a dark room, and a bad palette turns comments into mush. This quick tour runs through the built-in dark presets, then explains how to build a dark palette that stays readable at hour six.

Which built-in presets are dark

• preset-purple-night: deep purple base with a faint glow, mysterious but easy on the eyes at night
• gothic-void-expedition: deep purple-black with teal highlights, space-exploration energy
• cyber-neon: black base with magenta and cyan double-neon, for high-saturation fans
• tokyo-night series: deep blue base with pink and purple highlights, the one many devs find most comfortable
• monokai-stone: a dark variant of classic Monokai, low neon, the restrained dark option

How to build a dark palette that does not sting

• Dark but not pure black: deep blue or purple at 10-15% lightness beats #000
• Text in low-saturation gray, not pure white; pure white is harsh against dark
• One neon accent only: selection, cursor, buttons share one highlight, do not scatter it

Readability traps in dark mode

• Comment color: at least 4.5:1 contrast, not just a hair brighter than the background
• Selection: semi-transparent highlight, not a solid bar over the text
• Cursor: pick a neon different from the syntax highlight, keep them apart

How to recolor any theme dark

Do not want to switch themes? Three variable groups in custom mode do it: background to deep blue or purple, foreground to low-saturation gray, accent to a single neon. The change is smaller than it sounds and the effect is immediate. After editing, run a contrast check: comments 4.5:1, body 7:1. That is the WCAG floor.

FAQ

Back to the theme store

For the full gallery and live previews, head back to the Codex Skin Studio theme store homepage and give your Codex a calm dark skin in a few minutes.