├── .gitignore ├── LICENSE.md ├── README.md ├── images ├── chromedevtools.png ├── css.png ├── iterm2.png ├── js.png ├── new-moon-vector-thumbnail.png ├── new-moon-vector.png └── php.png ├── package.json ├── screenshots └── screenshot.png └── themes └── new-moon.json /.gitignore: -------------------------------------------------------------------------------- 1 | .vscode 2 | .DS_Store 3 | node_modules 4 | *.log 5 | explorations 6 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 Tania Rascia 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![New Moon Icon](https://github.com/taniarascia/new-moon-vscode/raw/master/images/new-moon-vector-thumbnail.png) 2 | 3 | # New Moon Syntax Theme 4 | 5 | [![Version](https://vsmarketplacebadge.apphb.com/version-short/taniarascia.new-moon-vscode.svg?color=373277)](https://marketplace.visualstudio.com/items?itemName=taniarascia.new-moon-vscode) [![Downloads](https://vsmarketplacebadge.apphb.com/downloads-short/taniarascia.new-moon-vscode.svg?color=373277)](https://marketplace.visualstudio.com/items?itemName=taniarascia.new-moon-vscode) [![Rating](https://vsmarketplacebadge.apphb.com/rating-star/taniarascia.new-moon-vscode.svg?color=373277)](https://marketplace.visualstudio.com/items?itemName=taniarascia.new-moon-vscode) [![Downloads](https://badges.ml/dt/new-moon)](https://badges.ml/#new-moon) [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) 6 | 7 | The optimized dark theme for web development. 8 | 9 | - [New Moon Theme Website](https://taniarascia.github.io/new-moon/) 10 | 11 | ## Intuitive Syntax Highlighting 12 | 13 | [New Moon](https://taniarascia.github.io/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). 14 | 15 | - HTML & CSS work together 16 | - Optimized for JSX and React 17 | - Clear distinctions between code and markup 18 | 19 | ## Platforms 20 | 21 | New Moon is available for: 22 | 23 | - [Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=taniarascia.new-moon-vscode) 24 | - [Chrome DevTools](https://github.com/taniarascia/new-moon-chrome-devtools) 25 | - [iTerm2](https://github.com/taniarascia/new-moon/tree/master/iterm2) 26 | - [Brackets](https://github.com/taniarascia/new-moon-brackets) 27 | - [Sublime Text](https://packagecontrol.io/packages/New%20Moon%20Color%20Scheme) 28 | - [Atom](https://github.atom.io/packages/new-moon-atom-syntax) 29 | - [Hyper Term](https://github.com/Tmeister/hyperterm-new-moon-theme) 30 | - [Blink Shell](https://github.com/taniarascia/new-moon/tree/master/blink-shell) 31 | - [VIM](https://github.com/taniarascia/new-moon.vim) 32 | 33 | ## What Are People Saying? 34 | 35 | > “Absolutely beautiful theme. Definitely deserves more recognition.” 36 | > — _Arcadia_ 37 | 38 | > “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.” 39 | > — _Ibnul Alam_ 40 | 41 | > “Great theme for long coding hours.” 42 | > — _Volkan_ 43 | 44 | > “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.” 45 | > — _Brendan_ 46 | 47 | > “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.” 48 | > — _Jose_ 49 | 50 | > “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.” 51 | > — _Monte_ 52 | 53 | ## Colors 54 | 55 | | Usage | Palette | Hex Code | 56 | | --------------- | ------------ | ------------------------------------------------------------------ | 57 | | Background | Darkest | ![#2d2d2d](https://placehold.it/15/2d2d2d/ffffff?text=+) `#2d2d2d` | 58 | | Comment | Medium | ![#777c85](https://placehold.it/15/777c85/000000?text=+) `#777c85` | 59 | | Foreground | Light | ![#b3b9c5](https://placehold.it/15/b3b9c5/000000?text=+) `#b3b9c5` | 60 | | Function | Lightest | ![#ffffff](https://placehold.it/15/ffffff/000000?text=+) `#ffffff` | 61 | | Variable | Red | ![#f2777a](https://placehold.it/15/f2777a/000000?text=+) `#f2777a` | 62 | | Number | Orange | ![#FCA369](https://placehold.it/15/FCA369/000000?text=+) `#fca369` | 63 | | Attribute | Yellow | ![#FFD479](https://placehold.it/15/FFD479/000000?text=+) `#ffd479` | 64 | | Keyword | Light Yellow | ![#ffeea6](https://placehold.it/15/FFEEA6/000000?text=+) `#ffeea6` | 65 | | String | Green | ![#92D192](https://placehold.it/15/92D192/000000?text=+) `#92d192` | 66 | | Class/Tag | Blue | ![#6AB0F3](https://placehold.it/15/6AB0F3/000000?text=+) `#6AB0F3` | 67 | | Constant/Pseudo | Aqua | ![#76D4D6](https://placehold.it/15/76D4D6/000000?text=+) `#76d4d6` | 68 | | Support | Purple | ![#E1A6F2](https://placehold.it/15/E1A6F2/000000?text=+) `#e1a6f2` | 69 | | Operator | Beige | ![#ac8d58](https://placehold.it/15/ac8d58/000000?text=+) `#ac8d58` | 70 | 71 | ## Screenshots 72 | 73 | ### Chrome DevTools 74 | 75 | ![New Moon Screenshot Chrome DevTools](https://github.com/taniarascia/new-moon-vscode/raw/master/images/chromedevtools.png) 76 | 77 | ### iTerm2 78 | 79 | ![New Moon Screenshot iTerm2](https://github.com/taniarascia/new-moon-vscode/raw/master/images/iterm2.png) 80 | 81 | ### VSC: JavaScript/React 82 | 83 | ![New Moon Screenshot JS](https://github.com/taniarascia/new-moon-vscode/raw/master/images/js.png) 84 | 85 | ### VSC: CSS/SCSS 86 | 87 | ![New Moon Screenshot CSS](https://github.com/taniarascia/new-moon-vscode/raw/master/images/css.png) 88 | 89 | ### VSC: PHP 90 | 91 | ![New Moon Screenshot PHP](https://github.com/taniarascia/new-moon-vscode/raw/master/images/php.png) 92 | 93 | ## Acknowledgements 94 | 95 | - Originally inspired by Twilight and [Tomorrow Night Eighties](https://github.com/chriskempson/tomorrow-theme). 96 | - Chrome DevTools theme forked from [Zero Base Themes](https://github.com/mauricecruz/zero-base-themes) 97 | 98 | ## Author 99 | 100 | - [Tania Rascia](https://www.taniarascia.com/) 101 | 102 | ## License 103 | 104 | This project is open source and available under the [MIT License](LICENSE). -------------------------------------------------------------------------------- /images/chromedevtools.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/taniarascia/new-moon-vscode/db6e2982af7a2ed4f70e270c312a66a8a3d7dd06/images/chromedevtools.png -------------------------------------------------------------------------------- /images/css.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/taniarascia/new-moon-vscode/db6e2982af7a2ed4f70e270c312a66a8a3d7dd06/images/css.png -------------------------------------------------------------------------------- /images/iterm2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/taniarascia/new-moon-vscode/db6e2982af7a2ed4f70e270c312a66a8a3d7dd06/images/iterm2.png -------------------------------------------------------------------------------- /images/js.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/taniarascia/new-moon-vscode/db6e2982af7a2ed4f70e270c312a66a8a3d7dd06/images/js.png -------------------------------------------------------------------------------- /images/new-moon-vector-thumbnail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/taniarascia/new-moon-vscode/db6e2982af7a2ed4f70e270c312a66a8a3d7dd06/images/new-moon-vector-thumbnail.png -------------------------------------------------------------------------------- /images/new-moon-vector.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/taniarascia/new-moon-vscode/db6e2982af7a2ed4f70e270c312a66a8a3d7dd06/images/new-moon-vector.png -------------------------------------------------------------------------------- /images/php.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/taniarascia/new-moon-vscode/db6e2982af7a2ed4f70e270c312a66a8a3d7dd06/images/php.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "new-moon-vscode", 3 | "displayName": "New Moon Syntax Theme", 4 | "description": "The optimized dark theme for web development. Your new favorite theme.", 5 | "version": "1.8.6", 6 | "icon": "images/new-moon-vector.png", 7 | "publisher": "taniarascia", 8 | "repository": { 9 | "type": "git", 10 | "url": "https://github.com/taniarascia/new-moon-vscode" 11 | }, 12 | "bugs": { 13 | "url": "https://github.com/taniarascia/new-moon-vscode/issues", 14 | "email": "taniarascia@gmail.com" 15 | }, 16 | "engines": { 17 | "vscode": "*" 18 | }, 19 | "categories": [ 20 | "Themes" 21 | ], 22 | "contributes": { 23 | "themes": [ 24 | { 25 | "label": "New Moon", 26 | "uiTheme": "vs-dark", 27 | "path": "./themes/new-moon.json" 28 | } 29 | ] 30 | }, 31 | "__metadata": { 32 | "id": "da62dfba-5132-4928-a127-0ef0c8af08c3", 33 | "publisherId": "1382f5b7-7cf4-4ace-8ec1-ce9e27570ccb", 34 | "publisherDisplayName": "Tania Rascia" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /screenshots/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/taniarascia/new-moon-vscode/db6e2982af7a2ed4f70e270c312a66a8a3d7dd06/screenshots/screenshot.png -------------------------------------------------------------------------------- /themes/new-moon.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "New Moon", 3 | "type": "dark", 4 | "colors": { 5 | "editor.background": "#2d2d2d", 6 | "editor.foreground": "#b3b9c5", 7 | "editor.lineHighlightBackground": "#202020", 8 | "editor.selection": "#414141", 9 | "editor.selectionBackground": "#444444", 10 | "editor.whitespaces": "#555555", 11 | "editorCursor.foreground": "#ffeea6", 12 | "editorSuggestWidget.highlightForeground": "#FFD479", 13 | "editorSuggestWidget.background": "#2d2d2d", 14 | "editorSuggestWidget.Hoverbackground": "#444444", 15 | "editorSuggestWidget.border": "#202020", 16 | "editorSuggestWidget.selectedBackground": "#202020", 17 | "sideBarBackground": "#282828", 18 | "sideBarSectionHeader.border": "#282828", 19 | "tab.background": "#202020", 20 | "tab.inactiveBackground": "#202020", 21 | "tab.activeBackground": "#2d2d2d", 22 | "statusBarItem.hoverBackground": "#111", 23 | "findRangeHighlightBackground": "#66666699", 24 | "editor.findMatchBackground": "#101010", 25 | "editor.findMatchBorder": "#FFD479", 26 | "button.background": "#4a7baa", 27 | "button.foreground": "#FFFFFF", 28 | "button.hoverBackground": "#6AB0F3", 29 | "textLink.foreground": "#6AB0F3", 30 | "textLink.activeForeground": "#6AB0F3", 31 | "editorLineNumber.foreground": "#606060", 32 | "editorLineNumber.activeForeground": "#909090", 33 | "scrollbarSlider.background": "#44444480", 34 | "scrollbarSlider.activeBackground": "#88888880", 35 | "scrollbarSlider.hoverBackground": "#66666680", 36 | "sideBar.background": "#272727", 37 | "sideBarSectionHeader.background": "#202020", 38 | "statusBar.background": "#202020", 39 | "statusBar.foreground": "#909090", 40 | "statusBar.noFolderBackground": "#21252B", 41 | "statusBar.debuggingForeground": "#FFFFFF", 42 | "extensionButton.prominentBackground": "#FFD479", 43 | "extensionButton.prominentForeground": "#222222", 44 | "extensionButton.prominentHoverBackground": "#ffeea6", 45 | "badge.background": "#4a7baa", 46 | "badge.foreground": "#D7DAE0", 47 | "list.hoverBackground": "#383838", 48 | "list.inactiveSelectionBackground": "#444444", 49 | "list.activeSelectionBackground": "#4a7baa66", 50 | "list.focusBackground": "#101010", 51 | "editorBracketMatch.background": "#101010", 52 | "editorBracketMatch.border": "#ffffff", 53 | "editorError.foreground": "#f2777a", 54 | "panel.background": "#202020", 55 | "inputOption.activeBorder": "#FFD479", 56 | "inputValidation.warningBorder": "#f2777a", 57 | "input.background": "#333333", 58 | "editor.findMatchHighlightBackground": "#cda86955", 59 | "diffEditor.insertedTextBackground": "#92D19244", 60 | "diffEditor.removedTextBackground": "#f2777a44", 61 | "diffEditor.border": "#444444", 62 | "terminal.background": "#242424", 63 | "terminal.foreground": "#b3b9c5", 64 | "terminal.ansiBlack": "#666666", 65 | "terminal.ansiBlue": "#6AB0F3", 66 | "terminal.ansiCyan": "#62CFCF", 67 | "terminal.ansiGreen": "#92D192", 68 | "terminal.ansiMagenta": "#E1A6F2", 69 | "terminal.ansiRed": "#f2777a", 70 | "terminal.ansiWhite": "#ffffff", 71 | "terminal.ansiYellow": "#ffd479", 72 | "terminal.ansiBrightBlack": "#777777", 73 | "terminal.ansiBrightBlue": "#6AB0F3", 74 | "terminal.ansiBrightCyan": "#62CFCF", 75 | "terminal.ansiBrightGreen": "#92D192", 76 | "terminal.ansiBrightMagenta": "#E1A6F2", 77 | "terminal.ansiBrightRed": "#f2777a", 78 | "terminal.ansiBrightWhite": "#ffffff", 79 | "terminal.ansiBrightYellow": "#ffd479", 80 | "terminal.selectionBackground": "#bbbbbb22", 81 | "peekViewResult.background": "#242424", 82 | "peekViewEditor.background": "#242424", 83 | "peekView.border": "#333333", 84 | "peekViewResult.selectionBackground": "#444444", 85 | "peekViewEditor.matchHighlightBackground": "#2d2d2d", 86 | "peekViewResult.matchHighlightBackground": "#2d2d2d" 87 | }, 88 | "tokenColors": [ 89 | { 90 | "settings": { 91 | "background": "#2d2d2d", 92 | "foreground": "#b3b9c5" 93 | } 94 | }, 95 | { 96 | "settings": { 97 | "foreground": "#92D192" 98 | }, 99 | "name": "String", 100 | "scope": "string, constant.other.symbol, entity.other.inherited-class, punctuation.definition.string, markup.underline.link.image.markdown, string.other.link, markup.raw.inline, markup.inserted, markup.inserted.git_gutter, string.other.link.title.markdown, variable.parameter.url.scss" 101 | }, 102 | { 103 | "settings": { 104 | "foreground": "#ffeea6" 105 | }, 106 | "name": "Keyword", 107 | "scope": "keyword, keyword.operator.expression.typeof, variable.language.this, storage, support.function.construct.output.php, keyword.operator.new, markup.inline.raw.string.markdown, keyword.operator.expression.import.js" 108 | }, 109 | { 110 | "settings": { 111 | "foreground": "#ffd479" 112 | }, 113 | "name": "Attribute", 114 | "scope": "entity.other.attribute-name, entity.other.attribute-name.class.css, markup.heading punctuation.definition.heading, entity.name.section, entity.other.attribute-name.class.css, string.unquoted.alias.graphql" 115 | }, 116 | { 117 | "settings": { 118 | "foreground": "#ffffff" 119 | }, 120 | "name": "Function", 121 | "scope": "variable.other.property.php, variable.other.member.php, entity.name.function.php, meta.function-call, meta.property-value, meta.selector, entity.name.function.ts, entity.name.function.js, entity.name.function.tsx" 122 | }, 123 | { 124 | "settings": { 125 | "foreground": "#6AB0F3" 126 | }, 127 | "name": "Tag", 128 | "scope": "support.class, entity.name.type.class, meta.entity.new.name.expr, entity.name.tag.structure.any.html, meta.tag.structure.any.html, punctuation.definition.tag.html, meta.tag.sgml.doctype.html, keyword.other.special-method, entity.name.type, entity.name.tag, support.variable.dom.js, meta.tag.structure.any.html, markup.bold, punctuation.definition.bold, entity.name.type.ts, support.variable.dom.ts, entity.name.function.graphql" 129 | }, 130 | { 131 | "settings": { 132 | "foreground": "#4a7baa" 133 | }, 134 | "name": "TS Types", 135 | "scope": "meta.type.annotation.ts, support.type.primitive.ts, entity.name.type.ts, meta.type.annotation.ts, variable.other.jsdoc" 136 | }, 137 | { 138 | "settings": { 139 | "foreground": "#848991" 140 | }, 141 | "name": "TS Param", 142 | "scope": "variable.parameter.ts, variable.parameter.ts, variable.parameter.tsx, entity.tag.tagbraces.nunjucks, string.unquoted.filter-pipe.nunjucks, punctuation.colon.graphql, string.unquoted.graphql" 143 | }, 144 | { 145 | "settings": { 146 | "foreground": "#777c85" 147 | }, 148 | "name": "Comment", 149 | "scope": "comment, punctuation.definition.comment, punctuation.separator.key-value, punctuation.separator, meta.template.expression.js, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, markup.underline.link.markdown, punctuation.definition.metadata.markdown" 150 | }, 151 | { 152 | "settings": { 153 | "foreground": "#f2777a" 154 | }, 155 | "name": "Variable", 156 | "scope": "punctuation.definition.variable, variable, variable.language.this.php, markup.deleted, markup.deleted.git_gutter, invalid.illegal, string.unquoted.tag-string.nunjucks" 157 | }, 158 | { 159 | "settings": { 160 | "foreground": "#fca369" 161 | }, 162 | "name": "Number", 163 | "scope": "constant.numeric, keyword.other.unit, markup.quote" 164 | }, 165 | { 166 | "settings": { 167 | "foreground": "#E1A6F2" 168 | }, 169 | "name": "Support", 170 | "scope": "support.function, constant, entity.other.attribute-name.id, markup.italic, punctuation.definition.italic, markup.changed, markup.changed.git_gutter, support.constant.property-value" 171 | }, 172 | { 173 | "settings": { 174 | "foreground": "#AC8D58" 175 | }, 176 | "name": "Operator", 177 | "scope": "keyword.operator, constant.character.escape, constant.character.escape.json, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, keyword.operator, punctuation.accessor.js, punctuation.definition.block.tag.jsdoc, storage.type.class.jsdoc" 178 | }, 179 | 180 | { 181 | "settings": { 182 | "foreground": "#d5d8df" 183 | }, 184 | "name": "Brackets", 185 | "scope": "punctuation.definition.block, meta.parameters, punctuation.definition.parameters, meta.brace.round, punctuation.definition.dictionary, constant.character.escape.backslash.regexp, punctuation.section, punctuation.terminator.statement, variable.other.property.js, support.variable.property.dom.js, punctuation.definition.parameters, punctuation.definition.array, support.type.property-name.json, entity.name.function, meta.require, support.function.any-method, meta.tag.sgml.html, punctuation.section.embedded, variable.interpolation, variable.object.property.ts, variable.object.property.tsx, meta.brace.square, punctuation.definition.array, punctuation.definition.binding-pattern.object.js, entity.name.tag.yaml, meta.selectionset.graphql" 186 | }, 187 | { 188 | "settings": { 189 | "foreground": "#62CFCF" 190 | }, 191 | "name": "Variable Alternative", 192 | "scope": "entity.other.attribute-name.pseudo-class.css, constant.other.php, markup.italic.markdown, punctuation.definition.italic.markdown, string.regexp, entity.other.attribute-name.pseudo-element.css, meta.image.inline.markdown, string.other.link.description.markdown" 193 | }, 194 | { 195 | "settings": { 196 | "foreground": "#abb2bf" 197 | }, 198 | "name": "Property", 199 | "scope": "entity.name.tag.reference, meta.embedded.block.php, meta.embedded.line.php, keyword.other.phpdoc.php, meta.separator, variable.object.property.ts, variable.object.property.tsx, variable.other.property.js, support.variable.property.dom.js, support.type.property-name.json, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.type.instance.jsdoc, variable.graphql" 200 | } 201 | ], 202 | "colorSpaceName": "sRGB" 203 | } 204 | --------------------------------------------------------------------------------