NightForest
Publisher: primappratamaaThemes in package: 1
Pure black dark theme with subtle green accent
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.activeBorder#097642
- activityBar.background#050505
- activityBar.border#0d0d0d
- activityBar.foreground#888888
- activityBar.inactiveForeground#2a2a2a
- activityBarBadge.background#097642
- activityBarBadge.foreground#000000
- badge.background#097642
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#888888
- breadcrumb.focusForeground#666666
- breadcrumb.foreground#333333
- breadcrumbPicker.background#080808
- button.background#097642
- button.foreground#000000
- button.hoverBackground#0a8a50
- button.secondaryBackground#111111
- button.secondaryForeground#888888
- descriptionForeground#444444
- diffEditor.insertedTextBackground#0d1f1280
- diffEditor.removedTextBackground#1f0d0d80
- dropdown.background#080808
- dropdown.border#1a1a1a
- dropdown.foreground#c8cdd2
- editor.background#000000
- editor.findMatchBackground#1e2a22
- editor.findMatchHighlightBackground#161d18
- editor.foreground#c8cdd2
- editor.hoverHighlightBackground#0a0a0a
- editor.inactiveSelectionBackground#131913
- editor.lineHighlightBackground#0a0a0a
- editor.lineHighlightBorder#097642
- editor.selectionBackground#1e2a22
- editor.selectionHighlightBackground#161d18
- editor.wordHighlightBackground#13191580
- editor.wordHighlightStrongBackground#1e2a2280
- editorBracketMatch.background#1e2a2240
- editorBracketMatch.border#097642
- editorCursor.background#000000
- editorCursor.foreground#097642
- editorError.foreground#cc6666
- editorGroup.border#0d0d0d
- editorGroupHeader.tabsBackground#050505
- editorGroupHeader.tabsBorder#0d0d0d
- editorGutter.addedBackground#097642
- editorGutter.background#000000
- editorGutter.deletedBackground#5c1a1a
- editorGutter.modifiedBackground#1e5c38
- editorHint.foreground#444444
- editorHoverWidget.background#0a0a0a
- editorHoverWidget.border#1a1a1a
- editorIndentGuide.activeBackground#1e2a22
- editorIndentGuide.background#111111
- editorInfo.foreground#6a9e8a
- editorLineNumber.activeForeground#097642
- editorLineNumber.foreground#2a2a2a
- editorRuler.foreground#111111
- editorSuggestWidget.background#0a0a0a
- editorSuggestWidget.border#1a1a1a
- editorSuggestWidget.foreground#c8cdd2
- editorSuggestWidget.highlightForeground#c8cdd2
- editorSuggestWidget.selectedBackground#111111
- editorWarning.foreground#b5a06b
- editorWhitespace.foreground#1a1a1a
- editorWidget.background#0a0a0a
- editorWidget.border#1a1a1a
- errorForeground#cc6666
- focusBorder#097642
- foreground#c8cdd2
- gitDecoration.addedResourceForeground#097642
- gitDecoration.conflictingResourceForeground#b5a06b
- gitDecoration.deletedResourceForeground#cc6666
- gitDecoration.ignoredResourceForeground#2a2a2a
- gitDecoration.modifiedResourceForeground#6a9e8a
- gitDecoration.untrackedResourceForeground#444444
- input.background#080808
- input.border#1a1a1a
- input.foreground#c8cdd2
- input.placeholderForeground#2a2a2a
- inputOption.activeBackground#0d1a10
- inputOption.activeBorder#097642
- list.activeSelectionBackground#0d0d0d
- list.activeSelectionForeground#cccccc
- list.dropBackground#0d1a10
- list.focusBackground#0d0d0d
- list.focusForeground#cccccc
- list.highlightForeground#cccccc
- list.hoverBackground#080808
- list.hoverForeground#888888
- list.inactiveSelectionBackground#0a0a0a
- list.inactiveSelectionForeground#666666
- menu.background#080808
- menu.border#1a1a1a
- menu.foreground#c8cdd2
- menu.selectionBackground#111111
- menu.selectionForeground#c8cdd2
- menu.separatorBackground#111111
- minimap.background#000000
- minimap.findMatchHighlight#097642
- minimap.selectionHighlight#1e2a2255
- minimapGutter.addedBackground#097642
- minimapGutter.deletedBackground#5c1a1a
- minimapGutter.modifiedBackground#1e5c38
- notificationLink.foreground#6a9e8a
- notifications.background#080808
- notifications.border#1a1a1a
- notifications.foreground#c8cdd2
- panel.background#050505
- panel.border#0d0d0d
- panelTitle.activeBorder#097642
- panelTitle.activeForeground#888888
- panelTitle.inactiveForeground#333333
- pickerGroup.border#111111
- pickerGroup.foreground#333333
- progressBar.background#097642
- scrollbarSlider.activeBackground#222222
- scrollbarSlider.background#111111
- scrollbarSlider.hoverBackground#1a1a1a
- selection.background#1e2a2255
- sideBar.background#050505
- sideBar.border#0d0d0d
- sideBar.foreground#555555
- sideBarSectionHeader.background#050505
- sideBarSectionHeader.border#0d0d0d
- sideBarSectionHeader.foreground#333333
- sideBarTitle.foreground#333333
- statusBar.background#050505
- statusBar.border#0d0d0d
- statusBar.debuggingBackground#097642
- statusBar.debuggingForeground#000000
- statusBar.foreground#444444
- statusBar.noFolderBackground#050505
- statusBarItem.activeBackground#0d0d0d
- statusBarItem.hoverBackground#0d0d0d
- statusBarItem.remoteBackground#097642
- statusBarItem.remoteForeground#000000
- tab.activeBackground#000000
- tab.activeBorderTop#097642
- tab.activeForeground#c8cdd2
- tab.border#0d0d0d
- tab.hoverBackground#080808
- tab.hoverForeground#888888
- tab.inactiveBackground#050505
- tab.inactiveForeground#2a2a2a
- tab.unfocusedActiveBackground#050505
- tab.unfocusedActiveForeground#444444
- terminal.ansiBlack#000000
- terminal.ansiBlue#5c7a99
- terminal.ansiBrightBlack#444444
- terminal.ansiBrightBlue#7090aa
- terminal.ansiBrightCyan#80b8a8
- terminal.ansiBrightGreen#097642
- terminal.ansiBrightMagenta#b08fbf
- terminal.ansiBrightRed#d07070
- terminal.ansiBrightWhite#e0e4e8
- terminal.ansiBrightYellow#c8b47a
- terminal.ansiCyan#6a9e8a
- terminal.ansiGreen#097642
- terminal.ansiMagenta#9d7fa8
- terminal.ansiRed#cc6666
- terminal.ansiWhite#c8cdd2
- terminal.ansiYellow#b5a06b
- terminal.background#000000
- terminal.foreground#c8cdd2
- terminal.selectionBackground#1e2a2255
- terminalCursor.background#000000
- terminalCursor.foreground#097642
- titleBar.activeBackground#000000
- titleBar.activeForeground#444444
- titleBar.border#0d0d0d
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#222222
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #333333 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, storage.type, storage.modifier | #778899 | — |
| variable, variable.other, variable.other.readwrite | #c8cdd2 | — |
| variable.other.property, support.type.property-name | #b0b8c1 | — |
| entity.name.function, support.function | #c8cdd2 | — |
| variable.parameter | #b0b8c1 | italic |
| entity.name.class, entity.name.type, entity.other.inherited-class, support.class, entity.name.type.interface | #b0b8c1 | — |
| support.type.primitive, keyword.type | #778899 | — |
| string, string.quoted, string.template | #9da8a0 | — |
| constant.character.escape, punctuation.definition.template-expression | #778899 | — |
| constant.numeric | #b0c4de | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #778899 | italic |
| constant.language, constant.other | #b0b8c1 | — |
| keyword.operator | #444444 | — |
| punctuation, meta.brace, meta.bracket, meta.delimiter | #555555 | — |
| support.type.property-name, meta.object-literal.key | #b0b8c1 | — |
| entity.name.tag | #778899 | — |
| entity.other.attribute-name | #8899aa | — |
| support.type.property-name.css | #778899 | — |
| meta.property-value.css, support.constant.property-value.css | #9da8a0 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #b0b8c1 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #555555 | italic |
| invalid | #cc6666 | — |
| invalid.deprecated | #666666 | strikethrough |
| markup.heading | #c8cdd2 | bold |
| markup.bold | #c8cdd2 | bold |
| markup.italic | #c8cdd2 | italic |
| markup.inline.raw | #9da8a0 | — |
| markup.underline.link | #6a9e8a | — |
| markup.quote | #444444 | italic |
| support.type.property-name.json | #b0b8c1 | — |
| entity.name.tag.yaml | #b0b8c1 | — |