Noctokai
Publisher: farigabThemes in package: 8
A low-brightness dark theme inspired by Monokai and Dracula. Designed for long coding sessions with reduced eye strain.
Color themes
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.activeBackground#080b0c
- activityBar.activeBorder#2D72D2
- activityBar.background#080b0c
- activityBar.border#020305
- activityBar.dropBackground#1a1e22
- activityBar.foreground#c8c8c8
- activityBar.inactiveForeground#555860
- activityBarBadge.background#2D72D2
- activityBarBadge.foreground#dddddd
- badge.background#1e2228
- badge.foreground#c8c8c8
- breadcrumb.activeSelectionForeground#c8c8c8
- breadcrumb.background#111418
- breadcrumb.focusForeground#c8c8c8
- breadcrumb.foreground#484c54
- breadcrumbPicker.background#1e2228
- button.background#2D72D2
- button.foreground#dddddd
- button.hoverBackground#1a5aa8
- debugExceptionWidget.background#1e2228
- debugExceptionWidget.border#484c54
- debugToolBar.background#1e2228
- debugToolBar.border#1e2228
- descriptionForeground#c8c8c8
- diffEditor.insertedTextBackground#50FA7B16
- diffEditor.removedTextBackground#C4506030
- dropdown.background#1e2228
- dropdown.border#1e2228
- dropdown.foreground#c8c8c8
- dropdown.listBackground#1e2228
- editor.background#111418
- editor.findMatchBackground#383c44
- editor.findMatchBorder#00000000
- editor.findMatchHighlightBackground#272b32
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#e0e0e008
- editor.focusedStackFrameHighlightBackground#b0a01120
- editor.foreground#d0d0d0
- editor.hoverHighlightBackground#1e2228
- editor.inactiveSelectionBackground#272b32
- editor.lineHighlightBackground#171b1f
- editor.lineHighlightBorder#171b1f
- editor.rangeHighlightBackground#171b1f
- editor.rangeHighlightBorder#171b1f
- editor.selectionBackground#2D72D248
- editor.selectionForeground#d0d0d0
- editor.selectionHighlightBackground#272b32
- editor.selectionHighlightBorder#00000000
- editor.snippetFinalTabstopHighlightBackground#d0d0d018
- editor.snippetFinalTabstopHighlightBorder#00000000
- editor.snippetTabstopHighlightBackground#d0d0d018
- editor.snippetTabstopHighlightBorder#00000000
- editor.wordHighlightBackground#1e2228
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#1e2228
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#1e2228
- editorBracketMatch.border#484c54
- editorCodeLens.foreground#484c54
- editorCursor.background#111418
- editorCursor.foreground#d0d0d0
- editorError.border#00000000
- editorError.foreground#D84050
- editorGroup.background#080b0c
- editorGroup.border#020305
- editorGroup.dropBackground#ffffff08
- editorGroup.emptyBackground#111418
- editorGroup.focusedEmptyBorder#00000000
- editorGroupHeader.noTabsBackground#080b0c
- editorGroupHeader.tabsBackground#111418
- editorGroupHeader.tabsBorder#020305
- editorGutter.addedBackground#50FA7B70
- editorGutter.background#111418
- editorGutter.deletedBackground#C4506070
- editorGutter.modifiedBackground#2D72D270
- editorHint.border#00000000
- editorHint.foreground#2D72D2
- editorHoverWidget.background#1e2228
- editorHoverWidget.border#484c54
- editorIndentGuide.activeBackground#ffffff25
- editorIndentGuide.background#ffffff10
- editorInfo.border#00000000
- editorInfo.foreground#2D72D2
- editorLineNumber.activeForeground#555860
- editorLineNumber.foreground#2e3238
- editorLink.activeForeground#4E9EC0
- editorMarkerNavigation.background#1e2228
- editorMarkerNavigationError.background#D84050
- editorMarkerNavigationInfo.background#2D72D2
- editorMarkerNavigationWarning.background#B09000
- editorOverviewRuler.addedForeground#50FA7B70
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#484c54
- editorOverviewRuler.currentContentForeground#9060D0
- editorOverviewRuler.deletedForeground#C4506070
- editorOverviewRuler.errorForeground#D84050
- editorOverviewRuler.findMatchForeground#484c54
- editorOverviewRuler.incomingContentForeground#4E9EC0
- editorOverviewRuler.infoForeground#2D72D2
- editorOverviewRuler.modifiedForeground#2D72D270
- editorOverviewRuler.rangeHighlightForeground#2D72D2
- editorOverviewRuler.warningForeground#B09000
- editorOverviewRuler.wordHighlightForeground#484c54
- editorOverviewRuler.wordHighlightStrongForeground#484c54
- editorPane.background#080b0c
- editorRuler.foreground#1e2228
- editorSuggestWidget.background#171b1f
- editorSuggestWidget.border#1e2228
- editorSuggestWidget.foreground#c8c8c8
- editorSuggestWidget.highlightForeground#dddddd
- editorSuggestWidget.selectedBackground#1e2228
- editorUnnecessaryCode.border#00000000
- editorWarning.border#00000000
- editorWarning.foreground#B09000
- editorWhitespace.foreground#1e2228
- editorWidget.background#1e2228
- editorWidget.border#484c54
- editorWidget.resizeBorder#484c54
- errorForeground#c8c8c8
- focusBorder#00000000
- foreground#c8c8c8
- gitDecoration.addedResourceForeground#2D72D2
- gitDecoration.conflictingResourceForeground#D84050
- gitDecoration.deletedResourceForeground#C45080
- gitDecoration.ignoredResourceForeground#555860
- gitDecoration.modifiedResourceForeground#8868C0
- gitDecoration.submoduleResourceForeground#4E9EC0
- gitDecoration.untrackedResourceForeground#8868C0
- input.background#1e2228
- input.border#1e2228
- input.foreground#c8c8c8
- input.placeholderForeground#555860
- inputOption.activeBackground#272b32
- inputOption.activeBorder#272b32
- list.activeSelectionBackground#1a1e22
- list.activeSelectionForeground#c8c8c8
- list.dropBackground#1e2228
- list.errorForeground#D84050
- list.focusBackground#111418
- list.focusForeground#c8c8c8
- list.highlightForeground#dddddd
- list.hoverBackground#111418
- list.hoverForeground#c8c8c8
- list.inactiveSelectionBackground#1a1e22
- list.inactiveSelectionForeground#c8c8c8
- list.invalidItemForeground#D84050
- list.warningForeground#B09000
- merge.border#00000088
- merge.currentContentBackground#9060D030
- merge.currentHeaderBackground#9060D060
- merge.incomingContentBackground#4E9EC030
- merge.incomingHeaderBackground#4E9EC060
- minimap.findMatchHighlight#B09000
- panel.background#111418
- panel.border#020305
- panel.dropBackground#1e2228
- panelTitle.activeBorder#00000000
- panelTitle.activeForeground#c8c8c8
- panelTitle.inactiveForeground#484c54
- peekView.border#484c54
- peekViewEditor.background#171b1f
- peekViewEditor.matchHighlightBackground#272b32
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#171b1f
- peekViewResult.background#171b1f
- peekViewResult.fileForeground#c8c8c8
- peekViewResult.lineForeground#c8c8c8
- peekViewResult.matchHighlightBackground#272b32
- peekViewResult.selectionBackground#272b32
- peekViewResult.selectionForeground#c8c8c8
- peekViewTitle.background#171b1f
- peekViewTitleDescription.foreground#c8c8c8
- peekViewTitleLabel.foreground#c8c8c8
- pickerGroup.border#1e2228
- pickerGroup.foreground#484c54
- progressBar.background#1e2228
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#d0d0d015
- scrollbarSlider.background#d0d0d00e
- scrollbarSlider.hoverBackground#d0d0d020
- selection.background#484c54
- settings.checkboxBackground#1e2228
- settings.checkboxBorder#1e2228
- settings.checkboxForeground#c8c8c8
- settings.dropdownBackground#1e2228
- settings.dropdownBorder#1e2228
- settings.dropdownForeground#c8c8c8
- settings.dropdownListBorder#484c54
- settings.headerForeground#c8c8c8
- settings.inactiveSelectedItemBorder#00000000
- settings.modifiedItemForeground#9ab4b4
- settings.numberInputBackground#1e2228
- settings.numberInputBorder#1e2228
- settings.numberInputForeground#c8c8c8
- settings.textInputBackground#1e2228
- settings.textInputBorder#1e2228
- settings.textInputForeground#c8c8c8
- sideBar.background#080b0c
- sideBar.border#020305
- sideBar.dropBackground#1a1e22
- sideBar.foreground#c8c8c8
- sideBarSectionHeader.background#0d1114
- sideBarSectionHeader.border#020305
- sideBarSectionHeader.foreground#c8c8c8
- sideBarTitle.foreground#c8c8c8
- statusBar.background#080b0c
- statusBar.border#020305
- statusBar.debuggingBackground#2D72D2
- statusBar.debuggingBorder#020305
- statusBar.debuggingForeground#dddddd
- statusBar.foreground#c8c8c8
- statusBar.noFolderBackground#020305
- statusBar.noFolderBorder#020305
- statusBar.noFolderForeground#c8c8c8
- statusBarItem.activeBackground#ffffff10
- statusBarItem.hoverBackground#ffffff15
- statusBarItem.prominentBackground#1e2228
- statusBarItem.prominentHoverBackground#ffffff25
- tab.activeBackground#111418
- tab.activeBorder#111418
- tab.activeBorderTop#2D72D2
- tab.activeForeground#dddddd
- tab.activeModifiedBorder#c8c8c8
- tab.border#080b0c
- tab.hoverBackground#111418
- tab.hoverBorder#080b0c
- tab.inactiveBackground#111418
- tab.inactiveForeground#484c54
- tab.inactiveModifiedBorder#484c54
- tab.unfocusedActiveBackground#111418
- tab.unfocusedActiveBorder#111418
- tab.unfocusedActiveBorderTop#484c54
- tab.unfocusedActiveForeground#c8c8c8
- tab.unfocusedActiveModifiedBorder#c8c8c8
- tab.unfocusedHoverBackground#111418
- tab.unfocusedHoverBorder#080b0c
- tab.unfocusedInactiveForeground#484c54
- tab.unfocusedInactiveModifiedBorder#484c54
- terminal.ansiBlack#1a1e22
- terminal.ansiBlue#4E6EB8
- terminal.ansiBrightBlack#484c54
- terminal.ansiBrightBlue#6070D8
- terminal.ansiBrightCyan#4E9EC0
- terminal.ansiBrightGreen#88B025
- terminal.ansiBrightMagenta#9060D0
- terminal.ansiBrightRed#C03060
- terminal.ansiBrightWhite#d0d0d0
- terminal.ansiBrightYellow#B8A820
- terminal.ansiCyan#387888
- terminal.ansiGreen#608020
- terminal.ansiMagenta#604890
- terminal.ansiRed#981840
- terminal.ansiWhite#a8a8a8
- terminal.ansiYellow#888018
- terminal.background#111418
- terminal.border#080b0c
- terminal.foreground#c8c8c8
- terminal.selectionBackground#ffffff15
- terminalCursor.background#111418
- terminalCursor.foreground#d0d0d0
- textBlockQuote.background#1e2228
- textBlockQuote.border#484c54
- textCodeBlock.background#080b0c
- textLink.activeForeground#1a5aa8
- textLink.foreground#2D72D2
- textPreformat.foreground#C8B454
- textSeparator.foreground#484c54
- titleBar.activeBackground#080b0c
- titleBar.activeForeground#c8c8c8
- titleBar.border#020305
- titleBar.inactiveBackground#080b0c
- titleBar.inactiveForeground#484c54
- walkThrough.embeddedEditorBackground#080b0c
- welcomePage.buttonBackground#1e2228
- welcomePage.buttonHoverBackground#272b32
- widget.shadow#00000088
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #d0d0d0 | — |
| meta.embedded, source.groovy.embedded | #d0d0d0 | — |
| comment | #505870 | italic |
| string | #C0A840 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #B84070 | — |
| meta.template.expression | #d0d0d0 | — |
| constant.numeric | #9060D0 | — |
| constant.language | #9060D0 | — |
| constant.character, constant.other | #9060D0 | — |
| variable | #d0d0d0 | |
| keyword | #B84070 | — |
| storage | #B84070 | |
| storage.type | #4E9EC0 | italic |
| entity.name.type, entity.name.class | #88B025 | underline |
| entity.other.inherited-class | #88B025 | italic underline |
| entity.name.function | #88B025 | |
| variable.parameter | #C07018 | italic |
| entity.name.tag | #B84070 | |
| entity.other.attribute-name | #88B025 | |
| support.function | #4E9EC0 | |
| support.constant | #4E9EC0 | |
| support.type, support.class | #4E9EC0 | italic |
| support.other.variable | — | |
| invalid | #d0d0d0 | |
| invalid.deprecated | #d0d0d0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #a8a8a0 | — |
| meta.diff, meta.diff.header | #505870 | — |
| markup.deleted | #B84070 | — |
| markup.inserted | #88B025 | — |
| markup.changed | #C0A840 | — |
| constant.numeric.line-number.find-in-files - match | #9060D088 | — |
| entity.name.filename.find-in-files | #C0A840 | — |
| markup.quote | #B84070 | — |
| markup.list | #C0A840 | — |
| markup.bold, markup.italic | #4E9EC0 | — |
| markup.inline.raw | #C07018 | |
| markup.heading | #88B025 | — |
| markup.heading.setext | #88B025 | |
| token.info-token | #4870B8 | — |
| token.warn-token | #B09000 | — |
| token.error-token | #D84050 | — |
| token.debug-token | #9060D0 | — |
| variable.language | #C07018 | — |