Skip to content
Permalink
Browse files

update README

  • Loading branch information...
taniarascia committed Jun 5, 2019
1 parent 8fe1488 commit db1066f468b6f77b6111e5002e92f56114348e5a
109 README.md
@@ -1,118 +1,19 @@
![New Moon Icon](images/new-moon-logo.png)
![Logo](new-moon-logo.svg)

# New Moon Syntax Theme [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
# New Moon for [Brackets](https://brackets.io)

The optimized dark theme for web development.

- [View Website](https://taniarascia.github.io/new-moon)

## Intuitive Syntax Highlighting

[New Moon](https://taniarascia.github.io/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.

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

## Platforms

New Moon is available for:

- [Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=taniarascia.new-moon-vscode)
- [Chrome DevTools](https://github.com/taniarascia/new-moon-chrome-devtools)
- [iTerm2](https://github.com/taniarascia/new-moon/tree/master/iterm2)
- [Brackets](https://github.com/taniarascia/new-moon-brackets)
- [Sublime Text](https://packagecontrol.io/packages/New%20Moon%20Color%20Scheme)
- [Atom](https://github.atom.io/packages/new-moon-atom-syntax)

> **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](https://placehold.it/15/2d2d2d/ffffff?text=+) `#2d2d2d` |
| Comment | Medium | ![#777c85](https://placehold.it/15/777c85/000000?text=+) `#777c85` |
| Foreground | Light | ![#b3b9c5](https://placehold.it/15/b3b9c5/000000?text=+) `#b3b9c5` |
| Function | Lightest | ![#ffffff](https://placehold.it/15/ffffff/000000?text=+) `#ffffff` |
| Variable | Red | ![#f2777a](https://placehold.it/15/f2777a/000000?text=+) `#f2777a` |
| Number | Orange | ![#FCA369](https://placehold.it/15/FCA369/000000?text=+) `#fca369` |
| Attribute | Yellow | ![#FFD479](https://placehold.it/15/FFD479/000000?text=+) `#ffd479` |
| Keyword | Light Yellow | ![#ffeea6](https://placehold.it/15/FFEEA6/000000?text=+) `#ffeea6` |
| String | Green | ![#92D192](https://placehold.it/15/92D192/000000?text=+) `##92d192` |
| Class/Tag | Blue | ![#6AB0F3](https://placehold.it/15/6AB0F3/000000?text=+) `#6AB0F3` |
| Constant/Pseudo | Aqua | ![#76D4D6](https://placehold.it/15/76D4D6/000000?text=+) `#76d4d6` |
| Support | Purple | ![#E1A6F2](https://placehold.it/15/E1A6F2/000000?text=+) `#e1a6f2` |
| Operator | Beige | ![#ac8d58](https://placehold.it/15/ac8d58/000000?text=+) `#ac8d58` |

## Screenshots

### Chrome DevTools

![New Moon Screenshot Chrome DevTools](images/chromedevtools.png)

### iTerm2

![New Moon Screenshot iTerm2](images/iterm2.png)

### VSC: JavaScript/React

![New Moon Screenshot JS](images/js.png)

### VSC: CSS/Sass

![New Moon Screenshot CSS](images/css.png)

### VSC: PHP

![New Moon Screenshot PHP](images/php.png)
![Screenshot](screenshot.png)

## Installation

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

### Chrome DevTools

1. Navigate to chrome://flags, find Developer Tools Experiments and toggle to Enabled.
1. Reload Chrome.
1. In DevTools, click the three dots menu, go to Settings -> Experiments and select Allow UI Themes.
1. Set theme to "Dark Mode"
1. Load a new tab and enjoy your awesome new DevTools theme!

### iTerm2

1. iTerm2 > Preferences > Profiles > Colors
1. Load Presets
1. Select Import
1. Select `new-moon.itermcolors`
1. Select New Moon from color presets

## Acknowledgements

- Originally inspired by Twilight and [Tomorrow Night Eighties](https://github.com/chriskempson/tomorrow-theme).
- Chrome DevTools theme forked from [Zero Base Themes](https://github.com/mauricecruz/zero-base-themes)
- Look for "New Moon" in the extensions registry

## Author

- [Tania Rascia](https://www.taniarascia.com)

## License

This project is open source and available under the [MIT License](LICENSE.md).
This project is open source and available under the [MIT License](LICENSE).
Binary file not shown.
BIN -576 KB images/css.png
Binary file not shown.
BIN -698 KB images/iterm2.png
Binary file not shown.
BIN -615 KB images/js.png
Binary file not shown.
Binary file not shown.
BIN -644 KB images/php.png
Binary file not shown.
@@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 382.582 382.582">
<linearGradient id="a" x1="270.793" x2="111.79" y1="329.679" y2="54.277" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ffd479"/>
<stop offset="1" stop-color="#ffeea6"/>
</linearGradient>
<circle cx="191.292" cy="191.977" r="158.977" fill="url(#a)"/>
<path fill="#2D2D2D" d="M344.3 121.307a183.1 183.1 0 0 0-2.335-4.893 168.52 168.52 0 0 0-19.74-30.843C273.761 25.437 188.442 4.828 116.421 40.61c-10.355 5.145-19.937 11.195-28.714 18.04-61.779 48.137-83.302 134.642-47.1 207.503 41.357 83.219 142.335 117.171 225.554 75.813 28.834-14.323 51.75-35.81 67.661-61.228a167.782 167.782 0 0 0 13.856-27.415 168.624 168.624 0 0 0 9.813-35.736c5.044-31.682 1.094-65.11-13.191-96.28zm-82.585 211.714c-78.277 38.901-173.261 6.966-212.162-71.313C15.498 193.171 35.742 111.801 93.86 66.522c-28.247 45.101-33.083 103.415-7.657 154.567 38.893 78.278 133.875 110.204 212.153 71.313a158.733 158.733 0 0 0 27.005-16.976c-14.967 23.914-36.519 44.122-63.646 57.595z"/>
<path fill="#94CE91" d="M317.467 173.986c0 5.707-5.373 10.333-12 10.333H128.443c-6.627 0-12-4.627-12-10.333v-10.333c0-5.707 5.373-10.334 12-10.334h177.023c6.627 0 12 4.627 12 10.334v10.333z"/>
<path fill="#74AEDE" d="M331.586 119.066h-157.75c-6.631 0-12-4.64-12-10.34v-10.33c0-5.71 5.369-10.33 12-10.33h137.439c.42.5.83 1 1.24 1.51 1.32 1.63 2.609 3.3 3.869 4.99a167.686 167.686 0 0 1 15.202 24.5z"/>
<path fill="#FFEEA6" d="M283.365 229.121v10.334c0 5.709-5.381 10.333-12 10.333H166.834c-6.619 0-12-4.624-12-10.333v-10.334c0-5.7 5.381-10.333 12-10.333h104.531c6.619 0 12 4.633 12 10.333z"/>
<path fill="#F3777A" d="M345.586 218.786c-.16 1.26-.35 2.52-.551 3.779-.129.83-.27 1.671-.41 2.5-.01.07-.029.15-.039.221-.91 5.17-2.061 10.29-3.441 15.34-.84 3.08-1.77 6.13-2.779 9.16h-28.039c-6.641 0-12-4.62-12-10.33v-10.33c0-5.71 5.359-10.34 12-10.34h35.259z"/>
</svg>
File renamed without changes.

0 comments on commit db1066f

Please sign in to comment.
You can’t perform that action at this time.