NovaFlux
Publisher: zaid_khanThemes in package: 1
A sleek, dark-themed VS Code theme with cosmic elegance - perfect for developers who crave clarity and style
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#1F005544
- activityBar.activeBorder#FF2ECC
- activityBar.background#140033
- activityBar.border#1F0055
- activityBar.foreground#00FFF7
- activityBar.inactiveForeground#6C6CA0
- activityBarBadge.background#00FFF7
- activityBarBadge.foreground#0B001A
- activityBarTop.activeBorder#FF2ECC
- activityBarTop.foreground#00FFF7
- activityBarTop.inactiveForeground#6C6CA0
- badge.background#00FFF7
- badge.foreground#0B001A
- breadcrumb.activeSelectionForeground#00FFF7
- breadcrumb.background#140033
- breadcrumb.focusForeground#ECECEC
- breadcrumb.foreground#857ABF
- breadcrumbPicker.background#140033
- button.background#FF2ECC
- button.border#FF2ECC
- button.foreground#FFFFFF
- button.hoverBackground#FF33A6
- button.secondaryBackground#2C007A
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#3D009A
- button.separator#FFFFFF44
- dropdown.background#19004D
- dropdown.border#2C007A
- dropdown.foreground#ECECEC
- dropdown.listBackground#140033
- editor.background#0B001A
- editor.findMatchBackground#FF2ECC33
- editor.findMatchBorder#FF2ECC
- editor.findMatchHighlightBackground#2C007A66
- editor.findMatchHighlightBorder#FF2ECC88
- editor.findRangeHighlightBackground#1F005533
- editor.findRangeHighlightBorder#00FFF7
- editor.foreground#ECECEC
- editor.hoverHighlightBackground#2C007A66
- editor.lineHighlightBackground#19004D
- editor.lineHighlightBorder#2C007A44
- editor.selectionBackground#2C007A
- editor.selectionForeground#FFFFFF
- editor.selectionHighlightBackground#2C007A66
- editor.selectionHighlightBorder#00FFF788
- editor.wordHighlightBackground#19004D88
- editor.wordHighlightBorder#857ABF44
- editor.wordHighlightStrongBackground#2C007A88
- editor.wordHighlightStrongBorder#00FFF744
- editorBracketHighlight.foreground1#FF2ECC
- editorBracketHighlight.foreground2#00FFF7
- editorBracketHighlight.foreground3#E6DB74
- editorBracketHighlight.foreground4#D4AF37
- editorBracketHighlight.foreground5#A78BFA
- editorBracketHighlight.foreground6#6C9BCF
- editorBracketHighlight.unexpectedBracket.foreground#FF5C5C
- editorBracketMatch.background#2C007A
- editorBracketMatch.border#00FFF7
- editorCursor.background#0B001A
- editorCursor.foreground#00FFF7
- editorGroupHeader.tabsBackground#140033
- editorGutter.addedBackground#4CAF50
- editorGutter.background#0B001A
- editorGutter.commentRangeForeground#8A88C2
- editorGutter.deletedBackground#F44336
- editorGutter.foldingControlForeground#857ABF
- editorGutter.modifiedBackground#2196F3
- editorHoverWidget.background#140033
- editorHoverWidget.border#1F0055
- editorHoverWidget.foreground#ECECEC
- editorIndentGuide.activeBackground#857ABF
- editorIndentGuide.background#3E3E66
- editorLineNumber.activeForeground#ECECEC
- editorLineNumber.foreground#6C6CA0
- editorOverviewRuler.addedForeground#4CAF50
- editorOverviewRuler.border#1F0055
- editorOverviewRuler.bracketMatchForeground#00FFF7
- editorOverviewRuler.commonContentForeground#857ABF
- editorOverviewRuler.currentContentForeground#4AF626
- editorOverviewRuler.deletedForeground#F44336
- editorOverviewRuler.errorForeground#FF5C5C
- editorOverviewRuler.findMatchForeground#FF2ECC88
- editorOverviewRuler.incomingContentForeground#00FFF7
- editorOverviewRuler.infoForeground#00FFF7
- editorOverviewRuler.modifiedForeground#2196F3
- editorOverviewRuler.rangeHighlightForeground#00FFF788
- editorOverviewRuler.selectionHighlightForeground#2C007A88
- editorOverviewRuler.warningForeground#E6DB74
- editorOverviewRuler.wordHighlightForeground#857ABF88
- editorOverviewRuler.wordHighlightStrongForeground#00FFF788
- editorRuler.foreground#3E3E66
- editorSuggestWidget.background#140033
- editorSuggestWidget.border#1F0055
- editorSuggestWidget.foreground#ECECEC
- editorSuggestWidget.highlightForeground#00FFF7
- editorSuggestWidget.selectedBackground#1F0055
- editorSuggestWidget.selectedForeground#FFFFFF
- editorWhitespace.foreground#3E3E66
- editorWidget.background#140033
- editorWidget.border#1F0055
- editorWidget.foreground#ECECEC
- editorWidget.resizeBorder#00FFF7
- gitDecoration.addedResourceForeground#4AF626
- gitDecoration.conflictingResourceForeground#FF2ECC
- gitDecoration.deletedResourceForeground#FF5C5C
- gitDecoration.ignoredResourceForeground#6C6CA0
- gitDecoration.modifiedResourceForeground#00FFF7
- gitDecoration.renamedResourceForeground#E6DB74
- gitDecoration.submoduleResourceForeground#A78BFA
- gitDecoration.untrackedResourceForeground#D4AF37
- input.background#19004D
- input.border#2C007A
- input.foreground#ECECEC
- input.placeholderForeground#857ABF
- inputOption.activeBackground#1F0055
- inputOption.activeBorder#00FFF7
- inputOption.activeForeground#FFFFFF
- inputValidation.errorBackground#FF5C5C22
- inputValidation.errorBorder#FF5C5C
- inputValidation.errorForeground#FF5C5C
- inputValidation.infoBackground#00FFF722
- inputValidation.infoBorder#00FFF7
- inputValidation.infoForeground#00FFF7
- inputValidation.warningBackground#E6DB7422
- inputValidation.warningBorder#E6DB74
- inputValidation.warningForeground#E6DB74
- list.activeSelectionBackground#1F0055
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#FF2ECC44
- list.errorForeground#FF5C5C
- list.focusBackground#2C007A66
- list.focusForeground#FFFFFF
- list.focusOutline#00FFF7
- list.highlightForeground#00FFF7
- list.hoverBackground#2C007A
- list.hoverForeground#ECECEC
- list.inactiveSelectionBackground#19004D
- list.inactiveSelectionForeground#857ABF
- list.invalidItemForeground#FF5C5C
- list.warningForeground#E6DB74
- menu.background#140033
- menu.border#1F0055
- menu.foreground#ECECEC
- menu.selectionBackground#1F0055
- menu.selectionBorder#00FFF7
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#2C007A
- menubar.background#140033
- menubar.selectionBackground#1F0055
- menubar.selectionBorder#00FFF7
- menubar.selectionForeground#FFFFFF
- merge.border#6C6CA0
- merge.commonContentBackground#857ABF22
- merge.commonHeaderBackground#857ABF44
- merge.currentContentBackground#4AF62622
- merge.currentHeaderBackground#4AF62644
- merge.incomingContentBackground#00FFF722
- merge.incomingHeaderBackground#00FFF744
- minimap.background#0B001A88
- minimap.errorHighlight#FF5C5C
- minimap.findMatchHighlight#FF2ECC88
- minimap.selectionHighlight#2C007A
- minimap.warningHighlight#E6DB74
- minimapGutter.addedBackground#4CAF50
- minimapGutter.deletedBackground#F44336
- minimapGutter.modifiedBackground#2196F3
- minimapSlider.activeBackground#00FFF788
- minimapSlider.background#66669933
- minimapSlider.hoverBackground#00FFF766
- notification.background#1F0055
- notification.border#2C007A
- notification.errorBackground#FF2ECC33
- notification.errorBorder#FF2ECC
- notification.foreground#ECECEC
- notification.infoBackground#00FFF733
- notification.infoBorder#00FFF7
- notification.warningBackground#E6DB7433
- notification.warningBorder#E6DB74
- notificationCenter.border#2C007A
- notificationCenterHeader.background#140033
- notificationCenterHeader.foreground#ECECEC
- notificationLink.foreground#00FFF7
- notifications.background#1F0055
- notifications.border#2C007A
- notifications.foreground#ECECEC
- notificationToast.border#2C007A
- panel.background#140033
- panel.border#1F0055
- panel.dropBorder#FF2ECC
- panelInput.border#1F0055
- panelSection.border#1F0055
- panelSection.dropBackground#FF2ECC22
- panelSectionHeader.background#140033
- panelSectionHeader.border#1F0055
- panelSectionHeader.foreground#ECECEC
- panelTitle.activeBorder#00FFF7
- panelTitle.activeForeground#00FFF7
- panelTitle.inactiveForeground#857ABF
- peekView.border#FF2ECC
- peekViewEditor.background#0B001A
- peekViewEditor.matchHighlightBackground#FF2ECC44
- peekViewEditor.matchHighlightBorder#FF2ECC
- peekViewEditorGutter.background#100026
- peekViewResult.background#140033
- peekViewResult.fileForeground#ECECEC
- peekViewResult.lineForeground#857ABF
- peekViewResult.matchHighlightBackground#FF2ECC44
- peekViewResult.selectionBackground#1F0055
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#140033
- peekViewTitleDescription.foreground#857ABF
- peekViewTitleLabel.foreground#ECECEC
- progressBar.background#FF2ECC
- scrollbar.shadow#0B001A88
- scrollbarSlider.activeBackground#00FFF788
- scrollbarSlider.background#66669933
- scrollbarSlider.hoverBackground#00FFF766
- sideBar.background#100026
- statusBar.background#140033
- statusBar.border#1F0055
- statusBar.debuggingBackground#FF2ECC
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#ECECEC
- statusBar.noFolderBackground#1F0055
- statusBarItem.activeBackground#2C007A88
- statusBarItem.hoverBackground#2C007A44
- statusBarItem.prominentBackground#FF2ECC
- statusBarItem.prominentForeground#FFFFFF
- statusBarItem.prominentHoverBackground#FF33A6
- tab.activeBackground#1F0055
- tab.activeBorder#00FFF7
- tab.activeBorderTop#FF2ECC
- tab.activeForeground#FFFFFF
- tab.border#1F0055
- tab.hoverBackground#2C007A
- tab.inactiveBackground#140033
- tab.inactiveForeground#857ABF
- tab.unfocusedActiveForeground#857ABF
- tab.unfocusedHoverBackground#19004D
- tab.unfocusedInactiveForeground#6C6CA0
- terminal.ansiBlack#0B001A
- terminal.ansiBlue#00AFFF
- terminal.ansiBrightBlack#6C6CA0
- terminal.ansiBrightBlue#6C9BCF
- terminal.ansiBrightCyan#00FFF7
- terminal.ansiBrightGreen#4AF626
- terminal.ansiBrightMagenta#FF33A6
- terminal.ansiBrightRed#FF5C5C
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E6DB74
- terminal.ansiCyan#00FFF7
- terminal.ansiGreen#4AF626
- terminal.ansiMagenta#FF2ECC
- terminal.ansiRed#FF5C5C
- terminal.ansiWhite#ECECEC
- terminal.ansiYellow#E6DB74
- terminal.background#0D0020
- terminal.border#1F0055
- terminal.dropBackground#FF2ECC44
- terminal.foreground#ECECEC
- terminal.selectionBackground#2C007A88
- terminalCursor.background#0D0020
- terminalCursor.foreground#00FFF7
- titleBar.activeBackground#140033
- titleBar.activeForeground#ECECEC
- titleBar.border#1F0055
- titleBar.inactiveBackground#0F0029
- titleBar.inactiveForeground#857ABF
- tree.indentGuidesStroke#3E3E66
- tree.tableColumnsBorder#1F0055
- tree.tableOddRowsBackground#0B001A22
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8A88C2 | italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.other.import, keyword.other.package | #FF33A6 | bold |
| entity.name.function, support.function, meta.function-call.generic, meta.method-call | #00E6C3 | — |
| variable.parameter, meta.function.parameters | #857ABF | italic |
| variable, variable.other.readwrite, variable.other.property, support.variable | #FFFFFF | — |
| string, string.quoted, string.template | #E6DB74 | — |
| string.interpolated, meta.template.expression | #00FFF7 | — |
| constant.numeric, constant.language, constant.character | #D4AF37 | bold |
| support.class, entity.name.type.class, entity.name.type, support.type | #A78BFA | bold |
| entity.name.type.interface, entity.name.type.enum | #FFA7C4 | bold italic |
| entity.name.tag, punctuation.definition.tag | #00FFF7 | — |
| entity.other.attribute-name, meta.attribute | #FF33A6 | italic |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #00FFF7 | — |
| support.type.property-name.css | #FFA7C4 | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #E6DB74 | — |
| keyword.operator | #FF7EDB | — |
| punctuation, punctuation.definition.block, punctuation.definition.array, punctuation.definition.parameters, punctuation.section | #6C9BCF | — |
| support.type.property-name, meta.object-literal.key, support.type.property-name.json | #FFA7C4 | — |
| markup.heading, punctuation.definition.heading.markdown | #FF33A6 | bold |
| markup.bold | #E6DB74 | bold |
| markup.italic | #00FFF7 | italic |
| markup.inline.raw, markup.fenced_code | #D4AF37 | — |
| markup.underline.link | #00FFF7 | underline |
| invalid, invalid.illegal | #FF5C5C | underline bold |
| string.regexp | #A78BFA | — |
| constant.character.escape | #FF7EDB | — |
| entity.name.function.decorator, punctuation.decorator | #FFA7C4 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #FF33A6 | italic |
| variable.language.this, variable.language.self | #FF7EDB | bold italic |