Midnight Moon Theme
Publisher: Adel GannemThemes in package: 1
Un tema oscuro y elegante para VS Code/Cursor
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#000000
- activityBar.border#29292d
- editor.background#070709
- editor.foreground#ffffff
- editorGroupHeader.border#29292d
- editorGroupHeader.tabsBackground#0A0A0C
- input.background#121214
- input.border#29292d
- list.activeSelectionBackground#1A1A1C
- list.hoverBackground#141416
- notifications.background#0A0A0C
- notifications.border#29292d
- panel.background#070709
- panel.border#29292d
- sideBar.background#0A0A0C
- sideBar.border#29292d
- sideBarTitle.foreground#bcbcbd
- statusBar.background#000000
- statusBar.foreground#bcbcbd
- tab.activeBackground#070709
- tab.activeForeground#ffffff
- tab.inactiveBackground#0A0A0C
- tab.inactiveForeground#bcbcbd
- titleBar.activeBackground#000000
- titleBar.activeForeground#ffffff
- titleBar.border#29292d
- titleBar.inactiveForeground#bcbcbd
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.type.typescript, entity.name.type.js | #c792ea | — |
| variable, variable.other.object | #89ddff | — |
| keyword.control, storage.type, keyword.operator | #e783d8 | — |
| string, string.quoted.double, string.quoted.single | #7fd0c4 | — |
| comment, punctuation.definition.comment | #464b55 | italic |
| constant.numeric, constant.language, constant.character | #f78c6c | — |
| entity.name.tag.html, entity.name.tag.js.jsx, entity.name.tag.tsx, punctuation.definition.tag, entity.name.tag | #ff5370 | italic |
| entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, entity.other.attribute-name | #c3a6ff | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.jsx, punctuation.definition.tag.tsx, punctuation.definition.tag.fragment | #4a4d56 | — |
| support.class.component.jsx, support.class.component.tsx, entity.name.type.jsx, entity.name.type.tsx | #82aaff | italic bold |
| support.type.property-name, support.type.property-name.json | #ff9cac | — |
| punctuation.separator.key-value | #e783d8 | — |
| punctuation.separator.comma | #89ddff | — |
| punctuation.definition.block, punctuation.definition.array | #89ddff | — |
| support.function | #82aaff | |
| support.class, entity.name.class, entity.name.type.class | #ffcb6b | italic |
| meta.object-literal.key | #ff9cac | — |
| support.type.property-name, support.type.property-name.json | #ff9cac | — |
| string.quoted.double.json, string.quoted.single.json | #7fd083 | — |
| punctuation.separator.key-value.json | #e783d8 | — |
| punctuation.separator.comma.json | #89ddff | — |
| punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json | #89ddff | — |