🌙 New Moon Syntax Theme

The optimized dark theme for web development.

View Website

Intuitive Syntax Highlighting

New Moon is the optimized dark theme for web development. It has been meticulously designed to be easy on the eyes and intuitive. It's pleasant for long coding hours in any language, and particularly well suited for HTML, CSS, SCSS/LESS, PHP (WordPress), and JavaScript (React, Vue).

HTML & CSS work together
Optimized for JSX and React
Clear distinctions between code and markup

Platforms

New Moon is available for:

Note: The Visual Studio Code, Chrome DevTools, and iTerm2 themes are actively maintained.

What Are People Saying?

“Absolutely beautiful theme. Definitely deserves more recognition.” — Arcadia

“Undoubtedly the best color theme ever. Just install and see yourself. The background color is perfect for long time exposure to the eyes. And the code color is well lit and separated from each other.” — Ibnul Alam

“Great theme for long coding hours.” — Volkan

“Really surprised this theme isn't more popular. It's a joy to use for HTML/CSS/JS and PHP. I like that it isn't heavy on blue colors like a lot of the popular dark themes.” — Brendan

“I've been using New Moon for several weeks now, I love it. The color palette is very easy on the eyes, especially after a few hours of coding.” — Jose

Colors

Usage	Palette	Hex Code
Background	Darkest	`#2d2d2d`
Comment	Medium	`#777c85`
Foreground	Light	`#b3b9c5`
Function	Lightest	`#ffffff`
Variable	Red	`#f2777a`
Number	Orange	`#fca369`
Attribute	Yellow	`#ffd479`
Keyword	Light Yellow	`#ffeea6`
String	Green	`##92d192`
Class/Tag	Blue	`#6AB0F3`
Constant/Pseudo	Aqua	`#76d4d6`
Support	Purple	`#e1a6f2`
Operator	Beige	`#ac8d58`