taniarascia / new-moon

🌙 ‎ The optimized dark theme for web development.

New Moon Theme

New Moon is the optimized dark theme for web development. It's intuitive, easy on the eyes, and consistent across your entire development environment. 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).

• Intuitive connections between HTML and CSS
• Clear distinctions between code and markup
• Optimized for JSX/React, Vue, and PHP/WordPress

Platforms

New Moon is available for:

• Visual Studio Code
• Chrome DevTools
• Brackets
• Sublime Text
• Atom
• iTerm2
• Terminal.app
• Hyper Term
• Blink Shell
• Vim
• Alfred

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

“Wonderful. Well crafted with a clear sense of experience and focus. It actually helps me code more by enjoying the process more. Excellent work Tania.” — Monte

“Sometimes I open my editor just to admire New Moon and be inspired. Truly a work of art." — Sobie

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/SCSS

VSC: PHP

Contributing

New Moon themes for any app are welcome! To contribute:

• Create a repo called new-moon-app-name based on template-example
• Add the code for your theme and update the README with a screenshot and installation instructions
• Create an issue requesting to be added to the repository and link to your repo

A git subtree will be added pulling your repo into the main new-moon repo.

If your theme does not require you to maintain its own repository, simply create a pull request with the theme in a folder.

Acknowledgements

• Originally inspired by Twilight and Tomorrow Night Eighties.
• Chrome DevTools theme forked from Zero Base Themes.

Author

• Tania Rascia

License

This project is open source and available under the MIT License.

new-moon's Issues

Missed collapse arrow icon

The expand right-arrow icon can be seen in the above image.

but after clicking on that, the bottom-arrow icon will be missed!

Xcode Support?

Hi! first of all, thanks for the great theme, I've been using it on vscode,.
Is there any way we can get support for Xcode?

Anyway, thanks for the cool package!

Shipping New Moon with our IDEs

We are going to include your lovely theme into our IDEs from this coming summer. For that:

• Do you want us to include attribution? If so, let me know what and how.
• Do you want to list this on your website under "One theme for all your apps"? The links to our IDEs are: Dyalog APL Windows IDE and Dyalog APL Remote IDE (RIDE)

DevTools - code only

Like many other dark themes for chrome devtools, everything is dark, including main tabs selector and tabs contents (network, performance, etc). Would it be possible to make it so that only code is dark mode? That is, sources tab, elements and console only.

Latest version on sublime?

Hi! Excited to try out your theme. Is the latest build pushed to sublime?

Chrome Dev Tools new CSS key is almost invisible

When typing out a new CSS property key, the already-typed letters are rendered as black against the dark background. This makes them very difficult to see.

See example image.

NewMoon for Netbeans

Thank you! Looks nice. Would it be possible to get it for Netbeans IDE please?
https://netbeans.apache.org

PrismJS?

Hi! first of all, thanks for the great theme, I've been using it on vscode, chrome devtools and iTerm since I saw your tweet 3 months ago and I definitely love it!

That's why I was looking to use it on my website via PrismJS. Is there any way we can get support for that?

Anyway, thanks for the cool package!

Bring in submodules and update installation pages

Todo:

• Make all child theme READMEs relatively consistent (ala this one)
• Add all child themes as a submodule to the main new-moon repository

annotation is so confused me

Support Tilix

I was sad to see this awesome theme/scheme isn't available for Tilix which uses a JSON format for schemes.

Publish VS Code version on OpenVSX

Hello,

VS Codium and, now, the versions of Code OSS for ArchLinux and Manjaro, do not use VS Code's marketplace but OpenVSX.

New Moon is not available on OpenVSX : https://open-vsx.org/?search=New%20Moon&category=&sortBy=relevance&sortOrder=desc

What it involves:
It is no longer possible to find the "New Moon" theme using the built-in search in VS Code (see screenshot), nor to update already installed versions.

How to fix it?
Log in to the Open VSX Registry with your Github account, create a token, then use the npx command in a terminal to create a namespace and publish the extension. See the documentation for details.

Warning:
The created namespace is public, someone else can reuse it. However, it is possible to claim it by opening an issue on the OpenVSX Github. If you want to keep the same format as on the VS Code Marketplace (e.g: taniarascia.new-moon), and since this is your name Tania, I recommend that you do so.

More info:
See the link posted by gschaffner on my issue in VS Code repo.

Style for indentation guides

I'm using the VS Code version and have enjoyed setting the style for indentation guide active background.

I've set to the same style as New Moon's Keyword color, #ffeea6, and I think it works well with the theme.

my setting override:

"workbench.colorCustomizations": {
    "editorIndentGuide.activeBackground": "#ffeea6"
}

I am honestly not sure how this affects other editors, or if the community of New Moon users would also enjoy this as a part of the theme. But I do!

VS Code: Status bar not following theme

Description

The status bar on VS Code does not appear to follow the theme. Every other dark color is desaturated, but the status bar is a dark shade of blue.

Steps to reproduce

1. Install New Moon through Extensions tab
2. Select New Moon theme

Comments

This may have something to do with the setup on my computer, but I don't have this issue with any other theme. I originally filed this as a bug, but now I'm thinking it is more of a design/color decision.

Unused params not distinguishable from used params in VScode

I'm using the vscode extension and i find it really hard to notice unused parameters in functions. (i'm using typescript but colors should be the same.)

As you can see here, in the handleSmth function, the parameter color is almost exactly the same as in the handleConcept function.

VScode highlight worn colors using JS optional chaining.

When I use optional chaining (?.) in a JS code the VScode highlight almost the entire code with a light blue color.

Is it possible setting this new feature of JS to keep highlight correctly?

Available for JetBrain Applications?

Hi,
I was wondering whether this theme is also available for JetBrain applications such as IntelliJ IDEA and PhpStorm?
Do you think it would be hard to apply it to those apps?

Chris

⚡ Hyper.js theme

First at all I love the theme, thank you!

I made a port for Hyperjs, you can find the details in the hyperterm-new-moon-theme repo.

Thanks again!

Any plans for VS Code ?

I've been using your New Moon theme for Brackets since it was released, also I see that there is a port for Atom.

Lately I started thinking of switching editors, Brackets is slow sometimes, also many of extensions are not updated and left unmaintained. Atom is nice, but it is also on the slower side.

I've been using Visual Studio Code for a few days, and I really like it. It is blazing fast, startup time is non-existent. But it lacks in themes department.

Not sure if a port from Atom would be difficult, they are both based on Electron, maybe it wouldn't be so much work :)

iTerm2 color profile not working

Hi Tanja,

wanted to use your color theme for iterm2 and did everything according to your instructions. The background color has changed, but the colors are not applied.

1. What did I do wrong?
2. Does this only work with bash or also with zsh?

Thank you for your help

Selected text doesn't contrast with the background.

The background color is #2d2d2d and the highlight background is set to #444444. On my laptop this isn't very clear. Changing the .CodeMirror-selected background to #dddddd did the trick for me :)

Submit to color-themes.com

I think it would be a win-win, if this theme was submitted to http://color-themes.com.

To consistently port the theme

Hello :)

found this theme and pretty happy with it after a few days of use: so 'relaxing' to use it all day long.

I thought to port it to a few (couple?) apps/tools that I use, but I do not know how to do it consistently.

I installed Visual Studio Code, Sublime Text, Vim versions and are pleasant but somewhat different among them.

Initially, seemed that differences could be due to not being all up to date versions, but then...

I installed Brackets and also found out that there are Monokai, New Moon, New Sun, One Dark, Tomorrow, Twilight and Zenburn variants (not found in new-moon/brackets) 🤔

Pretty confused now 😃

I started the port to kitty taking as inspiration the Visual Studio Code terminal. Still not pushed to Github, but it looks like

At the bottom of the following screenshot can be spotted active/inactive tabs. At the top borders among splits.

Not really enthusiastic about it, but I tried a port to Gnome Terminal that looks like this when setting a highlight selection colour

and like this without highlight selection colour 🤢

Any, all, and every suggestion will be very well welcomed.

Sorry to say this, but New Moon has slowed Brackets

I really, really love this theme, but after some playing with disabling/enabling extensions, I've seen a significant improvement in performance when using the default dark theme over your theme.

I was working on a project with a lot of files, feeling a major Brackets slow down, swiching between files, saving files, etc. Everything was slow.

Then I first reloaded without extensions, all smooth again. Then I went by disabling one extension after another and came to the concluison: New Moon is slowing down Brackets :((

It may not be felt with just a few files, but with a lot of files opened at the same time, New Moon is definitely slowing it down.

iTerm2 ANSI black set to light grey (making Powerlevel9k unreadable)

Is setting ANSI black in iTerm2 to a light grey intentional?

It's making Powerlevel9k unreadable, and I presume it will affect any theme that requires black to contrast with light colours.

Powerlevel9k currently:

And with ANSI black manually set to the same colour as the background:

base16 support/specification

Feature request to

1. specify the great-looking theme in base16 standard (guideline)
2. submit the repo containing new-moon.yaml to here
3. (optional) can be easily extend support for new-moon theme to Emacs using base16-emacs

Font not resizing with Ctrl+ and Ctrl-

It's a nice theme, thanks your hard work :)

I needed to make a couple of minor changes:

if you change this line in main.less:

.CodeMirror-scroll { background: @background; color: @Foreground; font-size: 12px;/* line-height: 1.2; -webkit-font-smoothing: subpixel-antialiased; /
} /*/

to this:

.CodeMirror-scroll { background: @background; color: @Foreground; /* font-size: 12px; line-height: 1.2; -webkit-font-smoothing: subpixel-antialiased; /
} /*/

removing the fixed font-size, Brackets will be able to scale the font.

Please, can you have more color options for this great theme ?

Hi there, can you include more colors for this theme regarding the background etc etc ... I would love to have a more blueish option , a dark blue option too ..

super thank u

Chrome dev tools theme is not showing expanding arrows

Hi, first of all thank you for this amazing theme.

I just installed it and I noticed that the expanding arrows are not there but if you click on the spot where they should be it works or if you double click the element as well.

Luigi

Slack theme :)

I definitely liked the theme very much and would like to thank you for it.

I'm using it on VSCode, iTerm, Dev Tools and also on Slack :)

If someone is interested in using Slack, follow the instructions:

1. Go to User Menu > Preferences > Sidebar Theme
2. In the bottom of the window, look for a "customize your theme and share it with others" link
3. Copy and paste the values below

#2D2D2D,#44475A,#444444,#FFEEA6,#383838,#CCCCCC,#92D192,#F2777A,#2D2D2D,#CCCCCC

🤘

Submit terminal theme to Gogh

https://github.com/Mayccoll/Gogh

Hugely simplifies installing and managing custom terminal themes for Linux/GNU users, if new-moon were submitted to Gogh then Linux users can easily install it on a variety of terminal emulators, including Tilix (would resolve #41)

Firefox Theme?

It'd be nice to have an official new-moon theme for Firefox: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/Themes