Nordic Electric AI Nocturne

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.background#0c1220
• activityBar.foreground#d6e5ff
• activityBar.inactiveForeground#607090
• activityBarBadge.background#9966ff
• activityBarBadge.foreground#ffffff
• badge.background#9966ff
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#3b9eff
• breadcrumb.background#151e33
• breadcrumb.focusForeground#d6e5ff
• breadcrumb.foreground#607090
• button.background#2e75c9
• button.foreground#ffffff
• button.hoverBackground#3b9eff
• debugExceptionWidget.background#1e2a42
• debugExceptionWidget.border#3b4261
• debugToolBar.background#1e2a42
• diffEditor.insertedTextBackground#5df0b020
• diffEditor.removedTextBackground#ff5d8f20
• dropdown.background#1e2a42
• dropdown.border#3b4261
• dropdown.foreground#d6e5ff
• editor.background#101628
• editor.findMatchBackground#f5d67f40
• editor.findMatchHighlightBackground#f5d67f20
• editor.findRangeHighlightBackground#2d345080
• editor.foreground#cbdaf3
• editor.hoverHighlightBackground#3b9eff20
• editor.inactiveSelectionBackground#2d345060
• editor.lineHighlightBackground#141c30
• editor.rangeHighlightBackground#2d345080
• editor.selectionBackground#223040
• editor.selectionHighlightBackground#2d345080
• editor.wordHighlightBackground#3b9eff20
• editor.wordHighlightStrongBackground#9966ff20
• editorBracketMatch.background#2d345080
• editorBracketMatch.border#d6e5ff50
• editorCodeLens.foreground#607090
• editorCursor.foreground#e6c276
• editorError.foreground#ff5d8f
• editorGroup.border#3b4261
• editorGroup.dropBackground#2d345080
• editorGroupHeader.noTabsBackground#151e33
• editorGroupHeader.tabsBackground#0f1525
• editorGutter.addedBackground#5df0b0
• editorGutter.background#101628
• editorGutter.deletedBackground#ff5d8f
• editorGutter.modifiedBackground#3b9eff
• editorHoverWidget.background#1e2a42
• editorHoverWidget.border#3b4261
• editorIndentGuide.activeBackground#607090
• editorIndentGuide.background#3b4261
• editorInfo.foreground#3b9eff
• editorLineNumber.activeForeground#e6c276
• editorLineNumber.foreground#607090
• editorLink.activeForeground#3b9eff
• editorMarkerNavigation.background#1e2a42
• editorOverviewRuler.border#3b4261
• editorOverviewRuler.errorForeground#ff5d8f
• editorOverviewRuler.findMatchForeground#f5d67f
• editorOverviewRuler.infoForeground#3b9eff
• editorOverviewRuler.warningForeground#ff9e4f
• editorRuler.foreground#3b4261
• editorSuggestWidget.background#1e2a42
• editorSuggestWidget.border#3b4261
• editorSuggestWidget.foreground#d6e5ff
• editorSuggestWidget.highlightForeground#3b9eff
• editorSuggestWidget.selectedBackground#2d3450
• editorWarning.foreground#ff9e4f
• editorWhitespace.foreground#3b4261
• editorWidget.background#1e2a42
• editorWidget.border#3b4261
• extensionButton.prominentBackground#5df0b0
• extensionButton.prominentForeground#151e33
• extensionButton.prominentHoverBackground#40d9c4
• focusBorder#3b9eff
• gitDecoration.conflictingResourceForeground#ff9e4f
• gitDecoration.deletedResourceForeground#ff5d8f
• gitDecoration.ignoredResourceForeground#607090
• gitDecoration.modifiedResourceForeground#3b9eff
• gitDecoration.untrackedResourceForeground#5df0b0
• input.background#162030
• input.border#3b4261
• input.foreground#d6e5ff
• input.placeholderForeground#607090
• inputOption.activeBorder#3b9eff
• inputValidation.errorBackground#ff5d8f20
• inputValidation.errorBorder#ff5d8f
• inputValidation.infoBackground#3b9eff20
• inputValidation.infoBorder#3b9eff
• inputValidation.warningBackground#ff9e4f20
• inputValidation.warningBorder#ff9e4f
• list.activeSelectionBackground#2d3450
• list.activeSelectionForeground#d6e5ff
• list.dropBackground#2d3450
• list.errorForeground#ff5d8f
• list.focusBackground#2d3450
• list.focusForeground#d6e5ff
• list.highlightForeground#3b9eff
• list.hoverBackground#1e2a42
• list.hoverForeground#d6e5ff
• list.inactiveSelectionBackground#1e2a42
• list.inactiveSelectionForeground#d6e5ff
• list.warningForeground#ff9e4f
• menu.background#1e2a42
• menu.foreground#d6e5ff
• menu.selectionBackground#2d3450
• menu.selectionForeground#d6e5ff
• menu.separatorBackground#3b4261
• menubar.selectionBackground#1e2a42
• menubar.selectionForeground#d6e5ff
• notificationLink.foreground#3b9eff
• notifications.background#1e2a42
• notifications.border#3b4261
• notifications.foreground#d6e5ff
• panel.background#151e33
• panel.border#3b4261
• panelTitle.activeBorder#3b9eff
• panelTitle.activeForeground#d6e5ff
• panelTitle.inactiveForeground#607090
• peekView.border#3b9eff
• peekViewEditor.background#151e33
• peekViewEditor.matchHighlightBackground#f5d67f40
• peekViewResult.background#1e2a42
• peekViewResult.fileForeground#d6e5ff
• peekViewResult.lineForeground#b0c0e0
• peekViewResult.matchHighlightBackground#f5d67f40
• peekViewResult.selectionBackground#2d3450
• peekViewResult.selectionForeground#d6e5ff
• peekViewTitle.background#1e2a42
• peekViewTitleDescription.foreground#607090
• peekViewTitleLabel.foreground#d6e5ff
• progressBar.background#3b9eff
• scrollbar.shadow#0f1525
• scrollbarSlider.activeBackground#607090aa
• scrollbarSlider.background#3b426180
• scrollbarSlider.hoverBackground#3b4261aa
• selection.background#2d3450
• settings.checkboxBackground#1e2a42
• settings.checkboxBorder#3b4261
• settings.checkboxForeground#d6e5ff
• settings.dropdownBackground#1e2a42
• settings.dropdownBorder#3b4261
• settings.dropdownForeground#d6e5ff
• settings.headerForeground#3b9eff
• settings.modifiedItemIndicator#3b9eff
• settings.numberInputBackground#1e2a42
• settings.numberInputBorder#3b4261
• settings.numberInputForeground#d6e5ff
• settings.textInputBackground#1e2a42
• settings.textInputBorder#3b4261
• settings.textInputForeground#d6e5ff
• sideBar.background#0c1220
• sideBar.border#3b4261
• sideBar.foreground#b0c0e0
• sideBarSectionHeader.background#151e33
• sideBarSectionHeader.foreground#d6e5ff
• sideBarTitle.foreground#d6e5ff
• statusBar.background#0c1220
• statusBar.border#3b4261
• statusBar.debuggingBackground#ff9e4f
• statusBar.debuggingForeground#151e33
• statusBar.foreground#b0c0e0
• statusBar.noFolderBackground#0f1525
• statusBarItem.activeBackground#2d3450
• statusBarItem.hoverBackground#1e2a42
• statusBarItem.prominentBackground#3b9eff
• statusBarItem.prominentHoverBackground#4499ff
• tab.activeBackground#101628
• tab.activeBorder#3b9eff
• tab.activeForeground#d6e5ff
• tab.border#0f1525
• tab.inactiveBackground#0c1220
• tab.inactiveForeground#607090
• terminal.ansiBlack#2d3450
• terminal.ansiBlue#3b9eff
• terminal.ansiBrightBlack#3b4261
• terminal.ansiBrightBlue#4499ff
• terminal.ansiBrightCyan#40d9c4
• terminal.ansiBrightGreen#5df0b0
• terminal.ansiBrightMagenta#9966ff
• terminal.ansiBrightRed#ff5d8f
• terminal.ansiBrightWhite#d6e5ff
• terminal.ansiBrightYellow#f5d67f
• terminal.ansiCyan#20e6d6
• terminal.ansiGreen#5df0b0
• terminal.ansiMagenta#9966ff
• terminal.ansiRed#ff5d8f
• terminal.ansiWhite#b0c0e0
• terminal.ansiYellow#f5d67f
• terminal.background#101628
• terminal.foreground#cbdaf3
• terminalCursor.background#0f1525
• terminalCursor.foreground#e6c276
• textLink.activeForeground#9966ff
• textLink.foreground#3b9eff
• titleBar.activeBackground#0f1525
• titleBar.activeForeground#d6e5ff
• titleBar.border#3b4261
• titleBar.inactiveBackground#0f1525
• titleBar.inactiveForeground#607090
• tree.indentGuidesStroke#3b4261
• widget.shadow#0f152580

tokenColors

TextMate scopes and font styles (syntax highlighting rules).