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#1C1B29
- activityBar.activeBorder#8B6CF6
- activityBar.background#131221
- activityBar.border#0E0D18
- activityBar.dropBackground#232238
- activityBar.foreground#D2D0E6
- activityBar.inactiveForeground#55537A
- activityBarBadge.background#8B6CF6
- activityBarBadge.foreground#E8E6F5
- badge.background#2A2944
- badge.foreground#D2D0E6
- breadcrumb.activeSelectionForeground#D2D0E6
- breadcrumb.background#1C1B29
- breadcrumb.focusForeground#D2D0E6
- breadcrumb.foreground#7A78A0
- breadcrumbPicker.background#232238
- button.background#8B6CF6
- button.foreground#E8E6F5
- button.hoverBackground#7250E0
- debugExceptionWidget.background#232238
- debugExceptionWidget.border#3A3860
- debugToolBar.background#232238
- debugToolBar.border#232238
- descriptionForeground#B0AECC
- diffEditor.insertedTextBackground#50E88018
- diffEditor.removedTextBackground#E0609030
- dropdown.background#232238
- dropdown.border#2A2944
- dropdown.foreground#D2D0E6
- dropdown.listBackground#232238
- editor.background#1C1B29
- editor.findMatchBackground#8B6CF640
- editor.findMatchBorder#8B6CF680
- editor.findMatchHighlightBackground#8B6CF620
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#E8E6F508
- editor.focusedStackFrameHighlightBackground#50E88020
- editor.foreground#D2D0E6
- editor.hoverHighlightBackground#232238
- editor.inactiveSelectionBackground#2A2944
- editor.lineHighlightBackground#212032
- editor.lineHighlightBorder#21203200
- editor.rangeHighlightBackground#212032
- editor.rangeHighlightBorder#21203200
- editor.selectionBackground#8B6CF640
- editor.selectionForeground#E8E6F5
- editor.selectionHighlightBackground#8B6CF618
- editor.selectionHighlightBorder#00000000
- editor.snippetFinalTabstopHighlightBackground#D2D0E618
- editor.snippetFinalTabstopHighlightBorder#00000000
- editor.snippetTabstopHighlightBackground#D2D0E618
- editor.snippetTabstopHighlightBorder#00000000
- editor.wordHighlightBackground#8B6CF618
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#8B6CF628
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#8B6CF625
- editorBracketMatch.border#8B6CF660
- editorCodeLens.foreground#55537A
- editorCursor.background#1C1B29
- editorCursor.foreground#8B6CF6
- editorError.border#00000000
- editorError.foreground#F04868
- editorGroup.background#131221
- editorGroup.border#0E0D18
- editorGroup.dropBackground#8B6CF610
- editorGroup.emptyBackground#1C1B29
- editorGroup.focusedEmptyBorder#00000000
- editorGroupHeader.noTabsBackground#131221
- editorGroupHeader.tabsBackground#1C1B29
- editorGroupHeader.tabsBorder#0E0D18
- editorGutter.addedBackground#50E88070
- editorGutter.background#1C1B29
- editorGutter.deletedBackground#E0609070
- editorGutter.modifiedBackground#8B6CF670
- editorHint.border#00000000
- editorHint.foreground#58A8F0
- editorHoverWidget.background#1A1930
- editorHoverWidget.border#2E2D50
- editorIndentGuide.activeBackground#55537A40
- editorIndentGuide.background#55537A20
- editorInfo.border#00000000
- editorInfo.foreground#58A8F0
- editorLineNumber.activeForeground#7A78A0
- editorLineNumber.foreground#3A3860
- editorLink.activeForeground#58C8E8
- editorMarkerNavigation.background#232238
- editorMarkerNavigationError.background#F04868
- editorMarkerNavigationInfo.background#58A8F0
- editorMarkerNavigationWarning.background#D8A830
- editorOverviewRuler.addedForeground#50E88070
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#55537A
- editorOverviewRuler.currentContentForeground#B088F0
- editorOverviewRuler.deletedForeground#E0609070
- editorOverviewRuler.errorForeground#F04868
- editorOverviewRuler.findMatchForeground#8B6CF680
- editorOverviewRuler.incomingContentForeground#58C8E8
- editorOverviewRuler.infoForeground#58A8F0
- editorOverviewRuler.modifiedForeground#8B6CF670
- editorOverviewRuler.rangeHighlightForeground#8B6CF6
- editorOverviewRuler.warningForeground#D8A830
- editorOverviewRuler.wordHighlightForeground#55537A
- editorOverviewRuler.wordHighlightStrongForeground#55537A
- editorPane.background#131221
- editorRuler.foreground#2A2944
- editorSuggestWidget.background#1C1B29
- editorSuggestWidget.border#2A2944
- editorSuggestWidget.foreground#D2D0E6
- editorSuggestWidget.highlightForeground#E8E6F5
- editorSuggestWidget.selectedBackground#2A2944
- editorUnnecessaryCode.border#00000000
- editorWarning.border#00000000
- editorWarning.foreground#D8A830
- editorWhitespace.foreground#2A2944
- editorWidget.background#232238
- editorWidget.border#3A3860
- editorWidget.resizeBorder#8B6CF680
- errorForeground#D2D0E6
- focusBorder#8B6CF650
- foreground#D2D0E6
- gitDecoration.addedResourceForeground#50E880
- gitDecoration.conflictingResourceForeground#F04868
- gitDecoration.deletedResourceForeground#E06090
- gitDecoration.ignoredResourceForeground#55537A
- gitDecoration.modifiedResourceForeground#9878D8
- gitDecoration.submoduleResourceForeground#58C8E8
- gitDecoration.untrackedResourceForeground#E89848
- input.background#232238
- input.border#2A2944
- input.foreground#D2D0E6
- input.placeholderForeground#55537A
- inputOption.activeBackground#8B6CF630
- inputOption.activeBorder#8B6CF660
- list.activeSelectionBackground#2A2944
- list.activeSelectionForeground#E8E6F5
- list.dropBackground#232238
- list.errorForeground#F04868
- list.focusBackground#232238
- list.focusForeground#E8E6F5
- list.highlightForeground#8B6CF6
- list.hoverBackground#21203280
- list.hoverForeground#D2D0E6
- list.inactiveSelectionBackground#232238
- list.inactiveSelectionForeground#D2D0E6
- list.invalidItemForeground#F04868
- list.warningForeground#D8A830
- menu.background#1A1930
- menu.border#2A2944
- menu.foreground#D2D0E6
- menu.selectionBackground#2A2944
- menu.selectionBorder#8B6CF650
- menu.selectionForeground#E8E6F5
- menu.separatorBackground#2A2944
- menubar.selectionBackground#2A2944
- menubar.selectionBorder#00000000
- menubar.selectionForeground#E8E6F5
- merge.border#0E0D1888
- merge.currentContentBackground#B088F030
- merge.currentHeaderBackground#B088F060
- merge.incomingContentBackground#58C8E830
- merge.incomingHeaderBackground#58C8E860
- minimap.findMatchHighlight#8B6CF680
- notificationCenterHeader.background#161524
- notificationCenterHeader.foreground#D2D0E6
- notifications.background#1A1930
- notifications.border#2A2944
- notifications.foreground#D2D0E6
- panel.background#1C1B29
- panel.border#0E0D18
- panel.dropBackground#232238
- panelTitle.activeBorder#8B6CF6
- panelTitle.activeForeground#D2D0E6
- panelTitle.inactiveForeground#55537A
- peekView.border#8B6CF660
- peekViewEditor.background#191828
- peekViewEditor.matchHighlightBackground#8B6CF630
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#191828
- peekViewResult.background#191828
- peekViewResult.fileForeground#D2D0E6
- peekViewResult.lineForeground#B0AECC
- peekViewResult.matchHighlightBackground#8B6CF630
- peekViewResult.selectionBackground#2A2944
- peekViewResult.selectionForeground#E8E6F5
- peekViewTitle.background#232238
- peekViewTitleDescription.foreground#B0AECC
- peekViewTitleLabel.foreground#E8E6F5
- pickerGroup.border#2A2944
- pickerGroup.foreground#8B6CF6
- progressBar.background#8B6CF6
- quickInput.background#1A1930
- quickInput.foreground#D2D0E6
- quickInputList.focusBackground#2A2944
- quickInputList.focusForeground#E8E6F5
- quickInputTitle.background#232238
- scrollbar.shadow#0A091500
- scrollbarSlider.activeBackground#8B6CF630
- scrollbarSlider.background#D2D0E610
- scrollbarSlider.hoverBackground#D2D0E620
- selection.background#8B6CF640
- settings.checkboxBackground#232238
- settings.checkboxBorder#2A2944
- settings.checkboxForeground#D2D0E6
- settings.dropdownBackground#232238
- settings.dropdownBorder#2A2944
- settings.dropdownForeground#D2D0E6
- settings.dropdownListBorder#3A3860
- settings.headerForeground#E8E6F5
- settings.inactiveSelectedItemBorder#00000000
- settings.modifiedItemForeground#8B6CF6
- settings.numberInputBackground#232238
- settings.numberInputBorder#2A2944
- settings.numberInputForeground#D2D0E6
- settings.textInputBackground#232238
- settings.textInputBorder#2A2944
- settings.textInputForeground#D2D0E6
- sideBar.background#151424
- sideBar.border#0E0D18
- sideBar.dropBackground#232238
- sideBar.foreground#B0AECC
- sideBarSectionHeader.background#1C1B29
- sideBarSectionHeader.border#0E0D18
- sideBarSectionHeader.foreground#D2D0E6
- sideBarTitle.foreground#D2D0E6
- statusBar.background#131221
- statusBar.border#0E0D18
- statusBar.debuggingBackground#8B6CF6
- statusBar.debuggingBorder#0E0D18
- statusBar.debuggingForeground#E8E6F5
- statusBar.foreground#B0AECC
- statusBar.noFolderBackground#0E0D18
- statusBar.noFolderBorder#0E0D18
- statusBar.noFolderForeground#B0AECC
- statusBarItem.activeBackground#8B6CF625
- statusBarItem.hoverBackground#8B6CF618
- statusBarItem.prominentBackground#2A2944
- statusBarItem.prominentHoverBackground#8B6CF625
- tab.activeBackground#1C1B29
- tab.activeBorder#1C1B29
- tab.activeBorderTop#8B6CF6
- tab.activeForeground#E8E6F5
- tab.activeModifiedBorder#D8A830
- tab.border#131221
- tab.hoverBackground#21203280
- tab.hoverBorder#00000000
- tab.inactiveBackground#171625
- tab.inactiveForeground#55537A
- tab.inactiveModifiedBorder#55537A
- tab.unfocusedActiveBackground#1C1B29
- tab.unfocusedActiveBorder#1C1B29
- tab.unfocusedActiveBorderTop#55537A
- tab.unfocusedActiveForeground#B0AECC
- tab.unfocusedActiveModifiedBorder#B0AECC
- tab.unfocusedHoverBackground#21203280
- tab.unfocusedHoverBorder#00000000
- tab.unfocusedInactiveForeground#55537A
- tab.unfocusedInactiveModifiedBorder#55537A
- terminal.ansiBlack#1C1B29
- terminal.ansiBlue#5878D0
- terminal.ansiBrightBlack#55537A
- terminal.ansiBrightBlue#7090F0
- terminal.ansiBrightCyan#58C8E8
- terminal.ansiBrightGreen#6DD890
- terminal.ansiBrightMagenta#B088F0
- terminal.ansiBrightRed#F04868
- terminal.ansiBrightWhite#E8E6F5
- terminal.ansiBrightYellow#E8C850
- terminal.ansiCyan#48A0B8
- terminal.ansiGreen#50B870
- terminal.ansiMagenta#9068D0
- terminal.ansiRed#D03858
- terminal.ansiWhite#B0AECC
- terminal.ansiYellow#C8A840
- terminal.background#1C1B29
- terminal.border#0E0D18
- terminal.foreground#D2D0E6
- terminal.selectionBackground#8B6CF630
- terminalCursor.background#1C1B29
- terminalCursor.foreground#8B6CF6
- textBlockQuote.background#232238
- textBlockQuote.border#8B6CF660
- textCodeBlock.background#131221
- textLink.activeForeground#A890F8
- textLink.foreground#8B6CF6
- textPreformat.foreground#E8C850
- textSeparator.foreground#3A3860
- titleBar.activeBackground#131221
- titleBar.activeForeground#D2D0E6
- titleBar.border#0E0D18
- titleBar.inactiveBackground#131221
- titleBar.inactiveForeground#55537A
- walkThrough.embeddedEditorBackground#131221
- welcomePage.buttonBackground#232238
- welcomePage.buttonHoverBackground#2A2944
- widget.shadow#040310E0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #D2D0E6 | — |
| meta.embedded, source.groovy.embedded | #D2D0E6 | — |
| comment | #585580 | italic |
| string | #E8C850 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #E8609A | — |
| meta.template.expression | #D2D0E6 | — |
| constant.numeric | #B088F0 | — |
| constant.language | #B088F0 | — |
| constant.character, constant.other | #B088F0 | — |
| variable | #D2D0E6 | |
| keyword | #E8609A | — |
| storage | #E8609A | |
| storage.type | #58C8E8 | italic |
| entity.name.type, entity.name.class | #6DD890 | underline |
| entity.other.inherited-class | #6DD890 | italic underline |
| entity.name.function | #6DD890 | |
| variable.parameter | #E89848 | italic |
| entity.name.tag | #E8609A | |
| entity.other.attribute-name | #6DD890 | |
| support.function | #58C8E8 | |
| support.constant | #58C8E8 | |
| support.type, support.class | #58C8E8 | italic |
| support.other.variable | — | |
| punctuation, punctuation.definition.block, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace | #6864A0 | — |
| punctuation.definition.string | #E8C850 | — |
| invalid | #E8E6F5 | |
| invalid.deprecated | #E8E6F5 | — |
| meta.structure.dictionary.json string.quoted.double.json | #B0AECC | — |
| meta.diff, meta.diff.header | #585580 | — |
| markup.deleted | #E8609A | — |
| markup.inserted | #6DD890 | — |
| markup.changed | #E8C850 | — |
| constant.numeric.line-number.find-in-files - match | #B088F088 | — |
| entity.name.filename.find-in-files | #E8C850 | — |
| markup.quote | #E8609A | — |
| markup.list | #E8C850 | — |
| markup.bold, markup.italic | #58C8E8 | — |
| markup.inline.raw | #E89848 | |
| markup.heading | #6DD890 | — |
| markup.heading.setext | #6DD890 | |
| token.info-token | #58A8F0 | — |
| token.warn-token | #D8A830 | — |
| token.error-token | #F04868 | — |
| token.debug-token | #B088F0 | — |
| variable.language | #E89848 | — |