Comfy colors for long coding sessions. WCAG AA accessible.
Eight VS Code themes inspired by Dracula — five dark, two light and one neon — with one key difference: every text color meets WCAG AA (≥4.5:1 contrast), verified automatically on every build. Comments are finally readable.
Variants
| Theme | For whom |
|---|---|
| ConfiTheme Dark | The base: Dracula with corrected contrast |
| ConfiTheme Midnight | Near-black background, ideal for OLED screens |
| ConfiTheme Midgreen | Midnight with green as the signature accent instead of magenta |
| ConfiTheme Soft | Pastel accents, less saturation for long sessions |
| ConfiTheme Contrast | Text at 7:1 (AAA), maximum legibility |
| ConfiTheme Light | Light version, with the same guaranteed contrast |
| ConfiTheme Paper | Warm paper/sepia light theme, less eye strain |
| ConfiTheme Neon | Neon accents (lime–mint–fuchsia) on a dark background |
Switch between variants with Ctrl+K Ctrl+T (Cmd+K Cmd+T on Mac).
Why another Dracula theme
The original Dracula renders comments at ~3:1 contrast — below the WCAG AA minimum of 4.5:1, on exactly the text that's hardest to read. ConfiTheme fixes that and verifies every color programmatically: if a token violates its ratio, the build fails.
Development
pnpm build # regenerates themes/*.json from src/palette.js and validates contrast
pnpm test # test suite (node --test)
The JSONs in themes/ are generated from a single palette in src/palette.js — never edited by hand.
License
MIT. Based on Dracula Theme (MIT).