Nightfox Themes for VSCode
Publisher: malhar212Themes in package: 7
A soft, warm dark and light theme family for VS Code, ported from EdenEast/nightfox.nvim. Includes Nightfox, Duskfox, Nordfox, Terafox, Carbonfox, Dayfox and Dawnfox.
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.activeBorder#569fba
- activityBar.background#191726
- activityBar.border#191726
- activityBar.dropBorder#569fba
- activityBar.foreground#e0def4
- activityBar.inactiveForeground#6e6a86
- activityBarBadge.background#569fba
- activityBarBadge.foreground#191726
- badge.background#569fba
- badge.foreground#191726
- breadcrumb.activeSelectionForeground#eae8ff
- breadcrumb.focusForeground#e0def4
- breadcrumb.foreground#6e6a86
- breadcrumbPicker.background#191726
- button.background#569fba
- button.foreground#191726
- button.hoverBackground#4a869c
- button.secondaryBackground#373354
- button.secondaryForeground#e0def4
- button.secondaryHoverBackground#4b4673
- charts.blue#569fba
- charts.foreground#e0def4
- charts.green#a3be8c
- charts.lines#4b4673
- charts.orange#ea9a97
- charts.purple#c4a7e7
- charts.red#eb6f92
- charts.yellow#f6c177
- checkbox.background#2d2a45
- checkbox.border#4b4673
- checkbox.foreground#e0def4
- debugConsole.errorForeground#eb6f92
- debugConsole.infoForeground#cdcbe0
- debugConsole.sourceForeground#f6c177
- debugConsole.warningForeground#f6c177
- debugConsoleInputIcon.foreground#a3be8c
- debugIcon.breakpointDisabledForeground#6e6a86
- debugIcon.breakpointForeground#eb6f92
- debugToolBar.background#191726
- debugToolBar.border#4b4673
- descriptionForeground#6e6a86
- diffEditor.diagonalFill#4b4673
- diffEditor.insertedLineBackground#a3be8c1a
- diffEditor.insertedTextBackground#a3be8c22
- diffEditor.removedLineBackground#eb6f921a
- diffEditor.removedTextBackground#eb6f9222
- disabledForeground#6e6a86
- dropdown.background#2d2a45
- dropdown.border#4b4673
- dropdown.foreground#e0def4
- dropdown.listBackground#2d2a45
- editor.background#232136
- editor.findMatchBackground#f6c17744
- editor.findMatchHighlightBackground#f6c17722
- editor.findRangeHighlightBackground#433c5980
- editor.focusedStackFrameHighlightBackground#a3be8c22
- editor.foreground#e0def4
- editor.hoverHighlightBackground#569fba33
- editor.inactiveSelectionBackground#433c59
- editor.lineHighlightBackground#2d2a45
- editor.rangeHighlightBackground#2d2a4580
- editor.selectionBackground#63577d
- editor.selectionHighlightBackground#433c5980
- editor.stackFrameHighlightBackground#f6c17722
- editor.wordHighlightBackground#569fba26
- editor.wordHighlightStrongBackground#9ccfd826
- editorBracketHighlight.foreground1#f6c177
- editorBracketHighlight.foreground2#569fba
- editorBracketHighlight.foreground3#c4a7e7
- editorBracketHighlight.foreground4#9ccfd8
- editorBracketHighlight.foreground5#a3be8c
- editorBracketHighlight.foreground6#ea9a97
- editorBracketHighlight.unexpectedBracket.foreground#eb6f92
- editorBracketMatch.background#569fba33
- editorBracketMatch.border#569fba00
- editorCodeLens.foreground#817c9c
- editorCursor.foreground#6e6a86
- editorError.foreground#eb6f92
- editorGhostText.foreground#6e6a86
- editorGroup.border#191726
- editorGroup.dropBackground#569fba33
- editorGroupHeader.noTabsBackground#191726
- editorGroupHeader.tabsBackground#191726
- editorGroupHeader.tabsBorder#191726
- editorGutter.addedBackground#a3be8c
- editorGutter.background#232136
- editorGutter.deletedBackground#eb6f92
- editorGutter.modifiedBackground#569fba
- editorHint.foreground#a3be8c
- editorHoverWidget.background#191726
- editorHoverWidget.border#4b4673
- editorHoverWidget.foreground#e0def4
- editorIndentGuide.activeBackground1#4b4673
- editorIndentGuide.background1#2d2a45
- editorInfo.foreground#569fba
- editorLineNumber.activeForeground#cdcbe0
- editorLineNumber.foreground#4b4673
- editorLink.activeForeground#569fba
- editorOverviewRuler.addedForeground#a3be8c
- editorOverviewRuler.border#191726
- editorOverviewRuler.deletedForeground#eb6f92
- editorOverviewRuler.errorForeground#eb6f92
- editorOverviewRuler.findMatchForeground#f6c17788
- editorOverviewRuler.infoForeground#569fba
- editorOverviewRuler.modifiedForeground#569fba
- editorOverviewRuler.warningForeground#f6c177
- editorRuler.foreground#2d2a45
- editorSuggestWidget.background#191726
- editorSuggestWidget.border#4b4673
- editorSuggestWidget.foreground#e0def4
- editorSuggestWidget.highlightForeground#569fba
- editorSuggestWidget.selectedBackground#433c59
- editorUnnecessaryCode.opacity#00000080
- editorWarning.foreground#f6c177
- editorWhitespace.foreground#4b4673
- editorWidget.background#191726
- editorWidget.border#4b4673
- editorWidget.foreground#e0def4
- errorForeground#eb6f92
- extensionBadge.remoteBackground#569fba
- extensionBadge.remoteForeground#191726
- extensionButton.prominentBackground#569fba
- extensionButton.prominentForeground#191726
- extensionButton.prominentHoverBackground#4a869c
- extensionIcon.starForeground#f6c177
- extensionIcon.verifiedForeground#a3be8c
- focusBorder#569fba00
- foreground#cdcbe0
- gitDecoration.conflictingResourceForeground#ea9a97
- gitDecoration.deletedResourceForeground#eb6f92
- gitDecoration.ignoredResourceForeground#6e6a86
- gitDecoration.modifiedResourceForeground#569fba
- gitDecoration.stageDeletedResourceForeground#eb98c3
- gitDecoration.stageModifiedResourceForeground#9ccfd8
- gitDecoration.submoduleResourceForeground#9ccfd8
- gitDecoration.untrackedResourceForeground#a3be8c
- icon.foreground#cdcbe0
- input.background#191726
- input.border#4b4673
- input.foreground#e0def4
- input.placeholderForeground#6e6a86
- inputOption.activeBackground#569fba33
- inputOption.activeBorder#569fba
- inputOption.activeForeground#eae8ff
- inputValidation.errorBackground#191726
- inputValidation.errorBorder#eb6f92
- inputValidation.errorForeground#eb6f92
- inputValidation.infoBackground#191726
- inputValidation.infoBorder#569fba
- inputValidation.infoForeground#569fba
- inputValidation.warningBackground#191726
- inputValidation.warningBorder#f6c177
- inputValidation.warningForeground#f6c177
- list.activeSelectionBackground#433c59
- list.activeSelectionForeground#eae8ff
- list.dropBackground#569fba33
- list.errorForeground#eb6f92
- list.focusBackground#433c59
- list.focusForeground#eae8ff
- list.highlightForeground#569fba
- list.hoverBackground#2d2a4580
- list.hoverForeground#eae8ff
- list.inactiveSelectionBackground#2d2a45
- list.inactiveSelectionForeground#e0def4
- list.invalidItemForeground#eb6f92
- list.warningForeground#f6c177
- listFilterWidget.background#2d2a45
- listFilterWidget.noMatchesOutline#eb6f92
- listFilterWidget.outline#569fba
- menu.background#191726
- menu.border#4b4673
- menu.foreground#e0def4
- menu.selectionBackground#433c59
- menu.selectionForeground#eae8ff
- menu.separatorBackground#4b4673
- menubar.selectionBackground#433c59
- menubar.selectionForeground#eae8ff
- merge.border#4b4673
- merge.currentContentBackground#569fba33
- merge.currentHeaderBackground#569fba66
- merge.incomingContentBackground#a3be8c33
- merge.incomingHeaderBackground#a3be8c66
- notificationCenterHeader.background#191726
- notificationCenterHeader.foreground#e0def4
- notificationLink.foreground#569fba
- notifications.background#191726
- notifications.border#4b4673
- notifications.foreground#e0def4
- notificationsErrorIcon.foreground#eb6f92
- notificationsInfoIcon.foreground#569fba
- notificationsWarningIcon.foreground#f6c177
- panel.background#232136
- panel.border#191726
- panelInput.border#4b4673
- panelTitle.activeBorder#569fba
- panelTitle.activeForeground#eae8ff
- panelTitle.inactiveForeground#6e6a86
- peekView.border#569fba
- peekViewEditor.background#191726
- peekViewEditor.matchHighlightBackground#f6c17744
- peekViewResult.background#191726
- peekViewResult.foreground#cdcbe0
- peekViewResult.matchHighlightBackground#f6c17744
- peekViewResult.selectionBackground#433c59
- peekViewResult.selectionForeground#eae8ff
- peekViewTitle.background#191726
- peekViewTitleDescription.foreground#6e6a86
- peekViewTitleLabel.foreground#eae8ff
- pickerGroup.border#4b4673
- pickerGroup.foreground#569fba
- problemsErrorIcon.foreground#eb6f92
- problemsInfoIcon.foreground#569fba
- problemsWarningIcon.foreground#f6c177
- progressBar.background#569fba
- quickInput.background#191726
- quickInput.foreground#e0def4
- quickInputList.focusBackground#433c59
- sash.hoverBorder#569fba
- scrollbar.shadow#00000059
- scrollbarSlider.activeBackground#4b4673cc
- scrollbarSlider.background#4b467366
- scrollbarSlider.hoverBackground#4b467399
- selection.background#63577d
- settings.checkboxBackground#2d2a45
- settings.dropdownBackground#2d2a45
- settings.dropdownForeground#e0def4
- settings.headerForeground#eae8ff
- settings.modifiedItemIndicator#569fba
- settings.numberInputBackground#191726
- settings.textInputBackground#191726
- sideBar.background#191726
- sideBar.border#191726
- sideBar.foreground#cdcbe0
- sideBarSectionHeader.background#191726
- sideBarSectionHeader.border#191726
- sideBarSectionHeader.foreground#e0def4
- sideBarTitle.foreground#cdcbe0
- statusBar.background#191726
- statusBar.border#191726
- statusBar.debuggingBackground#ea9a97
- statusBar.debuggingForeground#191726
- statusBar.foreground#cdcbe0
- statusBar.noFolderBackground#191726
- statusBar.noFolderForeground#cdcbe0
- statusBarItem.activeBackground#cdcbe022
- statusBarItem.errorBackground#191726
- statusBarItem.errorForeground#eb6f92
- statusBarItem.hoverBackground#cdcbe01a
- statusBarItem.prominentBackground#2d2a45
- statusBarItem.prominentHoverBackground#373354
- statusBarItem.remoteBackground#569fba
- statusBarItem.remoteForeground#191726
- statusBarItem.warningBackground#191726
- statusBarItem.warningForeground#f6c177
- symbolIcon.classForeground#f6c177
- symbolIcon.colorForeground#9ccfd8
- symbolIcon.constantForeground#ea9a97
- symbolIcon.enumeratorForeground#f6c177
- symbolIcon.functionForeground#4a869c
- symbolIcon.interfaceForeground#f6c177
- symbolIcon.keywordForeground#c4a7e7
- symbolIcon.methodForeground#4a869c
- symbolIcon.propertyForeground#9ccfd8
- symbolIcon.variableForeground#e0def4
- tab.activeBackground#232136
- tab.activeBorder#232136
- tab.activeBorderTop#569fba
- tab.activeForeground#eae8ff
- tab.activeModifiedBorder#f6c177
- tab.border#191726
- tab.hoverBackground#232136
- tab.hoverForeground#eae8ff
- tab.inactiveBackground#191726
- tab.inactiveForeground#6e6a86
- tab.inactiveModifiedBorder#f6c17780
- tab.lastPinnedBorder#4b4673
- tab.unfocusedActiveForeground#cdcbe0
- tab.unfocusedInactiveForeground#6e6a86
- terminal.ansiBlack#393552
- terminal.ansiBlue#569fba
- terminal.ansiBrightBlack#47407d
- terminal.ansiBrightBlue#65b1cd
- terminal.ansiBrightCyan#a6dae3
- terminal.ansiBrightGreen#b1d196
- terminal.ansiBrightMagenta#ccb1ed
- terminal.ansiBrightRed#f083a2
- terminal.ansiBrightWhite#e2e0f7
- terminal.ansiBrightYellow#f9cb8c
- terminal.ansiCyan#9ccfd8
- terminal.ansiGreen#a3be8c
- terminal.ansiMagenta#c4a7e7
- terminal.ansiRed#eb6f92
- terminal.ansiWhite#e0def4
- terminal.ansiYellow#f6c177
- terminal.background#232136
- terminal.foreground#e0def4
- terminal.selectionBackground#63577d
- terminalCursor.foreground#6e6a86
- testing.iconErrored#eb6f92
- testing.iconFailed#eb6f92
- testing.iconPassed#a3be8c
- testing.iconSkipped#f6c177
- textBlockQuote.background#191726
- textBlockQuote.border#4b4673
- textCodeBlock.background#191726
- textLink.activeForeground#9ccfd8
- textLink.foreground#569fba
- textPreformat.foreground#ea9a97
- textSeparator.foreground#4b4673
- titleBar.activeBackground#191726
- titleBar.activeForeground#cdcbe0
- titleBar.border#191726
- titleBar.inactiveBackground#191726
- titleBar.inactiveForeground#6e6a86
- tree.indentGuidesStroke#4b4673
- walkThrough.embeddedEditorBackground#191726
- welcomePage.progress.foreground#569fba
- welcomePage.tileBackground#191726
- welcomePage.tileHoverBackground#2d2a45
- widget.shadow#00000059
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #817c9c | italic |
| variable, string constant.other.placeholder | #e0def4 | — |
| constant.other.color | #e0def4 | — |
| invalid, invalid.illegal | #eb6f92 | — |
| keyword, storage.type, storage.modifier, keyword.operator.word, keyword.operator.new | #c4a7e7 | — |
| keyword.control, constant.other.color, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #c4a7e7 | — |
| keyword.operator, punctuation.accessor, punctuation.definition.generic | #9ccfd8 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #4a869c | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #4a869c | italic |
| meta.block variable.other | #e0def4 | — |
| support.other.variable, string.other.link | #e0def4 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other.zero-index | #ea9a97 | — |
| constant.language.boolean | #f6c177 | — |
| constant.numeric, variable.other.constant, entity.name.constant | #f6c177 | — |
| variable.parameter, meta.function.parameters | #d871a6 | italic |
| constant.language, support.function.builtin, variable.language.this | #eb6f92 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #a3be8c | — |
| entity.name.class, entity.name.type.class, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #f6c177 | italic |
| meta.type, support.type, entity.name.type | #f6c177 | italic |
| storage.type | #c4a7e7 | — |
| entity.name.enum | #f6c177 | italic |
| meta.enum variable.other.readwrite, variable.other.enummember | #9ccfd8 | — |
| meta.property.object, variable.object.property, variable.other.object.property | #9ccfd8 | — |
| punctuation.definition.typeparameters, meta.type.parameters | #a6dae3 | — |
| meta.decorator, punctuation.decorator, meta.annotation, storage.type.annotation | #f6c177 | — |
| entity.name.namespace | #f6c177 | — |
| keyword.control.directive, punctuation.definition.directive | #f6c177 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #eb6f92 | — |
| variable.language | #eb6f92 | italic |
| entity.name.method.js | #4a869c | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #4a869c | — |
| entity.other.attribute-name | #f6c177 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #f6c177 | italic |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #9ccfd8 | — |
| source.css entity.other.attribute-name.pseudo-class, punctuation.separator.operator.css | #9ccfd8 | — |
| source.css entity.other.attribute-name.class.css | #f6c177 | — |
| support.type.primitive, entity.name.type.numeric | #c4a7e7 | — |
| support.type.object, support.constant | #c4a7e7 | — |
| markup.inserted | #a3be8c | — |
| markup.deleted | #eb6f92 | — |
| markup.changed | #f6c177 | — |
| meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff | #4a869c | — |
| string.regexp | #9ccfd8 | — |
| constant.character.escape | #cdcbe0 | — |
| *url*, *link*, *uri* | #e0def4 | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #4a869c | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #c4a7e7 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #4a869c | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json support.type.property-name.json | #c4a7e7 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #e0def4 | — |
| text.html.markdown markup.inline.raw.markdown | #a3be8c | — |
| text.html.markdown meta.dummy.line-break | #817c9c | — |
| markdown.heading, markup.heading.markdown, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #4a869c | — |
| markup.italic | #eb6f92 | italic |
| markup.bold, markup.bold string | #eb6f92 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #eb6f92 | bold |
| markup.underline | #ea9a97 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #cdcbe0 | — |
| markup.quote | #cdcbe0 | italic |
| string.other.link.title.markdown | #569fba | — |
| string.other.link.description.title.markdown | #c4a7e7 | — |
| constant.other.reference.link.markdown | #f6c177 | — |
| markup.raw.block | #c4a7e7 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #a3be8c | — |
| meta.separator.markdown | #9ccfd8 | — |
| punctuation.definition.list.begin.markdown, markup.list | #9ccfd8 | — |