New Moon Syntax Theme

Intuitive Syntax Highlighting

New Moon is the optimized dark theme for web development. I've meticulously designed New Moon to be easy on the eyes with intuitive connections between related elements. It's pleasant for long coding hours in any language, and particularly well suited for HTML, CSS, Sass, PHP, and JavaScript.

What Are People Saying?

“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

Screenshots

Chrome DevTools

iTerm2

VSC: JavaScript/React

VSC: CSS/Sass

VSC: PHP

Installation

New Moon can be installed through the package/extension/plugin manager by searching for "new-moon".