Skip to main content
Coding Theme

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.

  • actionBar.toggledBackground#161F16fe
  • activityBar.activeBackground#161F16fe
  • activityBar.activeBorder#A289ECfe
  • activityBar.activeFocusBorder#3ACC3A00
  • activityBar.background#0E140Efe
  • activityBar.border#99B0F400
  • activityBar.dropBorder#A289ECfe
  • activityBar.foreground#B29CF2fe
  • activityBar.inactiveForeground#23A62365
  • activityBarBadge.background#7B5DD5fe
  • activityBarBadge.foreground#0E140Efe
  • badge.background#7B5DD5fe
  • badge.foreground#0E140Efe
  • banner.background#161F16fe
  • banner.foreground#CCFDCCce
  • banner.iconForeground#D0C3BFfe
  • breadcrumb.activeSelectionForeground#D7D7C9ca
  • breadcrumb.background#101710fe
  • breadcrumb.focusForeground#B9A5F5fe
  • breadcrumb.foreground#E6EDE6ae
  • breadcrumbPicker.background#161F16fe
  • button.background#324632ae
  • button.border#0A0F0A00
  • button.foreground#CCFDCCce
  • button.hoverBackground#4A694Afe
  • button.secondaryBackground#161F16fe
  • button.secondaryForeground#CCFDCCce
  • button.secondaryHoverBackground#161F16fe
  • button.separator#0A0E0D00
  • charts.blue#1b1bfffe
  • charts.foreground#CCFDCCce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#67006799
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C110Cfe
  • chat.slashCommandBackground#161F16fe
  • chat.slashCommandForeground#CCFDCCce
  • checkbox.background#0C110Cfe
  • checkbox.border#0C110Cfe
  • checkbox.foreground#CCFDCCce
  • checkbox.selectBackground#0C110Cfe
  • checkbox.selectBorder#0C110Cfe
  • commandCenter.activeBackground#14255F8a
  • commandCenter.activeBorder#0C110Cfe
  • commandCenter.activeForeground#7F62D8fe
  • commandCenter.background#161F16fe
  • commandCenter.border#0C110Cfe
  • commandCenter.foreground#CCFDCCce
  • commandCenter.inactiveBorder#202D2098
  • commandCenter.inactiveForeground#25AB2565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0C0A0E00
  • contrastBorder#0E0A0C00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#CCFDCCce
  • debugConsole.sourceForeground#CCFDCCce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#E5E5DCfe
  • debugExceptionWidget.background#670067a0
  • debugExceptionWidget.border#0C110Cfe
  • debugIcon.breakpointCurrentStackframeForeground#D0BFC9fe
  • debugIcon.breakpointDisabledForeground#D8FAD865
  • debugIcon.breakpointForeground#D7E2D7fe
  • debugIcon.breakpointStackframeForeground#CEDBD9fe
  • debugIcon.breakpointUnverifiedForeground#C4D3D1fe
  • debugIcon.continueForeground#DBD1CEfe
  • debugIcon.disconnectForeground#DCDFE5fe
  • debugIcon.pauseForeground#DED2DAfe
  • debugIcon.restartForeground#C7BFD0fe
  • debugIcon.startForeground#D7DAE2fe
  • debugIcon.stepBackForeground#E5DFDCfe
  • debugIcon.stepIntoForeground#AFC6AFfe
  • debugIcon.stepOutForeground#D7D7C9fe
  • debugIcon.stepOverForeground#E2D7DEfe
  • debugIcon.stopForeground#B9CDB9fe
  • debugTokenExpression.boolean#C9CCD7ca
  • debugTokenExpression.error#D8D2DEca
  • debugTokenExpression.name#D2DFD2ca
  • debugTokenExpression.number#D4CEDBca
  • debugTokenExpression.value#DBDBCEca
  • debugToolBar.background#670067c4
  • debugToolBar.border#0C110Cfe
  • debugView.exceptionLabelBackground#41281Fca
  • debugView.exceptionLabelForeground#DED5D2ca
  • debugView.stateLabelBackground#1A3230ca
  • debugView.stateLabelForeground#DBDBCEca
  • debugView.valueChangedHighlight#DDD7E2ca
  • descriptionForeground#CCFDCCce
  • diffEditor.border#0A0B0E00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0A0B0E00
  • diffEditor.move.border#0C0A0E00
  • diffEditor.moveActive.border#0E0E0A00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0A0E0D00
  • diffEditor.unchangedCodeBackground#161F16fe
  • diffEditor.unchangedRegionBackground#161F16fe
  • diffEditor.unchangedRegionForeground#CCFDCCce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#D8FAD865
  • dropdown.background#0C110Cfe
  • dropdown.border#0C110Cfe
  • dropdown.foreground#CCFDCCce
  • dropdown.listBackground#0C110Cfe
  • editor.background#161F16fe
  • editor.findMatchBackground#AB654Bad
  • editor.findMatchBorder#0C110Cfe
  • editor.findMatchHighlightBackground#5C5C3Da9
  • editor.findMatchHighlightBorder#0C110Cfe
  • editor.findRangeHighlightBackground#3C623Ca5
  • editor.findRangeHighlightBorder#0C110Cfe
  • editor.focusedStackFrameHighlightBackground#834A6D84
  • editor.foldBackground#FEECF8a5
  • editor.foreground#CCFDCCce
  • editor.hoverHighlightBackground#475D9Fae
  • editor.inactiveSelectionBackground#3556359d
  • editor.inlineValuesBackground#161F16fe
  • editor.inlineValuesForeground#CCFDCCce
  • editor.lineHighlightBackground#273727b1
  • editor.lineHighlightBorder#0C0A0E00
  • editor.linkedEditingBackground#161F16fe
  • editor.rangeHighlightBackground#5D5D44a1
  • editor.rangeHighlightBorder#0C110Cfe
  • editor.selectionBackground#167216a9
  • editor.selectionForeground#D4CEDBca
  • editor.selectionHighlightBackground#53716D85
  • editor.selectionHighlightBorder#0C110Cfe
  • editor.snippetFinalTabstopHighlightBackground#BE4F99a6
  • editor.snippetFinalTabstopHighlightBorder#0C110Cfe
  • editor.snippetTabstopHighlightBackground#6C564Fa1
  • editor.snippetTabstopHighlightBorder#0C110Cfe
  • editor.stackFrameHighlightBackground#405A40a9
  • editor.symbolHighlightBackground#476447a9
  • editor.symbolHighlightBorder#0C110Cfe
  • editor.wordHighlightBackground#5D4A44a4
  • editor.wordHighlightBorder#0E0B0A00
  • editor.wordHighlightStrongBackground#5D5D44ab
  • editor.wordHighlightStrongBorder#0E0A0C00
  • editor.wordHighlightTextBackground#445D5Aa7
  • editor.wordHighlightTextBorder#0E0E0A00
  • editorBracketHighlight.foreground1#F5F7F5ce
  • editorBracketHighlight.foreground2#F5F7F5ce
  • editorBracketHighlight.foreground3#F5F7F5ce
  • editorBracketHighlight.foreground4#F5F7F5ce
  • editorBracketHighlight.foreground5#F5F7F5ce
  • editorBracketHighlight.foreground6#F5F7F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#CCFDCCce
  • editorBracketMatch.background#FEEBF7a5
  • editorBracketMatch.border#0C110Cfe
  • editorBracketPairGuide.activeBackground1#F4EBFE85
  • editorBracketPairGuide.activeBackground2#ECF0FE8d
  • editorBracketPairGuide.activeBackground3#FEEBE681
  • editorBracketPairGuide.activeBackground4#C9FBF388
  • editorBracketPairGuide.activeBackground5#F6EDFE86
  • editorBracketPairGuide.activeBackground6#EBF0FE81
  • editorBracketPairGuide.background1#303019fe
  • editorBracketPairGuide.background2#1A3230fe
  • editorBracketPairGuide.background3#30301Afe
  • editorBracketPairGuide.background4#432720fe
  • editorBracketPairGuide.background5#1A351Afe
  • editorBracketPairGuide.background6#222E4Efe
  • editorCodeLens.foreground#D4FAD46e
  • editorCommentsWidget.rangeActiveBackground#CFFCCFfe
  • editorCommentsWidget.rangeBackground#161F16fe
  • editorCommentsWidget.resolvedBorder#0C110Cfe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#161F16fe
  • editorCursor.foreground#8467DBfe
  • editorError.background#0A0E0D00
  • editorError.border#0A0F0A00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#161F16fe
  • editorGhostText.border#0E0E0A00
  • editorGhostText.foreground#D6FAD66e
  • editorGroup.border#0C110Cfe
  • editorGroup.dropBackground#161F16fe
  • editorGroup.dropIntoPromptBackground#161F16fe
  • editorGroup.dropIntoPromptBorder#0C110Cfe
  • editorGroup.dropIntoPromptForeground#CCFDCCce
  • editorGroup.emptyBackground#161F16fe
  • editorGroup.focusedEmptyBorder#0C110Cfe
  • editorGroupHeader.border#0A0B0E00
  • editorGroupHeader.noTabsBackground#0E140Eae
  • editorGroupHeader.tabsBackground#161f16a1
  • editorGroupHeader.tabsBorder#0E0B0A00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#161F16fe
  • editorGutter.commentGlyphForeground#CCFDCCce
  • editorGutter.commentRangeForeground#CCFDCCce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#CCFDCCce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C0A0E00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#0C110Cfe
  • editorHoverWidget.border#0C110Cfe
  • editorHoverWidget.foreground#CCFDCCce
  • editorHoverWidget.highlightForeground#D7E2D7ca
  • editorHoverWidget.statusBarBackground#161F16fe
  • editorIndentGuide.activeBackground1#D2FBD2fe
  • editorIndentGuide.activeBackground2#D2FBD2fe
  • editorIndentGuide.activeBackground3#D2FBD2fe
  • editorIndentGuide.activeBackground4#D2FBD2fe
  • editorIndentGuide.activeBackground5#D2FBD2fe
  • editorIndentGuide.activeBackground6#D3FBD3fe
  • editorIndentGuide.background1#B79DAD35
  • editorIndentGuide.background2#A1887F35
  • editorIndentGuide.background3#A193B035
  • editorIndentGuide.background4#B2A6BE35
  • editorIndentGuide.background5#B09A9335
  • editorIndentGuide.background6#7F88A135
  • editorInfo.background#0E0E0A00
  • editorInfo.border#0A0B0E00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#161F16fe
  • editorInlayHint.foreground#CCFDCCce
  • editorInlayHint.parameterBackground#161F16fe
  • editorInlayHint.parameterForeground#CCFDCCce
  • editorInlayHint.typeBackground#161F16fe
  • editorInlayHint.typeForeground#CCFDCCce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#B9A5F5fe
  • editorLineNumber.dimmedForeground#D6FAD66e
  • editorLineNumber.foreground#D8FAD86e
  • editorLink.activeForeground#B9A5F4fe
  • editorMarkerNavigation.background#0C110Cfe
  • editorMarkerNavigationError.background#670067c5
  • editorMarkerNavigationError.headerBackground#670067ac
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161F16fe
  • editorOverviewRuler.border#243224fe
  • editorOverviewRuler.bracketMatchForeground#CCFDCCce
  • editorOverviewRuler.commentForeground#D4FAD46e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#CCFDCCce
  • editorOverviewRuler.currentContentForeground#cececec4
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E2DAD7ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D7DAE2ca
  • editorOverviewRuler.wordHighlightStrongForeground#CCFDCCce
  • editorOverviewRuler.wordHighlightTextForeground#CCFDCCce
  • editorPane.background#161F16fe
  • editorRuler.foreground#CFFCCF37
  • editorStickyScroll.background#161F16fe
  • editorStickyScroll.shadow#0C0A0E00
  • editorStickyScrollHover.background#0E360Efe
  • editorSuggestWidget.background#0C110Cfe
  • editorSuggestWidget.border#0E0B0A00
  • editorSuggestWidget.focusHighlightForeground#8EB1F8fe
  • editorSuggestWidget.foreground#C9CCD7fe
  • editorSuggestWidget.highlightForeground#DCDFE5ca
  • editorSuggestWidget.selectedBackground#6A449487
  • editorSuggestWidget.selectedForeground#DCE6DCca
  • editorSuggestWidget.selectedIconForeground#DCDFE5ca
  • editorSuggestWidgetStatus.foreground#CCC4D3fe
  • editorUnicodeHighlight.background#445D5Aab
  • editorUnicodeHighlight.border#0C110Cfe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0A0C00
  • editorWarning.border#0E0A0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#CCFDCCce
  • editorWidget.background#0C110Cfe
  • editorWidget.border#0C110Cfe
  • editorWidget.foreground#CCFDCCce
  • editorWidget.resizeBorder#0C110Cfe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#8467DBfe
  • extensionBadge.remoteForeground#0E140Efe
  • extensionButton.background#0F360Fae
  • extensionButton.foreground#CCFDCCce
  • extensionButton.hoverBackground#0D370Dfe
  • extensionButton.prominentBackground#161F16fe
  • extensionButton.prominentForeground#CCFDCCce
  • extensionButton.prominentHoverBackground#161F16fe
  • extensionButton.separator#0C0A0E00
  • extensionIcon.preReleaseForeground#DCE5E4fe
  • extensionIcon.sponsorForeground#DED5D2fe
  • extensionIcon.starForeground#C3BACCfe
  • extensionIcon.verifiedForeground#CCBAC5fe
  • focusBorder#0E0E0A00
  • foreground#CCFDCCce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#D1FCD1ae
  • inlineChat.background#3D2452ca
  • inlineChat.border#41281Fca
  • inlineChat.regionHighlight#DED5D2ca
  • inlineChat.shadow#CDDBCDca
  • inlineChatDiff.inserted#C8D8C8ca
  • inlineChatDiff.removed#E5E5DCca
  • inlineChatInput.background#D7DAE2ca
  • inlineChatInput.border#49223Cca
  • inlineChatInput.focusBorder#0C0A0E00
  • inlineChatInput.placeholderForeground#DCE5E4ca
  • input.background#0C110Cfe
  • input.border#0C110Cfe
  • input.foreground#CCFDCCce
  • input.placeholderForeground#D8FAD865
  • inputOption.activeBackground#0C110Cfe
  • inputOption.activeBorder#0C110Cfe
  • inputOption.activeForeground#BAA6F5fe
  • inputOption.hoverBackground#0C110Cfe
  • inputValidation.errorBackground#670067bd
  • inputValidation.errorBorder#670067c6
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C110Cfe
  • inputValidation.infoForeground#CCFDCCce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C110Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C110Cfe
  • interactive.inactiveCodeBorder#0A360A9b
  • keybindingLabel.background#161F16fe
  • keybindingLabel.border#0C110Cfe
  • keybindingLabel.bottomBorder#0C110Cfe
  • keybindingLabel.foreground#CCFDCCce
  • keybindingTable.headerBackground#161F16fe
  • keybindingTable.rowsBackground#161F16fe
  • list.activeSelectionBackground#4B588283
  • list.activeSelectionForeground#D8D2DEca
  • list.activeSelectionIconForeground#C8D8C8ca
  • list.deemphasizedForeground#CCFDCCce
  • list.dropBackground#161F16fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#161F16fe
  • list.filterMatchBorder#0C110Cfe
  • list.focusAndSelectionOutline#0E0E0A00
  • list.focusBackground#38783897
  • list.focusForeground#B9A5F4fe
  • list.focusHighlightForeground#2EC02Efe
  • list.focusOutline#0A0B0E00
  • list.highlightForeground#CDDBCDca
  • list.hoverBackground#0F360Ffe
  • list.hoverForeground#7F62D8fe
  • list.inactiveFocusBackground#202D209e
  • list.inactiveFocusOutline#0A0E0D00
  • list.inactiveSelectionBackground#0E140Eae
  • list.inactiveSelectionForeground#D8FAD865
  • list.inactiveSelectionIconForeground#D8F9D865
  • list.invalidItemForeground#CCFDCCce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161F16fe
  • listFilterWidget.noMatchesOutline#0A0E0D00
  • listFilterWidget.outline#0C0A0E00
  • listFilterWidget.shadow#0A0B0E00
  • menu.background#0E140Efe
  • menu.border#0A0E0D00
  • menu.foreground#CDFDCDae
  • menu.selectionBackground#167216ae
  • menu.selectionBorder#0E0B0A00
  • menu.selectionForeground#BAA6F5fe
  • menu.separatorBackground#19341965
  • menubar.selectionBackground#167A16a7
  • menubar.selectionBorder#0E0A0C00
  • menubar.selectionForeground#7F62D8fe
  • merge.border#0C110Cfe
  • merge.commonContentBackground#161F16fe
  • merge.commonHeaderBackground#161F16fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#161F16fe
  • mergeEditor.change.word.background#161F16fe
  • mergeEditor.changeBase.background#161F16fe
  • mergeEditor.changeBase.word.background#161F16fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C110Cfe
  • mergeEditor.conflict.handledUnfocused.border#1D281D28
  • mergeEditor.conflict.input1.background#0C110Cfe
  • mergeEditor.conflict.input2.background#0C110Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b4
  • mergeEditor.conflict.unhandledFocused.border#0C110Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#19231929
  • mergeEditor.conflictingLines.background#161F16fe
  • minimap.background#161F16fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F7F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#557855fe
  • minimapSlider.background#354B35ae
  • minimapSlider.hoverBackground#476447fe
  • notebook.cellBorderColor#0C110Cfe
  • notebook.cellEditorBackground#161F16fe
  • notebook.cellHoverBackground#161F16fe
  • notebook.cellInsertionIndicator#D2DFD2ca
  • notebook.cellStatusBarItemHoverBackground#161F16fe
  • notebook.cellToolbarSeparator#DCE6DCca
  • notebook.editorBackground#161F16fe
  • notebook.focusedCellBackground#161F16fe
  • notebook.focusedCellBorder#7B5DD5fe
  • notebook.focusedEditorBorder#0C110Cfe
  • notebook.inactiveFocusedCellBorder#587D588e
  • notebook.inactiveSelectedCellBorder#587D588e
  • notebook.outputContainerBackgroundColor#161F16fe
  • notebook.outputContainerBorderColor#0C110Cfe
  • notebook.selectedCellBackground#161F16fe
  • notebook.selectedCellBorder#0C110Cfe
  • notebook.symbolHighlightBackground#161F16fe
  • notebookEditorOverviewRuler.runningCellForeground#CCFDCCce
  • notebookScrollbarSlider.activeBackground#5F865Ffe
  • notebookScrollbarSlider.background#395039ae
  • notebookScrollbarSlider.hoverBackground#476447fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#CDDBCDfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C110Cfe
  • notificationCenterHeader.background#161F16fe
  • notificationCenterHeader.foreground#CCFDCCce
  • notificationLink.foreground#CCFDCCce
  • notifications.background#161F16fe
  • notifications.border#0C110Cfe
  • notifications.foreground#CCFDCCce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#D0BFC9fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C110Cfe
  • panel.background#161F16fe
  • panel.border#0C110Cfe
  • panel.dropBorder#0C110Cfe
  • panelInput.border#0C110Cfe
  • panelSection.border#0C110Cfe
  • panelSection.dropBackground#161F16fe
  • panelSectionHeader.background#161F16fe
  • panelSectionHeader.border#0C110Cfe
  • panelSectionHeader.foreground#CCFDCCce
  • panelTitle.activeBorder#0E0E0A00
  • panelTitle.activeForeground#BBA4FEfe
  • panelTitle.inactiveForeground#23A62365
  • peekView.border#A790EEfe
  • peekViewEditor.background#0C110Cfe
  • peekViewEditor.matchHighlightBackground#83574A8e
  • peekViewEditor.matchHighlightBorder#0E0A0C00
  • peekViewEditorGutter.background#0C110Cfe
  • peekViewEditorStickyScroll.background#161F16fe
  • peekViewResult.background#0E140Efe
  • peekViewResult.fileForeground#CCFDCCce
  • peekViewResult.lineForeground#CCFDCCce
  • peekViewResult.matchHighlightBackground#4C5B888e
  • peekViewResult.selectionBackground#6C4F618e
  • peekViewResult.selectionForeground#E2E2D7ca
  • peekViewTitle.background#0E140Efe
  • peekViewTitleDescription.foreground#CCFDCCce
  • peekViewTitleLabel.foreground#CCFDCCce
  • pickerGroup.border#0C110Cfe
  • pickerGroup.foreground#CCFDCCce
  • ports.iconRunningProcessForeground#BED1BEfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#7658D1fe
  • profileBadge.foreground#0E140Efe
  • progressBar.background#161F16fe
  • quickInput.background#0E140Efe
  • quickInput.foreground#E1E9E1ae
  • quickInputList.focusBackground#6C6C4Fa8
  • quickInputList.focusForeground#7658D1fe
  • quickInputList.focusIconForeground#B9A5F5fe
  • quickInputTitle.background#0C110Cfe
  • sash.hoverBorder#0C110Cfe
  • scrollbar.shadow#0E0B0A00
  • scrollbarSlider.activeBackground#557855fe
  • scrollbarSlider.background#395039ae
  • scrollbarSlider.hoverBackground#3C553Cfe
  • search.resultsInfoForeground#CCFDCCce
  • searchEditor.findMatchBackground#4F566Ca9
  • searchEditor.findMatchBorder#0C110Cfe
  • searchEditor.textInputBorder#0C110Cfe
  • selection.background#161F16fe
  • settings.checkboxBackground#0C110Cfe
  • settings.checkboxBorder#0C110Cfe
  • settings.checkboxForeground#CCFDCCce
  • settings.dropdownBackground#0C110Cfe
  • settings.dropdownBorder#0C110Cfe
  • settings.dropdownForeground#CCFDCCce
  • settings.dropdownListBorder#0C110Cfe
  • settings.focusedRowBackground#6C4F6184
  • settings.focusedRowBorder#0C110Cfe
  • settings.headerBorder#0C110Cfe
  • settings.headerForeground#CCFDCCce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C110Cfe
  • settings.numberInputBorder#0C110Cfe
  • settings.numberInputForeground#CCFDCCce
  • settings.rowHoverBackground#161F16fe
  • settings.sashBorder#0C110Cfe
  • settings.settingsHeaderHoverForeground#B9A5F5fe
  • settings.textInputBackground#0C110Cfe
  • settings.textInputBorder#0C110Cfe
  • settings.textInputForeground#CCFDCCce
  • sideBar.background#161F16fe
  • sideBar.border#0C110Cfe
  • sideBar.dropBackground#161F16fe
  • sideBar.foreground#D1FCD1ae
  • sideBarSectionHeader.background#0A0B0E00
  • sideBarSectionHeader.border#0C110Cfe
  • sideBarSectionHeader.foreground#CCFDCCce
  • sideBarTitle.foreground#CCFDCCce
  • sideBySideEditor.horizontalBorder#0C110Cfe
  • sideBySideEditor.verticalBorder#0C110Cfe
  • simpleFindWidget.sashBorder#0C110Cfe
  • statusBar.background#0E140Efe
  • statusBar.border#0C110Cfe
  • statusBar.debuggingBackground#670067bf
  • statusBar.debuggingBorder#0C110Cfe
  • statusBar.debuggingForeground#CCFDCCce
  • statusBar.focusBorder#0C0A0E00
  • statusBar.foreground#D8FAD86e
  • statusBar.noFolderBackground#0E140Efe
  • statusBar.noFolderBorder#0C110Cfe
  • statusBar.noFolderForeground#CCFDCCce
  • statusBarItem.activeBackground#0E140Efe
  • statusBarItem.compactHoverBackground#0E140Efe
  • statusBarItem.errorBackground#670067a5
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067aa
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0A0C00
  • statusBarItem.hoverBackground#0E140Efe
  • statusBarItem.hoverForeground#BAA6F5fe
  • statusBarItem.offlineBackground#0E140Efe
  • statusBarItem.offlineForeground#CCFDCCce
  • statusBarItem.offlineHoverBackground#0E140Efe
  • statusBarItem.offlineHoverForeground#7B5DD5fe
  • statusBarItem.prominentBackground#0E140Efe
  • statusBarItem.prominentForeground#CCFDCCce
  • statusBarItem.prominentHoverBackground#0E140Efe
  • statusBarItem.prominentHoverForeground#8467DBfe
  • statusBarItem.remoteBackground#BAA6F5fe
  • statusBarItem.remoteForeground#0E140Efe
  • statusBarItem.remoteHoverBackground#0E140Efe
  • statusBarItem.remoteHoverForeground#7F62D8fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#D3D3C4fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#E5DCE2fe
  • symbolIcon.colorForeground#CCCCBAfe
  • symbolIcon.constantForeground#BABFCCfe
  • symbolIcon.constructorForeground#DBCED6fe
  • symbolIcon.enumeratorForeground#DCDFE5fe
  • symbolIcon.enumeratorMemberForeground#D3C8C4fe
  • symbolIcon.eventForeground#DCDFE5fe
  • symbolIcon.fieldForeground#C3BACCfe
  • symbolIcon.fileForeground#C9D7D5fe
  • symbolIcon.folderForeground#E5DFDCfe
  • symbolIcon.functionForeground#D7E2D7fe
  • symbolIcon.interfaceForeground#E2D7DEfe
  • symbolIcon.keyForeground#D4CEDBfe
  • symbolIcon.keywordForeground#E5DFDCfe
  • symbolIcon.methodForeground#D7E2D7fe
  • symbolIcon.moduleForeground#C9CCD7fe
  • symbolIcon.namespaceForeground#BED1BEfe
  • symbolIcon.nullForeground#E2E2D7fe
  • symbolIcon.numberForeground#D3C8C4fe
  • symbolIcon.objectForeground#C5C5B0fe
  • symbolIcon.operatorForeground#BABFCCfe
  • symbolIcon.packageForeground#D0C3BFfe
  • symbolIcon.propertyForeground#E2DAD7fe
  • symbolIcon.referenceForeground#AFC6AFfe
  • symbolIcon.snippetForeground#D2D5DEfe
  • symbolIcon.stringForeground#C7BFD0fe
  • symbolIcon.structForeground#F6EEFEfe
  • symbolIcon.textForeground#DEDED2fe
  • symbolIcon.typeParameterForeground#B9CDB9fe
  • symbolIcon.unitForeground#FDECF7fe
  • symbolIcon.variableForeground#D0C9D7fe
  • tab.activeBackground#101710fe
  • tab.activeBorder#0A0B0E00
  • tab.activeBorderTop#BCA4FEfe
  • tab.activeForeground#B7A3F4fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0E0B0A00
  • tab.hoverBackground#D1FBD1fe
  • tab.hoverBorder#0C110Cfe
  • tab.hoverForeground#B9A5F5fe
  • tab.inactiveBackground#09320999
  • tab.inactiveForeground#9BB89B65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#0C110Cfe
  • tab.unfocusedActiveBackground#1D281D30
  • tab.unfocusedActiveBorder#0A0F0A00
  • tab.unfocusedActiveBorderTop#19361965
  • tab.unfocusedActiveForeground#24AA2465
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#D2FCD2fe
  • tab.unfocusedHoverBorder#19231927
  • tab.unfocusedHoverForeground#24AA2465
  • tab.unfocusedInactiveBackground#27372799
  • tab.unfocusedInactiveForeground#24AA2465
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b8
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067a8
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec4
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161F16fe
  • terminal.border#0C110Cfe
  • terminal.dropBackground#161F16fe
  • terminal.findMatchBackground#161F16fe
  • terminal.findMatchBorder#0C110Cfe
  • terminal.findMatchHighlightBackground#161F16fe
  • terminal.findMatchHighlightBorder#0C110Cfe
  • terminal.foreground#D1FCD1ae
  • terminal.hoverHighlightBackground#161F16fe
  • terminal.inactiveSelectionBackground#2B3C2B9b
  • terminal.selectionBackground#4863A786
  • terminal.selectionForeground#DCDFE5ca
  • terminal.tab.activeBorder#B29CF2fe
  • terminalCommandDecoration.defaultBackground#FEE9F6ae
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161F16fe
  • terminalCursor.foreground#B9A5F5fe
  • terminalOverviewRuler.cursorForeground#CCFDCCce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bc
  • testing.iconUnset#808080c8
  • testing.message.error.decorationForeground#F2EEFEfe
  • testing.message.error.lineBackground#670067bc
  • testing.message.info.decorationForeground#F2EEFEfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#0C110Cfe
  • testing.peekHeaderBackground#161F16fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161F16fe
  • textBlockQuote.border#0C110Cfe
  • textCodeBlock.background#161F16fe
  • textLink.activeForeground#B9A5F5fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#CCFDCCce
  • textSeparator.foreground#CCFDCCce
  • titleBar.activeBackground#0E140Efe
  • titleBar.activeForeground#30C730ae
  • titleBar.border#0E0E0A00
  • titleBar.inactiveBackground#202D20d1
  • titleBar.inactiveForeground#25AB2565
  • toolbar.activeBackground#0E353187
  • toolbar.hoverBackground#161F16fe
  • toolbar.hoverOutline#0A0B0E00
  • tree.inactiveIndentGuidesStroke#8E95AC35
  • tree.indentGuidesStroke#F3EFFEfe
  • tree.tableColumnsBorder#0C110Cfe
  • tree.tableOddRowsBackground#161F16fe
  • walkThrough.embeddedEditorBackground#161F16fe
  • walkthrough.stepTitle.foreground#CCFDCCce
  • welcomePage.background#161F16fe
  • welcomePage.progress.background#161F16fe
  • welcomePage.progress.foreground#CCFDCCce
  • welcomePage.tileBackground#161F16fe
  • welcomePage.tileBorder#0C110Cfe
  • welcomePage.tileHoverBackground#161F16fe
  • widget.border#0C110Cfe
  • widget.shadow#0E0A0C00
  • window.activeBorder#0C110Cfe
  • window.inactiveBorder#202D209b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3ED43E6e
comment.block.html#33D1336e
comment.block.java#50E2506e
comment.block.javadoc.java#48D9486e
comment.block.powershell#45D8456e
comment.block.xml#36D3366e
comment.line.double-slash.c#45DB456e
comment.line.double-slash.cpp#3FD83F6e
comment.line.double-slash.java#30C7306e
comment.line.double-slash.js#3ED83E6e
comment.line.number-sign.makefile#48D9486e
comment.line.number-sign.python#30C7306e
comment.line.number-sign.yaml#3FD83F6e
comment.line.percentage.erlang#33D1336e
comment.line.powershell#3ED43E6e
comment.source.cmake#4ADF4A6e
comment.source.cmakecache#30CF306e
constant.character#8DBDEDde
constant.character.character-class.regexp#F198F1de
constant.character.escape#F29B9Bde
constant.character.set.regexp#65C246de
constant.language#0CD972de
constant.numeric#EA83EAde
constant.numeric.dec.python#72CD53de
constant.other.caps.python#58D194de
constant.other.character-class.regexp#96C3F0de
constant.other.character-class.set.regexp#53CD90de
constant.other.color.rgb-value#64DA9Fde
constant.other.placeholder#BEABF6de
constant.other.rgb-value#87BAECde
constant.regexp#67C548de
constant.sha.git-rebase#BCA8F5de
emphasis#C3B2F7de
entity.name.class#F4A3A3de
entity.name.function#76ADE4de
entity.name.function.preprocessor#C0ADF6de
entity.name.function.python#F5A3A3de
entity.name.label#F096F0de
entity.name.namespace#0BD26Fde
entity.name.operator#7CD65Dde
entity.name.operator.custom-literal#EA86EAde
entity.name.scope-resolution#F5A6F5de
entity.name.tag#3DD90Ade
entity.name.tag.css#46C284de
entity.name.type#EF9090de
entity.name.variable#89BAECde
entity.other.attribute#F6AAAAde
entity.other.attribute-name#43C082de
entity.other.attribute-name.class.css#55D093de
entity.other.attribute-name.class.mixin.css#BBBB0Ede
entity.other.attribute-name.id#0DC96Ade
entity.other.attribute-name.id.css#A0CAF3de
entity.other.attribute-name.parent-selector.css#F6A9A9de
entity.other.attribute-name.pseudo-class.css#ADAD0Ede
entity.other.attribute-name.pseudo-element.css#7DB1E7de
entity.other.attribute-name.scss#F09595de
entity.other.document.begin.yaml#41DA416e
entity.other.inherited-class#0DCC6Cde
header#52CD8Fde
invalid#0CC76Bde
keyword#39C50Cde
keyword.codetag.notation.python#B09AF2de
keyword.control#7DB2E7de
keyword.control.anchor.regexp#F19797de
keyword.control.import.python#72CD53de
keyword.operator#F5A6A6de
keyword.operator.alignas#B29CF2de
keyword.operator.alignof#8FBEEEde
keyword.operator.cast#89BBECde
keyword.operator.delete#6DCA4Ede
keyword.operator.documentation.powershell#4EDD4E6e
keyword.operator.expression#F39FF3de
keyword.operator.instanceof#F6ADADde
keyword.operator.logical.python#C2B0F7de
keyword.operator.minus.exponent#B1B140de
keyword.operator.negation.regexp#CCCC0Cde
keyword.operator.new#ED8C8Cde
keyword.operator.noexcept#F7AFAFde
keyword.operator.or.regexp#5FD79Ade
keyword.operator.plus.exponent#F6ADF6de
keyword.operator.quantifier.regexp#B6B60Dde
keyword.operator.sizeof#7BD55Dde
keyword.operator.typeid#F095F0de
keyword.operator.wordlike#F5A6F5de
keyword.other.operator#3DCD0Dde
keyword.other.package.java#F5A4A4de
keyword.other.unit#F7AFAFde
keyword.other.using#B09AF1de
markup.bold#EE8EEEde
markup.changed#ED8D8Dde
markup.deleted#62D89Dde
markup.fenced_code.block.markdown#B0B00Ede
markup.heading#0BD26Fde
markup.inline.raw#8CC6FEde
markup.inserted#F8B4B4de
markup.italic#C2C246de
markup.raw.block.markdown#EA85EAde
markup.strikethrough#F39E9Ede
markup.underline#C4B2F8de
meta.block.c#F7AEF7de
meta.block.c#3BC70Bde
meta.class.java#C6C60Dde
meta.definition.variable.name#3DCD0Dde
meta.diff.header#B29CF2de
meta.embedded#F39F9Fde
meta.embedded.assembly#BDABF6de
meta.function-call.arguments.python#B6A1F3de
meta.function-call.python#CCCC0Dde
meta.member.access.python#88BAECde
meta.method.java#0CD971de
meta.object-literal.key#F19696de
meta.paragraph.markdown#BCBC0Cde
meta.preprocessor#B19BF2de
meta.preprocessor.numeric#EA83EAde
meta.preprocessor.string#C1C144de
meta.scope.prerequisites.makefile#C0ADF7de
meta.structure.dictionary.json.comments#41DA416e
meta.structure.dictionary.key.python#3BC70Cde
meta.structure.dictionary.value.json.comments#50DF506e
meta.template.expression#CCCC0Cde
meta.type.cast.expr#F4A2A2de
meta.type.new.expr#83DB65de
parameter#8BBBECde
punctuation.character.set.begin.regexp#68C549de
punctuation.character.set.end.regexp#41E10Cde
punctuation.definition.array.begin.json#B5B541de
punctuation.definition.character-class.regexp#F6ABF6de
punctuation.definition.comment#3FD83F6e
punctuation.definition.comment.json.comments#41DA416e
punctuation.definition.comment.python#4EE04E6e
punctuation.definition.dictionary.begin.json#0AD571de
punctuation.definition.dictionary.end.json#C1C144de
punctuation.definition.group.assertion.regexp#BEABF6de
punctuation.definition.group.regexp#EE8DEEde
punctuation.definition.list.begin.json#EC89ECde
punctuation.definition.list.begin.markdown#F29C9Cde
punctuation.definition.list.begin.python#53CE90de
punctuation.definition.list.end.json#0CD570de
punctuation.definition.list.end.markdown#42E20Cde
punctuation.definition.list.end.python#70B8FDde
punctuation.definition.parameters.begin.python#40DA0Cde
punctuation.definition.parameters.end.bracket.round.java#B2B20Ede
punctuation.definition.quote.begin.markdown#F19696de
punctuation.definition.tag#EE8E8Ede
punctuation.definition.template-expression.begin#B2B20Dde
punctuation.definition.template-expression.end#7FD862de
punctuation.section.class.begin.bracket.curly.java#F19595de
punctuation.section.embedded#B6A1F3de
punctuation.section.embedded.begin.php#F4A0A0de
punctuation.section.embedded.end.php#78AEE4de
punctuation.terminator.java#F8B5B5de
source.cmake#76D158de
source.coffee.embedded#F4A1A1de
source.cpp#47C486de
source.css.less#B09AF1de
source.groovy.embedded#C2B0F7de
source.java#B8B80Ede
source.java-properties#F19696de
source.json.comments#39D0396e
source.makefile#F095F0de
source.powershell#4ECA8Cde
source.powershell.variable.other.member#C0ADF6de
source.python#60BD41de
storage#93C1EFde
storage.modifier#7FB3E7de
storage.modifier.import.java#F09494de
storage.modifier.package.java#95C2F0de
storage.type#74BAFDde
storage.type.annotation.groovy#C5C50Cde
storage.type.annotation.java#EE8D8Dde
storage.type.boolean.go#83DB66de
storage.type.byte.go#B7A2F4de
storage.type.cs#EE8DEEde
storage.type.error.go#75ACE3de
storage.type.generic.cs#EE9090de
storage.type.generic.groovy#BCBC0Ade
storage.type.generic.java#F09494de
storage.type.groovy#9CC7F2de
storage.type.java#7FB4E8de
storage.type.modifier.cs#42BF80de
storage.type.numeric.go#0CCE6Dde
storage.type.object.array.groovy#F4A3F4de
storage.type.object.array.java#F5A8F5de
storage.type.parameters.groovy#ED8EEDde
storage.type.primitive.array.groovy#78AEE4de
storage.type.primitive.array.java#EF91EFde
storage.type.primitive.groovy#0DC469de
storage.type.primitive.java#82B5E9de
storage.type.rune.go#B29CF2de
storage.type.string.go#0DD06Ede
storage.type.token.java#EC8AECde
storage.type.uintptr.go#C6C64Ade
storage.type.variable.cs#BABA0Ede
string#C5C548de
string.quoted.docstring.multi.python#4EE04E6e
string.regexp#3ED90Cde
string.tag#B29CF2de
string.value#B8B840de
strong#53CD90de
support.class#F29C9Cde
support.constant.color#0CC668de
support.constant.dom#66C347de
support.constant.font-name#0BDE74de
support.constant.handlebars#61BF41de
support.constant.json#F39E9Ede
support.constant.math#91BFEFde
support.constant.media#A2CBF4de
support.constant.media-type#B2B20Ede
support.constant.property-value#BFBF0Dde
support.function#B7A3F4de
support.function.git-rebase#F7B0B0de
support.other.parenthesis.regexp#C3C30Ede
support.type#B4B40Ede
support.type.property-name#9DC7F2de
support.type.vendored.property-name#58D194de
support.variable#89BBECde
token.debug-token#EF9292de
token.error-token#F29CF2de
token.info-token#B8B80Dde
token.warn-token#9CC7F2de
variable#0CE076de
variable.css#78AFE5de
variable.language#9AC6F1de
variable.language.wildcard.java#B5B541de
variable.other.constant#3FD60Bde
variable.other.definition.java#CCBDF9de
variable.other.enummember#58D194de
variable.other.less#0ACC6Dde
variable.other.object.java#C8C80Ade
variable.other.object.property.java#B4B40Ede
variable.parameter.c#F7AEAEde
variable.parameter.function.language.python#76D158de
variable.parameter.java#A2CBF4de
variable.scss#F29C9Cde
viiv by B.W - VS Code Theme