A warm, earth-toned color scheme for comfortable extended screen use. Serene shifts colors away from harsh blues toward softer oranges, greens, and yellows. The result is a theme that feels like reading on aged paper rather than staring at a bright screen. Available in light (Day) and dark (Night) variants.
Serene avoids pure white and pure black, which cause your pupils to constantly adjust. Instead, it uses warm off-white and soft dark backgrounds with around 10:1 contrast, readable without being harsh. Colors are muted to prevent overstimulation during long sessions, and the reduced blue light content may help with sleep if you code in the evening.
Both use the same colors. Clarity adds subtle background highlights to certain syntax elements for easier scanning. It's only available in Helix and VSCode since other editors don't support syntax backgrounds.
Muted colors reduce eye fatigue during extended use. The tradeoff is intentional.
The theme maintains good contrast and doesn't rely on color alone for distinction, but dedicated colorblind variants may be added later.
All colors are defined in palette.toml and theme files are generated from templates.
- Edit the color value in
palette.toml - Run
python3 build.py(requires Python 3.11+) - All 22 theme files in
themes/update automatically
palette.tomlis the single source of truth. Named colors are organized into[day],[night],[day-clarity], and[night-clarity]sections.templates/holds theme files with{{section.color-name}}placeholders (e.g.,{{day.forest}},{{night.parchment|nohash}}).build.pyreads the palette, renders each template, and writes the result tothemes/.
Available filters: |nohash (strip #), |alpha:XX (append alpha hex).
- Create a template in
templates/editor-name/using palette references - Run
python3 build.pyto generate the theme file - Verify the output in
themes/editor-name/
MIT
Remember: The best theme is one that makes your eyes comfortable. If Serene doesn't work for you, that's okay - everyone's eyes are different!
