Foxnett Nexus - Premium Developer Experience
Publisher: Foxnett NexusThemes in package: 1
A futuristic premium theme that transforms VS Code into a next-gen coding environment
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#0F111780
- activityBar.activeBorder#60A5FA
- activityBar.background#07080C
- activityBar.foreground#CBD5E1
- activityBar.inactiveForeground#64748B
- activityBarBadge.background#60A5FA
- activityBarBadge.foreground#0F1117
- badge.background#60A5FA
- badge.foreground#0F1117
- breadcrumb.activeSelectionForeground#60A5FA
- breadcrumb.background#07080C
- breadcrumb.focusForeground#F8FAFC
- breadcrumb.foreground#94A3B8
- breadcrumbPicker.background#0F1117
- button.backgroundlinear-gradient(135deg, #2563EB 0%, #7C3AED 100%)
- button.foreground#FFFFFF
- button.hoverBackgroundlinear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%)
- button.secondaryBackground#1E293B
- button.secondaryForeground#94A3B8
- button.secondaryHoverBackground#334155
- commandCenter.activeBackground#1E293B
- commandCenter.activeForeground#60A5FA
- commandCenter.background#0F1117
- commandCenter.border#1E293B
- commandCenter.foreground#94A3B8
- debugIcon.continueForeground#60A5FA
- debugIcon.disconnectForeground#F87171
- debugIcon.pauseForeground#FBBF24
- debugIcon.restartForeground#34D399
- debugIcon.startForeground#10B981
- debugIcon.stepIntoForeground#22D3EE
- debugIcon.stepOutForeground#F59E0B
- debugIcon.stepOverForeground#8B5CF6
- debugIcon.stopForeground#F87171
- debugToolBar.background#0F1117
- debugToolBar.border#1E293B
- diffEditor.border#1E293B
- diffEditor.diagonalFill#1E293B
- diffEditor.insertedLineBackground#10B98110
- diffEditor.insertedTextBackground#10B98120
- diffEditor.removedLineBackground#F8717110
- diffEditor.removedTextBackground#F8717120
- dropdown.background#12131A
- dropdown.border#1E293B
- dropdown.foreground#F8FAFC
- dropdown.listBackground#0F1117
- editor.background#0A0B0F
- editor.background.dark#07080C
- editor.background.light#0A0B0F
- editor.findMatchBackground#F59E0B60
- editor.findMatchHighlightBackground#10B98140
- editor.foreground#F0F6FC
- editor.hoverHighlightBackground#3B82F640
- editor.lineHighlightBackground#12131A80
- editor.lineHighlightBorder#1A1C2580
- editor.selectionBackground#2563EB40
- editor.selectionHighlightBackground#7C3AED30
- editor.wordHighlightBackground#05966930
- editor.wordHighlightStrongBackground#DC262630
- editorBracketMatch.background#1E293B
- editorBracketMatch.border#60A5FA
- editorBracketPairGuide.activeBackground1#60A5FA40
- editorBracketPairGuide.activeBackground2#8B5CF640
- editorBracketPairGuide.activeBackground3#10B98140
- editorBracketPairGuide.activeBackground4#FBBF2440
- editorBracketPairGuide.activeBackground5#F8717140
- editorBracketPairGuide.activeBackground6#22D3EE40
- editorBracketPairGuide.background1#33415540
- editorBracketPairGuide.background2#47556940
- editorBracketPairGuide.background3#64748B40
- editorCursor.background#1E293B
- editorCursor.foreground#60A5FA
- editorGroupHeader.tabsBackground#0F1117
- editorGroupHeader.tabsBorder#1E293B
- editorIndentGuide.activeBackground#60A5FA
- editorIndentGuide.background#1E293B
- editorInlayHint.background#12131A80
- editorInlayHint.foreground#94A3B8
- editorInlayHint.parameterForeground#10B981
- editorInlayHint.typeForeground#60A5FA
- editorLightBulb.foreground#FBBF24
- editorLightBulbAutoFix.foreground#10B981
- editorOverviewRuler.addedForeground#10B981
- editorOverviewRuler.border#1E293B
- editorOverviewRuler.commonContentForeground#64748B
- editorOverviewRuler.currentContentForeground#10B981
- editorOverviewRuler.deletedForeground#F87171
- editorOverviewRuler.errorForeground#F8717160
- editorOverviewRuler.findMatchForeground#F59E0B60
- editorOverviewRuler.incomingContentForeground#60A5FA
- editorOverviewRuler.infoForeground#60A5FA60
- editorOverviewRuler.modifiedForeground#FBBF24
- editorOverviewRuler.rangeHighlightForeground#3B82F640
- editorOverviewRuler.selectionHighlightForeground#7C3AED40
- editorOverviewRuler.warningForeground#FBBF2460
- editorOverviewRuler.wordHighlightForeground#05966930
- editorOverviewRuler.wordHighlightStrongForeground#DC262630
- editorSuggestWidget.background#0F1117
- editorSuggestWidget.border#1E293B
- editorSuggestWidget.foreground#CBD5E1
- editorSuggestWidget.highlightForeground#60A5FA
- editorSuggestWidget.selectedBackground#1E293B
- editorWhitespace.foreground#334155
- editorWidget.background#0F1117
- editorWidget.border#1E293B
- editorWidget.resizeBorder#60A5FA
- gitDecoration.addedResourceForeground#10B981
- gitDecoration.conflictingResourceForeground#F59E0B
- gitDecoration.deletedResourceForeground#F87171
- gitDecoration.ignoredResourceForeground#64748B
- gitDecoration.modifiedResourceForeground#FBBF24
- gitDecoration.renamedResourceForeground#60A5FA
- gitDecoration.stageDeletedResourceForeground#F87171
- gitDecoration.stageModifiedResourceForeground#FBBF24
- gitDecoration.submoduleResourceForeground#8B5CF6
- gitDecoration.untrackedResourceForeground#22D3EE
- input.background#12131A
- input.border#1E293B
- input.foreground#F8FAFC
- input.placeholderForeground#64748B
- inputOption.activeBackground#1E293B
- inputOption.activeBorder#60A5FA
- inputValidation.errorBackground#450A0A
- inputValidation.errorBorder#F87171
- inputValidation.infoBackground#1E293B
- inputValidation.infoBorder#60A5FA
- inputValidation.warningBackground#451A03
- inputValidation.warningBorder#F59E0B
- list.activeSelectionBackground#1E293B
- list.activeSelectionForeground#60A5FA
- list.activeSelectionIconForeground#60A5FA
- list.errorForeground#F87171
- list.focusBackground#1E293B
- list.focusForeground#60A5FA
- list.highlightForeground#60A5FA
- list.hoverBackground#12131A
- list.hoverForeground#E2E8F0
- list.inactiveSelectionBackground#12131A
- list.inactiveSelectionForeground#94A3B8
- list.invalidItemForeground#F87171
- list.warningForeground#FBBF24
- listFilterWidget.background#12131A
- listFilterWidget.noMatchesOutline#F87171
- listFilterWidget.outline#60A5FA
- menu.background#0F1117
- menu.foreground#CBD5E1
- menu.selectionBackground#1E293B
- menu.selectionForeground#60A5FA
- menu.separatorBackground#1E293B
- merge.border#1E293B
- merge.commonContentBackground#64748B10
- merge.commonHeaderBackground#64748B20
- merge.currentContentBackground#10B98110
- merge.currentHeaderBackground#10B98120
- merge.incomingContentBackground#60A5FA10
- merge.incomingHeaderBackground#60A5FA20
- minimap.background#07080C
- minimap.errorHighlight#F87171
- minimap.findMatchHighlight#F59E0B
- minimap.selectionHighlight#2563EB
- minimap.warningHighlight#FBBF24
- minimapGutter.addedBackground#10B981
- minimapGutter.deletedBackground#F87171
- minimapGutter.modifiedBackground#FBBF24
- minimapSlider.activeBackground#60A5FA80
- minimapSlider.background#33415580
- minimapSlider.hoverBackground#47556980
- notificationCenter.border#1E293B
- notificationCenterHeader.background#0F1117
- notificationCenterHeader.foreground#94A3B8
- notificationLink.foreground#60A5FA
- notifications.background#0F1117
- notifications.border#1E293B
- notifications.foreground#CBD5E1
- notificationsErrorIcon.foreground#F87171
- notificationsInfoIcon.foreground#60A5FA
- notificationsWarningIcon.foreground#FBBF24
- notificationToast.border#1E293B
- panel.background#07080C
- panel.border#1E293B
- panelInput.border#1E293B
- panelTitle.activeForeground#60A5FA
- panelTitle.inactiveForeground#64748B
- peekView.border#1E293B
- peekViewEditor.background#0A0B0F
- peekViewEditorGutter.background#0A0B0F
- peekViewResult.background#0F1117
- peekViewResult.fileForeground#CBD5E1
- peekViewResult.lineForeground#94A3B8
- peekViewResult.selectionBackground#1E293B
- peekViewResult.selectionForeground#60A5FA
- peekViewTitle.background#0F1117
- peekViewTitleDescription.foreground#94A3B8
- peekViewTitleLabel.foreground#F8FAFC
- progressBar.backgroundlinear-gradient(90deg, #60A5FA 0%, #8B5CF6 100%)
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#60A5FA80
- scrollbarSlider.background#33415580
- scrollbarSlider.hoverBackground#47556980
- settings.checkboxBackground#12131A
- settings.checkboxBorder#1E293B
- settings.dropdownBackground#12131A
- settings.dropdownBorder#1E293B
- settings.headerForeground#60A5FA
- settings.modifiedItemIndicator#10B981
- settings.numberInputBackground#12131A
- settings.numberInputBorder#1E293B
- settings.textInputBackground#12131A
- settings.textInputBorder#1E293B
- sideBar.background#07080C
- sideBar.border#1E293B
- sideBar.foreground#94A3B8
- sideBarSectionHeader.background#0F1117
- sideBarSectionHeader.foreground#60A5FA
- sideBarTitle.foreground#60A5FA
- statusBar.background#0F1117
- statusBar.border#1E293B
- statusBar.debuggingBackground#0F1117
- statusBar.debuggingForeground#10B981
- statusBar.foreground#94A3B8
- statusBar.noFolderBackground#0F1117
- statusBarItem.hoverBackground#1E293B
- statusBarItem.remoteBackground#7C3AED
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#0A0B0F
- tab.activeBorder#60A5FA
- tab.activeBorderTop#60A5FA
- tab.activeForeground#F8FAFC
- tab.border#1E293B
- tab.hoverBackground#12131A
- tab.hoverForeground#F1F5F9
- tab.inactiveBackground#0F1117
- tab.inactiveForeground#94A3B8
- tab.lastPinnedBorder#7C3AED
- tab.unfocusedActiveForeground#CBD5E1
- tab.unfocusedInactiveForeground#64748B
- terminal.ansiBlack#0F1117
- terminal.ansiBlue#60A5FA
- terminal.ansiBrightBlack#475569
- terminal.ansiBrightBlue#93C5FD
- terminal.ansiBrightCyan#67E8F9
- terminal.ansiBrightGreen#34D399
- terminal.ansiBrightMagenta#D8B4FE
- terminal.ansiBrightRed#FCA5A5
- terminal.ansiBrightWhite#F8FAFC
- terminal.ansiBrightYellow#FCD34D
- terminal.ansiCyan#22D3EE
- terminal.ansiGreen#10B981
- terminal.ansiMagenta#C084FC
- terminal.ansiRed#F87171
- terminal.ansiWhite#CBD5E1
- terminal.ansiYellow#FBBF24
- terminal.background#07080C
- terminal.border#1E293B
- terminal.foreground#E2E8F0
- terminal.selectionBackground#2563EB40
- terminal.tab.activeBorder#60A5FA
- terminalCursor.background#0F1117
- terminalCursor.foreground#60A5FA
- textLink.activeForeground#93C5FD
- textLink.foreground#60A5FA
- titleBar.activeBackground#0F1117
- titleBar.activeForeground#94A3B8
- titleBar.border#1E293B
- titleBar.inactiveBackground#0F1117
- titleBar.inactiveForeground#64748B
- welcomePage.buttonBackground#1E293B
- welcomePage.buttonHoverBackground#334155
- welcomePage.progress.background#1E293B
- welcomePage.progress.foreground#60A5FA
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text, source | #F0F6FC | — |
| comment, punctuation.definition.comment, string.quoted.docstring | #64748B | italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator, keyword.other | #C084FC | bold |
| entity.name.function, support.function, meta.function-call, variable.function, entity.name.method | #22D3EE | bold |
| entity.name.class, entity.name.type.class, support.type, entity.name.type, entity.other.inherited-class | #60A5FA | bold |
| variable, variable.parameter, variable.other, variable.object.property, meta.object-literal.key | #93C5FD | — |
| string, string.quoted, string.template, string.regexp | #FBBF24 | — |
| constant.character.escape, constant.character, punctuation.definition.string | #F59E0B | — |
| constant.numeric, constant.language, constant.character, constant.other, support.constant | #10B981 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #C084FC | bold |
| keyword.operator, punctuation, punctuation.accessor, punctuation.definition, meta.brace, meta.delimiter | #CBD5E1 | — |
| entity.name.tag, punctuation.definition.tag | #F87171 | — |
| entity.other.attribute-name, meta.attribute | #FBBF24 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less | #93C5FD | — |
| support.constant.property-value.css, support.constant.property-value.scss, support.constant.property-value.less | #10B981 | — |
| support.type.property-name.json, meta.structure.dictionary.key | #A78BFA | — |
| markup.heading, punctuation.definition.heading | #60A5FA | bold |
| markup.underline.link, string.other.link.title.markdown | #22D3EE | — |
| markup.bold, punctuation.definition.bold | #F8FAFC | bold |
| markup.italic, punctuation.definition.italic | #CBD5E1 | italic |
| markup.inline.raw, markup.raw.block, punctuation.definition.raw | #10B981 | — |
| markup.quote, punctuation.definition.quote | #94A3B8 | italic |
| variable.language, variable.language.this, variable.language.super, variable.language.self | #C084FC | italic |
| entity.name.decorator, meta.decorator, punctuation.decorator | #10B981 | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #FBBF24 | bold |
| storage.modifier, keyword.other.storage | #C084FC | bold |
| constant, variable.other.constant, support.constant | #10B981 | bold |
| storage.modifier.async, support.type.promise, keyword.control.await | #22D3EE | bold |
| punctuation.definition.template-expression, meta.template.expression | #FBBF24 | — |
| entity.name.type.parameter, meta.type.parameters | #93C5FD | italic |
| support.class.component, entity.name.tag.jsx, entity.name.tag.tsx | #60A5FA | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #FBBF24 | — |
| entity.name.fragment.graphql, variable.fragment.graphql | #A78BFA | — |
| keyword.other.sql, constant.other.database-name.sql, constant.other.table-name.sql | #C084FC | — |
| entity.name.tag.yaml, punctuation.definition.entry.yaml | #93C5FD | — |
| entity.name.section.toml, variable.other.key.toml | #22D3EE | — |
| entity.name.section.ini, punctuation.definition.entity.ini | #60A5FA | — |
| keyword.other.special-method.dockerfile, support.function.dockerfile | #22D3EE | — |
| entity.name.function.target.makefile, meta.scope.prerequisites.makefile | #FBBF24 | — |
| invalid, invalid.illegal, invalid.deprecated | #F87171 | underline |
| support.type.console, entity.name.type.console | #F59E0B | — |
| keyword.control.test, entity.name.type.test, support.type.test | #10B981 | — |
| markup.inserted, meta.diff.header.git | #10B981 | — |
| markup.deleted, meta.diff.header.from-file.git | #F87171 | — |
| markup.changed, meta.diff.header.to-file.git | #FBBF24 | — |
| meta.timestamp.log, constant.numeric.timestamp.log | #64748B | — |
| keyword.other.log-level.info, constant.other.log-level.info | #60A5FA | — |
| keyword.other.log-level.warn, constant.other.log-level.warn | #FBBF24 | — |
| keyword.other.log-level.error, constant.other.log-level.error | #F87171 | — |