Night Horizon
Publisher: Ardi NugrahaThemes in package: 1
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#242831
- activityBar.dropBackground#6C6F9366
- activityBar.foreground#d1cec2
- activityBarBadge.background#30AAD7
- activityBarBadge.foreground#16161C
- badge.background#30AAD7
- badge.foreground#ffffff
- breadcrumbPicker.background#232530
- button.background#2E303E
- diffEditor.insertedTextBackground#09F7A01A
- diffEditor.removedTextBackground#F43E5C1A
- dropdown.background#232530
- dropdown.listBackground#2E303E
- editor.background#242831
- editor.findMatchBackground#7c7f9bd8
- editor.findMatchHighlightBackground#283b64
- editor.findRangeHighlightBackground#283b64
- editor.foreground#d1cec2
- editor.hoverHighlightBackground#283b64
- editor.lineHighlightBackground#242831
- editor.rangeHighlightBackground#283b64
- editor.selectionBackground#283b64
- editor.selectionHighlightBackground#283b64
- editor.wordHighlightBackground#283b64
- editor.wordHighlightStrongBackground#283b64
- editorBracketMatch.background#6C6F9366
- editorBracketMatch.border#6C6F9300
- editorCodeLens.foreground#6C6F9399
- editorCursor.background#22252E
- editorCursor.foreground#09B0ED
- editorError.foreground#F43E5C
- editorGroup.border#1A1C23
- editorGroup.dropBackground#6C6F934D
- editorGroupHeader.tabsBackground#22252E
- editorGutter.addedBackground#09F7A0A6
- editorGutter.deletedBackground#F43E5CB3
- editorGutter.modifiedBackground#21BFC2B3
- editorIndentGuide.activeBackground#2E303E
- editorIndentGuide.background#2E303E99
- editorLineNumber.activeForeground#d1cec2
- editorLineNumber.foreground#d1cec260
- editorOverviewRuler.addedForeground#09f7a099
- editorOverviewRuler.border#2E303EB3
- editorOverviewRuler.bracketMatchForeground#d1cec266
- editorOverviewRuler.deletedForeground#F43E5C99
- editorOverviewRuler.errorForeground#F43E5CE6
- editorOverviewRuler.findMatchForeground#6C6F93
- editorOverviewRuler.modifiedForeground#21BFC299
- editorOverviewRuler.warningForeground#27D79773
- editorRuler.foreground#8c884233
- editorSuggestWidget.highlightForeground#30AAD7
- editorWarning.foreground#27D797CC
- editorWidget.background#232530
- editorWidget.border#232530
- errorForeground#F43E5C
- extensionButton.prominentBackground#30AAD7
- extensionButton.prominentHoverBackground#30AAD7
- focusBorder#30AAD7
- foreground#d1cec2
- gitDecoration.addedResourceForeground#27D797CC
- gitDecoration.deletedResourceForeground#F43E5C
- gitDecoration.ignoredResourceForeground#d1cec259
- gitDecoration.modifiedResourceForeground#FAC39A
- gitDecoration.untrackedResourceForeground#27D797
- input.background#2E303E
- inputOption.activeBorder#30AAD7
- inputValidation.errorBackground#F43E5C80
- inputValidation.errorBorder#F43E5C00
- list.activeSelectionBackground#22252E
- list.activeSelectionForeground#59E1E3
- list.dropBackground#6C6F9366
- list.errorForeground#F43E5CE6
- list.focusBackground#30AAD799
- list.focusForeground#d1cec2
- list.highlightForeground#30AAD7
- list.hoverBackground#2E303E99
- list.hoverForeground#d1cec2
- list.inactiveFocusBackground#30AAD799
- list.inactiveSelectionBackground#22252E
- list.inactiveSelectionForeground#59E1E3
- list.warningForeground#27D797BF
- panelTitle.activeBorder#30AAD7
- peekView.border#1A1C23
- peekViewEditor.background#232530
- peekViewEditor.matchHighlightBackground#6C6F9399
- peekViewResult.background#232530
- peekViewResult.matchHighlightBackground#6C6F9399
- peekViewResult.selectionBackground#b9b66080
- peekViewTitle.background#232530
- scrollbar.shadow#16161C
- scrollbarSlider.activeBackground#6C6F9373
- scrollbarSlider.background#6C6F931A
- scrollbarSlider.hoverBackground#6C6F934D
- selection.background#7c7f9bd8
- sideBar.background#242831
- sideBar.dropBackground#6C6F934D
- sideBar.foreground#d1cec2
- sideBarSectionHeader.background#242831
- sideBarSectionHeader.foreground#30AAD7
- statusBar.background#22252E
- statusBar.debuggingBackground#FAB38E
- statusBar.debuggingForeground#06060C
- statusBar.foreground#d1cec280
- statusBar.noFolderBackground#22252E
- statusBarItem.hoverBackground#2E303E
- statusBarItem.prominentBackground#2E303E
- statusBarItem.prominentHoverBackground#6C6F93
- tab.activeBackground#22252E
- tab.activeBorder#30AAD7
- tab.activeForeground#d1cec2
- tab.border#30AAD700
- tab.inactiveBackground#242831
- tab.inactiveForeground#d1cec2
- terminal.ansiBlue#30AAD7
- terminal.ansiBrightBlue#09B0ED
- terminal.ansiBrightCyan#3CE8E6
- terminal.ansiBrightGreen#0AF29D
- terminal.ansiBrightMagenta#F360C4
- terminal.ansiBrightRed#E06783
- terminal.ansiBrightYellow#FAC39A
- terminal.ansiCyan#1FDAD9
- terminal.ansiGreen#14D386
- terminal.ansiMagenta#E54EAF
- terminal.ansiRed#E95478
- terminal.ansiYellow#FAB795
- terminal.foreground#d1cec2
- terminal.selectionBackground#7c7f9bd8
- terminalCursor.background#d1cec2
- terminalCursor.foreground#09B0ED
- textLink.activeForeground#30AAD7
- textLink.foreground#30AAD7
- titleBar.activeBackground#242831
- titleBar.inactiveBackground#242831
- walkThrough.embeddedEditorBackground#232530
- widget.shadow#16161C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #bfbdb6 | — |
| comment | #acb6bf8c | italic |
| string, constant.other.symbol | #76c443 | — |
| string.regexp, constant.character, constant.other | #95e6cb | — |
| constant.numeric | #d2a6ff | — |
| constant.language | #d2a6ff | — |
| variable, variable.parameter.function-call | #bfbdb6 | — |
| variable.member | #f07178 | — |
| variable.language | #39bae6 | italic |
| storage | #ff8f40 | — |
| keyword | #09B0ED | — |
| keyword.operator | #f29668 | — |
| punctuation.separator, punctuation.terminator | #bfbdb6b3 | — |
| punctuation.section | #bfbdb6 | — |
| punctuation.accessor | #f29668 | — |
| punctuation.definition.template-expression | #ff8f40 | — |
| punctuation.section.embedded | #ff8f40 | — |
| meta.embedded | #bfbdb6 | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #59c2ff | — |
| entity.other.inherited-class | #39bae6 | — |
| storage.type.function, storage.type, storage.modifier | #09B0ED | — |
| source.java storage.type.primitive | #39bae6 | — |
| entity.name.function | #59e0f8 | — |
| variable.parameter, meta.parameter | #26c98e | — |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #ff8f40 | — |
| support.function, support.macro | #f07178 | — |
| entity.name.import, entity.name.package | #aad94c | — |
| entity.name | #ffd06bfe | — |
| entity.name.tag, meta.tag.sgml | #39bae6 | — |
| support.class.component | #59c2ff | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #39bae680 | — |
| entity.other.attribute-name | #ffd06bfe | — |
| support.constant | #f29668 | italic |
| support.type, source.go storage.type | #59c2ff | — |
| support.class | #ffd06bfe | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation | #e6b673 | — |
| invalid | #d95757 | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| source.ruby variable.other.readwrite | #ffd06bfe | — |
| source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag | #59c2ff | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #acb6bf8c | — |
| support.type.property-name | #39bae6 | normal |
| constant.numeric.line-number.find-in-files - match | #acb6bf8c | — |
| constant.numeric.line-number.match | #ff8f40 | — |
| entity.name.filename.find-in-files | #aad94c | — |
| message.error | #d95757 | — |
| markup.heading, markup.heading entity.name | #aad94c | bold |
| markup.underline.link, string.other.link | #39bae6 | — |
| markup.italic | #f07178 | italic |
| markup.bold | #f07178 | bold |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #acb6bf8c | bold |
| markup.quote | #95e6cb | italic |
| markup.list punctuation.definition.list.begin | #ffd06bfe | — |
| markup.inserted | #7fd962 | — |
| markup.changed | #73b8ff | — |
| markup.deleted | #f26d78 | — |
| markup.strike | #e6b673 | — |
| markup.table | #39bae6 | — |
| text.html.markdown markup.inline.raw | #f29668 | — |
| text.html.markdown meta.dummy.line-break | #acb6bf8c | — |
| punctuation.definition.markdown | #acb6bf8c | — |