Skip to main content
Coding Theme

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#94a3b860
  • activityBar.activeBorder#cbd5e1
  • activityBar.activeFocusBorder#94a3b8
  • activityBar.background#191c27
  • activityBar.border#353a48
  • activityBar.dropBorder#cbd5e1
  • activityBar.foreground#cbd5e1
  • activityBar.inactiveForeground#94a3b8
  • activityBarBadge.background#6ee7b7
  • activityBarBadge.foreground#191c27
  • activityBarItem.profilesBackground#0a0c13
  • activityBarItem.profilesForeground#94a3b8
  • activityBarItem.profilesHoverForeground#cbd5e1
  • badge.background#353a48
  • badge.foreground#cbd5e1
  • banner.background#252936
  • banner.foreground#cbd5e1
  • banner.iconForeground#7dd3fc
  • breadcrumb.activeSelectionForeground#e2e8f0
  • breadcrumb.background#34415640
  • breadcrumb.focusForeground#8affe5
  • breadcrumb.foreground#cbd5e1
  • breadcrumbPicker.background#191c27
  • button.background#475569
  • button.border#9fa3b8
  • button.foreground#e2e8f0
  • button.hoverBackground#64748b
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#f4f4f5
  • button.secondaryHoverBackground#45494e
  • button.separator#cbd5e1
  • charts.blue#7dd3fc
  • charts.foreground#cbd5e1
  • charts.green#86efac
  • charts.lines#cbd5e180
  • charts.orange#ffb964
  • charts.purple#d8b4fe
  • charts.red#fca5a5
  • charts.yellow#fde047
  • checkbox.background#0a0c13
  • checkbox.border#252936
  • checkbox.foreground#cbd5e1
  • commandCenter.activeBackground#94a3b860
  • commandCenter.activeForeground#cbd5e1
  • commandCenter.border#cbd5e140
  • commandCenter.foreground#cbd5e1
  • commandCenter.inactiveBorder#94a3b840
  • commandCenter.inactiveForeground#94a3b8
  • contrastBorder#94a3b8aa
  • debugConsole.errorForeground#f48771
  • debugConsole.infoForeground#6ee7b7
  • debugConsole.sourceForeground#cbd5e1
  • debugConsole.warningForeground#df9d6f
  • debugConsoleInputIcon.foreground#cbd5e1
  • debugExceptionWidget.background#420b0d
  • debugExceptionWidget.border#a31515
  • debugIcon.breakpointCurrentStackframeForeground#ffcc00
  • debugIcon.breakpointDisabledForeground#848484
  • debugIcon.breakpointForeground#6a93fb
  • debugIcon.breakpointStackframeForeground#89d185
  • debugIcon.breakpointUnverifiedForeground#848484
  • debugIcon.continueForeground#75beff
  • debugIcon.disconnectForeground#f48771
  • debugIcon.pauseForeground#75beff
  • debugIcon.restartForeground#89d185
  • debugIcon.startForeground#89d185
  • debugIcon.stepBackForeground#75beff
  • debugIcon.stepIntoForeground#75beff
  • debugIcon.stepOutForeground#75beff
  • debugIcon.stepOverForeground#75beff
  • debugIcon.stopForeground#f48771
  • debugTokenExpression.boolean#cca8fc
  • debugTokenExpression.error#f48771
  • debugTokenExpression.name#c586c0
  • debugTokenExpression.number#cca8fc
  • debugTokenExpression.string#f0ac98
  • debugTokenExpression.value#cccccc99
  • debugToolBar.background#333333
  • debugView.exceptionLabelBackground#6c2022
  • debugView.exceptionLabelForeground#cbd5e1
  • debugView.stateLabelBackground#88888844
  • debugView.stateLabelForeground#cbd5e1
  • debugView.valueChangedHighlight#569cd6
  • descriptionForeground#cbd5e1b3
  • diffEditor.diagonalFill#cccccc33
  • diffEditor.insertedLineBackground#9bb95533
  • diffEditor.insertedTextBackground#568e5833
  • diffEditor.removedLineBackground#ff000033
  • diffEditor.removedTextBackground#b2646633
  • disabledForeground#cccccc80
  • dropdown.background#3c3c3c
  • dropdown.border#252936
  • dropdown.foreground#cbd5e1
  • editor.background#040a11
  • editor.findMatchBackground#0a0c13
  • editor.findMatchBorder#70b950c8
  • editor.findMatchHighlightBackground#20283680
  • editor.findMatchHighlightBorder#9fa3b8
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.focusedStackFrameHighlightBackground#7abd7a4d
  • editor.foldBackground#6ee7b722
  • editor.foreground#cbd5e1
  • editor.hoverHighlightBackground#475569a8
  • editor.inactiveSelectionBackground#1e293b
  • editor.inlineValuesBackground#ffc80033
  • editor.inlineValuesForeground#f4f4f580
  • editor.lineHighlightBackground#202836b3
  • editor.lineHighlightBorder#ebf2fa20
  • editor.linkedEditingBackground#ff00004d
  • editor.rangeHighlightBackground#6ee7b722
  • editor.rangeHighlightBorder#e2e8f040
  • editor.selectionBackground#94a3b860
  • editor.selectionForeground#f4f4f5
  • editor.selectionHighlightBackground#1e293b
  • editor.selectionHighlightBorder#cbd5e1
  • editor.snippetFinalTabstopHighlightBorder#525252
  • editor.snippetTabstopHighlightBackground#7c7c7c4d
  • editor.stackFrameHighlightBackground#ffff0033
  • editor.symbolHighlightBackground#353a48
  • editor.symbolHighlightBorder#f4f4f540
  • editor.wordHighlightBackground#475569b3
  • editor.wordHighlightBorder#94a3b8
  • editor.wordHighlightStrongBackground#353a48
  • editorBracketHighlight.unexpectedBracket.foreground#cbd5e1
  • editorCodeLens.foreground#999999
  • editorCommentsWidget.rangeActiveBackground#94a3b820
  • editorCommentsWidget.rangeActiveBorder#94a3b860
  • editorCommentsWidget.rangeBackground#94a3b820
  • editorCommentsWidget.rangeBorder#94a3b860
  • editorCommentsWidget.resolvedBorder#cbd5e180
  • editorCommentsWidget.unresolvedBorder#fc8da8
  • editorCursor.foreground#f4f4f5
  • editorError.foreground#fc83a1
  • editorGhostText.foreground#64748b
  • editorGroup.border#353a48
  • editorGroup.dropBackground#6ee7b722
  • editorGroup.dropIntoPromptBackground#191c27
  • editorGroup.dropIntoPromptForeground#cbd5e1
  • editorGroupHeader.noTabsBackground#191c27a0
  • editorGroupHeader.tabsBackground#10131b
  • editorGutter.addedBackground#75ae77
  • editorGutter.background#25293640
  • editorGutter.commentRangeForeground#b3b3b3a0
  • editorGutter.deletedBackground#d58485
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#f5da9f
  • editorHint.foreground#eeeeeeb3
  • editorHoverWidget.background#191c27
  • editorHoverWidget.border#252936
  • editorHoverWidget.foreground#cbd5e1
  • editorHoverWidget.highlightForeground#b7d4eb
  • editorHoverWidget.statusBarBackground#191c27
  • editorIndentGuide.activeBackground#353a48
  • editorIndentGuide.background#252936
  • editorInfo.foreground#6ee7b7
  • editorInlayHint.background#0a0c13
  • editorInlayHint.foreground#999999
  • editorInlayHint.parameterBackground#0a0c13
  • editorInlayHint.parameterForeground#999999
  • editorInlayHint.typeBackground#0a0c13
  • editorInlayHint.typeForeground#999999
  • editorLightBulb.foreground#fef08a
  • editorLightBulbAutoFix.foreground#ffed75
  • editorLineNumber.activeForeground#8affe5
  • editorLineNumber.foreground#999999
  • editorLink.activeForeground#6ee7b7
  • editorMarkerNavigation.background#10131b
  • editorMarkerNavigationError.background#fc83a1
  • editorMarkerNavigationError.headerBackground#fc83a11a
  • editorMarkerNavigationInfo.background#6ee7b7
  • editorMarkerNavigationInfo.headerBackground#6ee7b71a
  • editorMarkerNavigationWarning.background#df9d6f
  • editorMarkerNavigationWarning.headerBackground#df9d6f1a
  • editorOverviewRuler.addedForeground#85bf86
  • editorOverviewRuler.border#353a48
  • editorOverviewRuler.bracketMatchForeground#a0a0a0
  • editorOverviewRuler.commonContentForeground#60606066
  • editorOverviewRuler.currentContentForeground#40c8ae80
  • editorOverviewRuler.deletedForeground#ed613d
  • editorOverviewRuler.errorForeground#fc83a1
  • editorOverviewRuler.findMatchForeground#6ee7b788
  • editorOverviewRuler.incomingContentForeground#40a6ff80
  • editorOverviewRuler.infoForeground#6ee7b7
  • editorOverviewRuler.modifiedForeground#f5da9f
  • editorOverviewRuler.rangeHighlightForeground#6ee7b733
  • editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
  • editorOverviewRuler.warningForeground#df9d6f
  • editorOverviewRuler.wordHighlightForeground#a0a0a0cc
  • editorOverviewRuler.wordHighlightStrongForeground#c0a0c0cc
  • editorPane.background#10131b
  • editorRuler.foreground#5a5a5a
  • editorStickyScroll.background#10131b
  • editorStickyScrollHover.background#2a2d2e
  • editorSuggestWidget.background#0a0c13
  • editorSuggestWidget.border#94a3b8
  • editorSuggestWidget.focusHighlightForeground#f5da9f
  • editorSuggestWidget.foreground#cbd5e1
  • editorSuggestWidget.highlightForeground#f5da9fc8
  • editorSuggestWidget.selectedBackground#252936
  • editorSuggestWidget.selectedForeground#e2e8f0
  • editorSuggestWidget.selectedIconForeground#cbd5e1
  • editorSuggestWidgetStatus.foreground#cbd5e1
  • editorUnicodeHighlight.background#bd9b0326
  • editorUnicodeHighlight.border#bd9b03
  • editorUnnecessaryCode.opacity#10131baa
  • editorWarning.foreground#ffb964
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#191c27
  • editorWidget.border#252936
  • editorWidget.foreground#cbd5e1
  • errorForeground#fc8da8
  • errorLens.errorBackground#fa80a810
  • errorLens.errorForeground#fa80a8
  • errorLens.errorMessageBackground#fa80a810
  • errorLens.hintBackground#c1fa8010
  • errorLens.hintForeground#c1fa80
  • errorLens.hintMessageBackground#c1fa8010
  • errorLens.infoBackground#80d3fa10
  • errorLens.infoForeground#80d3fa
  • errorLens.infoMessageBackground#80d3fa10
  • errorLens.statusBarErrorForeground#fa80a8
  • errorLens.statusBarHintForeground#c1fa80
  • errorLens.statusBarIconErrorForeground#fa80a8
  • errorLens.statusBarIconWarningForeground#fac580
  • errorLens.statusBarInfoForeground#80d3fa
  • errorLens.statusBarWarningForeground#fac580
  • errorLens.warningBackground#fac58010
  • errorLens.warningForeground#fac580
  • errorLens.warningMessageBackground#fac58010
  • extensionBadge.remoteBackground#6ee7b7
  • extensionBadge.remoteForeground#191c27
  • extensionButton.background#6ee7b7
  • extensionButton.foreground#191c27
  • extensionButton.hoverBackground#cbd5e1
  • extensionButton.prominentBackground#6ee7b7
  • extensionButton.prominentForeground#191c27
  • extensionButton.prominentHoverBackground#cbd5e1
  • extensionButton.separator#191c2766
  • extensionIcon.preReleaseForeground#1d9271
  • extensionIcon.sponsorForeground#d758b3
  • extensionIcon.starForeground#ff8e00
  • extensionIcon.verifiedForeground#6ee7b7
  • focusBorder#8affe5
  • foreground#cbd5e1
  • gitDecoration.addedResourceForeground#b8f09e
  • gitDecoration.conflictingResourceForeground#e4676b
  • gitDecoration.deletedResourceForeground#e4676bc8
  • gitDecoration.ignoredResourceForeground#989da4
  • gitDecoration.modifiedResourceForeground#f5da9f
  • gitDecoration.renamedResourceForeground#94e696c8
  • gitDecoration.stageDeletedResourceForeground#a0a8b3
  • gitDecoration.stageModifiedResourceForeground#f5da9f
  • gitDecoration.submoduleResourceForeground#7dd3fc
  • gitDecoration.untrackedResourceForeground#7dd3fc
  • icon.foreground#c5c5c5
  • input.background#0a0c13
  • input.border#64748b
  • input.foreground#cbd5e1
  • input.placeholderForeground#94a3b8
  • inputOption.activeBackground#353a4866
  • inputOption.activeBorder#475569
  • inputOption.activeForeground#f4f4f5
  • inputOption.hoverBackground#94a3b880
  • inputValidation.errorBackground#5a1d1d
  • inputValidation.errorBorder#be1100
  • inputValidation.infoBackground#063b49
  • inputValidation.infoBorder#0369a1c8
  • inputValidation.warningBackground#352a05
  • inputValidation.warningBorder#b89500
  • interactive.activeCodeBorder#94a3b8
  • interactive.inactiveCodeBorder#191c27a0
  • keybindingLabel.background#8080802b
  • keybindingLabel.border#33333399
  • keybindingLabel.bottomBorder#44444499
  • keybindingLabel.foreground#cccccc
  • keybindingTable.headerBackground#cbd5e10a
  • keybindingTable.rowsBackground#cbd5e10a
  • list.activeSelectionBackground#252936
  • list.activeSelectionForeground#cbd5e1
  • list.deemphasizedForeground#8c8c8c
  • list.dropBackground#062f4a
  • list.errorForeground#fc83a1
  • list.filterMatchBackground#353a48
  • list.filterMatchBorder#f4f4f540
  • list.focusAndSelectionOutline#8affe5
  • list.focusBackground#252936
  • list.focusHighlightForeground#b7d4eb
  • list.focusOutline#8affe5
  • list.highlightForeground#b7d4eb
  • list.hoverBackground#1e293b
  • list.inactiveFocusBackground#202836
  • list.inactiveFocusOutline#cbd5e1
  • list.inactiveSelectionBackground#191c27
  • list.invalidItemForeground#b89500
  • list.warningForeground#ffb976
  • listFilterWidget.background#191c27
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#94a3b8
  • listFilterWidget.shadow#94a3b840
  • markdown.extension.editor.codeSpan.background#10131b00
  • markdown.extension.editor.codeSpan.border#353a48c8
  • markdown.extension.editor.formattingMark.foreground#e3e4e229
  • markdown.extension.editor.trailingSpace.background#cccccc33
  • menu.background#3c3c3c
  • menu.foreground#cbd5e1
  • menu.selectionBackground#252936
  • menu.selectionForeground#cbd5e1
  • menu.separatorBackground#606060
  • menubar.selectionBackground#94a3b860
  • menubar.selectionForeground#cbd5e1
  • merge.commonContentBackground#60606029
  • merge.commonHeaderBackground#60606066
  • merge.currentContentBackground#40c8ae33
  • merge.currentHeaderBackground#40c8ae80
  • merge.incomingContentBackground#40a6ff33
  • merge.incomingHeaderBackground#40a6ff80
  • mergeEditor.change.background#9bb95533
  • mergeEditor.change.word.background#9ccc2c33
  • mergeEditor.changeBase.background#4b1818
  • mergeEditor.changeBase.word.background#6f1313
  • mergeEditor.conflict.handled.minimapOverViewRuler#adaca8ee
  • mergeEditor.conflict.handledFocused.border#c1c1c1cc
  • mergeEditor.conflict.handledUnfocused.border#86868649
  • mergeEditor.conflict.input1.background#40c8ae33
  • mergeEditor.conflict.input2.background#40a6ff33
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#fcba03
  • mergeEditor.conflict.unhandledFocused.border#ffa600
  • mergeEditor.conflict.unhandledUnfocused.border#ffa6007a
  • mergeEditor.conflictingLines.background#ffea0047
  • minimap.errorHighlight#fc83a1
  • minimap.findMatchHighlight#6ee7b766
  • minimap.foregroundOpacity#10131b
  • minimap.selectionHighlight#6ee7b733
  • minimap.selectionOccurrenceHighlight#676767
  • minimap.warningHighlight#ffb964
  • minimapGutter.addedBackground#94e696
  • minimapGutter.deletedBackground#e4676bc8
  • minimapGutter.modifiedBackground#f5da9f
  • minimapSlider.activeBackground#bfbfbf33
  • minimapSlider.background#79797933
  • minimapSlider.hoverBackground#64646459
  • notebook.cellBorderColor#191c27a0
  • notebook.cellEditorBackground#191c27
  • notebook.cellInsertionIndicator#353a48
  • notebook.cellStatusBarItemHoverBackground#f4f4f530
  • notebook.cellToolbarSeparator#80808059
  • notebook.editorBackground#10131b
  • notebook.focusedCellBorder#353a48
  • notebook.focusedEditorBorder#353a48
  • notebook.inactiveFocusedCellBorder#191c27a0
  • notebook.selectedCellBackground#191c27a0
  • notebook.selectedCellBorder#191c27a0
  • notebook.symbolHighlightBackground#f4f4f510
  • notebookScrollbarSlider.activeBackground#bfbfbf66
  • notebookScrollbarSlider.background#79797966
  • notebookScrollbarSlider.hoverBackground#646464b3
  • notebookStatusErrorIcon.foreground#f48771
  • notebookStatusRunningIcon.foreground#cbd5e1
  • notebookStatusSuccessIcon.foreground#89d185
  • notificationCenterHeader.background#191c27
  • notificationLink.foreground#6ee7b7
  • notifications.background#191c27
  • notifications.border#191c27
  • notifications.foreground#cbd5e1
  • notificationsErrorIcon.foreground#fc83a1
  • notificationsInfoIcon.foreground#6ee7b7
  • notificationsWarningIcon.foreground#df9d6f
  • panel.background#191c27
  • panel.border#94a3b8
  • panel.dropBorder#cbd5e1
  • panelSection.border#353a48
  • panelSection.dropBackground#6ee7b722
  • panelSectionHeader.background#80808033
  • panelTitle.activeBorder#cbd5e1
  • panelTitle.activeForeground#e2e8f0cc
  • panelTitle.inactiveForeground#cbd5e199
  • peekView.border#94a3b8
  • peekViewEditor.background#191c27
  • peekViewEditor.matchHighlightBackground#6ee7b766
  • peekViewEditorGutter.background#191c27
  • peekViewResult.background#191c27
  • peekViewResult.fileForeground#8affe5
  • peekViewResult.lineForeground#94a3b8cc
  • peekViewResult.matchHighlightBackground#6ee7b744
  • peekViewResult.selectionBackground#252936
  • peekViewResult.selectionForeground#cbd5e1
  • peekViewTitle.background#191c27
  • peekViewTitleDescription.foreground#6ee7b7
  • peekViewTitleLabel.foreground#8affe5
  • pickerGroup.border#353a48
  • pickerGroup.foreground#3794ff
  • ports.iconRunningProcessForeground#6ee7b7
  • problemsErrorIcon.foreground#fc83a1
  • problemsInfoIcon.foreground#6ee7b7
  • problemsWarningIcon.foreground#df9d6f
  • progressBar.background#6ee7b7
  • quickInput.background#191c27
  • quickInput.foreground#cbd5e1
  • quickInputList.focusBackground#252936
  • quickInputList.focusForeground#cbd5e1
  • quickInputList.focusIconForeground#99f6e4
  • quickInputTitle.background#f4f4f520
  • rust_analyzer.syntaxTreeBorder#e2e8f0
  • sash.hoverBorder#353a48
  • scm.providerBorder#454545
  • scrollbar.shadow#10131b88
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • searchEditor.findMatchBackground#353a48a8
  • searchEditor.findMatchBorder#f4f4f52a
  • searchEditor.textInputBorder#252936
  • selection.background#344156
  • settings.checkboxBackground#0a0c13
  • settings.checkboxBorder#252936
  • settings.checkboxForeground#cbd5e1
  • settings.dropdownBackground#3c3c3c
  • settings.dropdownBorder#252936
  • settings.dropdownForeground#cbd5e1
  • settings.dropdownListBorder#252936
  • settings.focusedRowBackground#191c2799
  • settings.focusedRowBorder#353a48
  • settings.headerBorder#353a48
  • settings.headerForeground#8affe5
  • settings.modifiedItemIndicator#7dd3fc
  • settings.numberInputBackground#0a0c13
  • settings.numberInputBorder#252936
  • settings.numberInputForeground#cbd5e1
  • settings.rowHoverBackground#191c274d
  • settings.sashBorder#353a48
  • settings.textInputBackground#0a0c13
  • settings.textInputBorder#252936
  • settings.textInputForeground#cbd5e1
  • sideBar.background#0a0c13
  • sideBar.border#9fa3b8
  • sideBar.dropBackground#6ee7b722
  • sideBar.foreground#e2e8f0
  • sideBarSectionHeader.background#80808033
  • sideBarSectionHeader.foreground#e2e8f0cc
  • sideBarTitle.foreground#8affe5
  • sideBySideEditor.horizontalBorder#353a48
  • sideBySideEditor.verticalBorder#353a48
  • statusBar.background#0a0c13
  • statusBar.border#64748b
  • statusBar.debuggingBackground#191c27
  • statusBar.debuggingForeground#de4a4a
  • statusBar.focusBorder#75ae77
  • statusBar.foreground#e2e8f0d7
  • statusBar.noFolderBackground#0a0c13
  • statusBar.noFolderForeground#75ae77
  • statusBarItem.activeBackground#2e05052e
  • statusBarItem.compactHoverBackground#f4f4f530
  • statusBarItem.errorBackground#c72e0f
  • statusBarItem.errorForeground#f4f4f5
  • statusBarItem.focusBorder#75ae77
  • statusBarItem.hoverBackground#f4f4f520
  • statusBarItem.prominentBackground#10131b80
  • statusBarItem.prominentForeground#75ae77
  • statusBarItem.prominentHoverBackground#10131b4d
  • statusBarItem.remoteBackground#6ee7b7
  • statusBarItem.remoteForeground#191c27
  • statusBarItem.warningBackground#a45a24
  • statusBarItem.warningForeground#f4f4f5
  • symbolIcon.arrayForeground#6ee7b7
  • symbolIcon.booleanForeground#cca8fc
  • symbolIcon.classForeground#7dd3fc
  • symbolIcon.colorForeground#fbcfe8
  • symbolIcon.constantForeground#abee8c
  • symbolIcon.constructorForeground#60e2f2
  • symbolIcon.enumeratorForeground#6ee7b7
  • symbolIcon.enumeratorMemberForeground#99f6e4
  • symbolIcon.eventForeground#fc96d5
  • symbolIcon.fieldForeground#fcb369
  • symbolIcon.fileForeground#6ee7b7
  • symbolIcon.folderForeground#fef08a
  • symbolIcon.functionForeground#60e2f2
  • symbolIcon.interfaceForeground#aad6ff
  • symbolIcon.keyForeground#fcb369
  • symbolIcon.keywordForeground#f5da9f
  • symbolIcon.methodForeground#60e2f2
  • symbolIcon.moduleForeground#e2e8f0
  • symbolIcon.namespaceForeground#e2e8f0
  • symbolIcon.nullForeground#cca8fc
  • symbolIcon.numberForeground#cca8fc
  • symbolIcon.objectForeground#7dd3fc
  • symbolIcon.operatorForeground#d8dde4
  • symbolIcon.packageForeground#e2e8f0
  • symbolIcon.propertyForeground#fcb369
  • symbolIcon.referenceForeground#cbd5e1
  • symbolIcon.snippetForeground#7dd3fc
  • symbolIcon.stringForeground#f0ac98
  • symbolIcon.structForeground#7dd3fc
  • symbolIcon.textForeground#cbd5e1
  • symbolIcon.typeParameterForeground#fcb369
  • symbolIcon.unitForeground#e2e8f0
  • symbolIcon.variableForeground#c2c6cb
  • tab.activeBackground#e0e0e010
  • tab.activeForeground#e2e8f0
  • tab.activeModifiedBorder#7dd3fc
  • tab.border#64748b
  • tab.hoverBackground#34415620
  • tab.hoverForeground#e2e8f0
  • tab.inactiveBackground#0a0c13
  • tab.inactiveForeground#b0bccc
  • tab.inactiveModifiedBorder#7dd3fc80
  • tab.lastPinnedBorder#cbd5e1
  • tab.unfocusedActiveBackground#191c27
  • tab.unfocusedActiveBorderTop#94a3b8
  • tab.unfocusedActiveForeground#cbd5e1
  • tab.unfocusedActiveModifiedBorder#7dd3fc80
  • tab.unfocusedInactiveBackground#0a0c13
  • tab.unfocusedInactiveForeground#94a3b8
  • tab.unfocusedInactiveModifiedBorder#7dd3fc40
  • terminal.ansiBlack#64748b
  • terminal.ansiBlue#7dd3fc
  • terminal.ansiBrightBlack#94a3b8
  • terminal.ansiBrightBlue#bae6fd
  • terminal.ansiBrightCyan#99f6e4
  • terminal.ansiBrightGreen#bbf7d0
  • terminal.ansiBrightMagenta#e9d5ff
  • terminal.ansiBrightRed#fca5a5
  • terminal.ansiBrightWhite#f4f4f5
  • terminal.ansiBrightYellow#fde68a
  • terminal.ansiCyan#5eead4
  • terminal.ansiGreen#86efac
  • terminal.ansiMagenta#cca8fc
  • terminal.ansiRed#f87171
  • terminal.ansiWhite#cbd5e1
  • terminal.ansiYellow#fcd34d
  • terminal.background#10131b
  • terminal.border#94a3b8
  • terminal.dropBackground#6ee7b722
  • terminal.findMatchBackground#353a48c8
  • terminal.findMatchHighlightBackground#353a48
  • terminal.foreground#cbd5e1
  • terminal.inactiveSelectionBackground#47556980
  • terminal.selectionBackground#475569
  • terminal.selectionForeground#f8fafc
  • terminalCommandDecoration.defaultBackground#f4f4f540
  • terminalCommandDecoration.errorBackground#f87171
  • terminalCommandDecoration.successBackground#1b81a8
  • terminalCursor.foreground#e2e8f0
  • terminalOverviewRuler.cursorForeground#a0a0a0cc
  • terminalOverviewRuler.findMatchForeground#6ee7b788
  • testing.iconErrored#f87171
  • testing.iconFailed#f87171
  • testing.iconPassed#73c991
  • testing.iconQueued#cca700
  • testing.iconSkipped#848484
  • testing.iconUnset#848484
  • testing.message.error.decorationForeground#fc83a1
  • testing.message.error.lineBackground#ff000033
  • testing.message.info.decorationForeground#cbd5e180
  • testing.peekBorder#ebf4a5
  • testing.peekHeaderBackground#ebf4a51a
  • testing.runAction#73c991
  • textBlockQuote.background#7f7f7f1a
  • textBlockQuote.border#0369a1c8
  • textCodeBlock.background#0a0a0a66
  • textLink.activeForeground#6ee7b7
  • textLink.foreground#7dd3fc
  • textPreformat.foreground#cbd5e1
  • textSeparator.foreground#f4f4f530
  • titleBar.activeBackground#191c27
  • titleBar.activeForeground#cbd5e1
  • titleBar.inactiveBackground#191c27
  • titleBar.inactiveForeground#94a3b8
  • toolbar.activeBackground#63666750
  • toolbar.hoverBackground#94a3b860
  • tree.indentGuidesStroke#5f6575
  • tree.tableColumnsBorder#cccccc20
  • tree.tableOddRowsBackground#cbd5e10a
  • welcomePage.progress.background#0a0c13
  • welcomePage.progress.foreground#6ee7b7
  • welcomePage.tileBackground#191c27
  • welcomePage.tileBorder#10131b88
  • welcomePage.tileHoverBackground#191c27
  • widget.shadow#10131b80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.tag, keyword.operator.expression, keyword.operator.new, keyword.operator.wordlike, keyword.type.elm, keyword.type.go, keyword, keyword.operator.logical.python, keyword.operator.in, punctuation.definition.heading, storage.type.class, storage.type.enum, storage.type.function.python, storage.type.function.ts, storage.type.function, storage.type.interface.ts, storage.type.js, storage.type.local.java, storage.type.def.groovy, storage.type.namespace, storage.type.property, storage.type.rust, storage.type.struct, storage.type.ts, storage.type.type, variable.language.self, variable.language.special.self, variable.language.this#f5da9fbold
keyword.operator.math.rust, keyword.operator.namespace.rust, meta.macro.metavariable.rust, meta.macro.rust, meta.use.rust#5eead4bold
constant.numeric, keyword.other.unit#cca8fc
constant.language.json.comments#cca8fc
constant.character, punctuation.definition.char, punctuation.definition.string, string#f0ac98
variable#c2c6cb
variable.other.enummember#99f6e4
constant, entity.name.constant, variable.other.metavariable, support.constant#c2c6cb
entity.name.function, entity.name.function-call, meta.function-call.generic.python, support.function, entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml#60e2f2
meta.attribute.rust, entity.name.type, storage.type, support.class, support.type#7dd3fc
keyword.type, storage.type.boolean.go, storage.type.built-in, storage.type.byte.go, storage.type.error.go, storage.type.numeric.go, storage.type.primitive, storage.type.rune.go, storage.type.string.go, storage.type.uintptr.go, support.type, variable.other.metavariable.specifier#cca8fc
entity.name.field, entity.name.record.field, entity.name.variable.field, meta.attribute.python, punctuation.support.type.property-name, support.type.property-name, support.type.vendored.property-name, variable.other.member, variable.other.object.property, variable.other.property#fcb369
support.type.property-name.table.toml, meta.table.toml#e2e8f0bold
entity.name.tag.toml, entity.name.tag.yaml#fcb369
string.unquoted.plain.out.yaml#f0ac98
constant.other.caps#abee8cbold
entity.name.module, entity.name.namespace, entity.name.type.namespace, storage.modifier.import, storage.modifier.package, support.module, entity.name.type.module, variable.other.constant.elixir#e2e8f0
entity.name.function.macro, entity.name.macro, entity.name.other.preprocessor.macro, variable.other.readwrite.module.elixir, punctuation.definition.variable.elixir#c2c6cb
storage.modifier.lifetime.rust, entity.name.lifetime.rust, entity.name.type.lifetime, punctuation.definition.lifetime#adfb9d
constant.character.escape#5eead4
constant.character.format.placeholder, constant.other.placeholder, punctuation.section.embedded, punctuation.definition.template-expression#5eead4
comment, punctuation.definition.comment, keyword.operator.namespace.rust#999999
comment.line.documentation#b3b3b3
comment.line.double-slash#999999
entity.name.function.decorator, punctuation.brackets.attribute, punctuation.definition.annotation, punctuation.definition.attribute, punctuation.definition.decorator, storage.modifier.attribute, storage.type.annotation#5eead4
entity.other.attribute-name.class, entity.other.attribute-name.id#cbd5e1
keyword.other.unsafe#fd7c68italic bold
meta.function-call.unsafe#fd7c68
keyword.control.flow.block-scalar.literal.yaml, keyword.operator, storage.modifier.mut, meta.function.definition.rust, punctuation, storage.modifier#cbd5e1
keyword.operator.borrow.and.rust, keyword.operator.dereference.rust, storage.modifier.pointer, keyword.operator.logical.rust, storage.type.function.arrow#c2c6cbbold
markup.italicitalic
markup.boldbold
markup.headingbold
punctuation.definition.markdown, punctuation.definition.heading.markdown, punctuation.definition.metadata.markdown, punctuation.definition.raw.markdown, punctuation.definition.constant.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.separator.key-value.markdown, punctuation.separator.key-value.markdown, fenced_code.block.language.markdown, constant.other.reference.link.markdown, meta.link.inline.markdown, meta.link.reference.def.markdown, punctuation.definition.asciidoc, punctuation.separator.asciidoc, support.asciidoc, markup.heading.asciidoc, markup.heading.marker.asciidoc, markup.list.bullet.asciidoc, markup.link.asciidoc, markup.other.url.asciidoc, markup.other.anchor.asciidoc, support.constant.asciidoc, constant.asciidoc, entity.name.function.asciidoc#cca8fc
string.other.link.title.markdown, string.other.link.description.markdown, string.unquoted.asciidoc#cca8fc
markup.inserted, punctuation.definition.inserted.diff#85BF86
markup.deleted, punctuation.definition.deleted.diff#a5f3fc
markup.changed#fcb369
punctuation.definition.range.diff, meta.diff.range#7dd3fc
comment.line.number-sign.git-commit, punctuation.definition.comment.git-commit, meta.diff.index, meta.diff.header#cca8fc
meta.diff.header.to-file, meta.diff.header.from-file#f4f4f5bold
punctuation.definition.from-file.diff, punctuation.definition.to-file.diff#c4b5fd
meta.mutableunderline
magit.header#cca8fcbold
magit.subheaderbold
magit.entity#94a3b8
invalid.deprecated.line-too-long.git-commit#fb923c
invalid.illegal.line-too-long.git-commit#fc83a1
variable.parameter.label.asm#60e2f2
keyword.control.asm#6ee7b7
constant.language.boolean.ts, constant.language.undefined.ts, constant.language.null.ts, source.ts#cca8fc
entity.name.type.class.ts, meta.class.ts, variable.language.super.ts, source.ts#60E2F2bold
variable.object.property.ts, meta.definition.property.ts, meta.field.declaration.ts, meta.class.ts, source.ts#FDBA74
support.type.primitive.ts, source.ts#78f7d5
storage.type.ts, meta.method.declaration.ts, meta.class.ts, source.ts
variable.other.constant.property.ts, meta.field.declaration.ts, source.ts#abf96cbold
variable.language.this, keyword.control.trycatch.ts, meta.block.ts, meta.method.declaration.ts, meta.class.ts, source.ts#f5da9fbold
keyword.control.flow.ts, meta.block.ts, meta.block.ts, meta.method.declaration.ts, meta.class.ts, source.ts#f5da9f
variable.language.this.ts, meta.embedded.line.ts, meta.template.expression.ts, meta.block.ts, meta.method.declaration.ts, meta.class.ts, source.ts#e2e8f0bold
storage.modifier.ts, meta.class.ts, source.ts#f5da9f
variable.other.readwrite.ts, meta.object.member.ts, meta.objectliteral.ts, storage.type.class.ts, meta.class.ts, keyword.control.export.ts, source.ts#F5DA9F
variable.other.object.property.ts, meta.block.ts, meta.method.declaration.ts, meta.class.ts, source.ts
Dark Nova by Dark Nova - VS Code Theme