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#1C1C2Dfe
  • activityBar.activeBackground#1C1C2Dfe
  • activityBar.activeBorder#73C707fe
  • activityBar.activeFocusBorder#ABABF800
  • activityBar.background#12121Dfe
  • activityBar.border#E6A66700
  • activityBar.dropBorder#74C707fe
  • activityBar.foreground#74C707fe
  • activityBar.inactiveForeground#A0A0C465
  • activityBarBadge.background#74C608fe
  • activityBarBadge.foreground#12121Dfe
  • badge.background#74C809fe
  • badge.foreground#12121Dfe
  • banner.background#1C1C2Dfe
  • banner.foreground#E9E9FEce
  • banner.iconForeground#D7D7E6fe
  • breadcrumb.activeSelectionForeground#E8E3DCca
  • breadcrumb.background#141421fe
  • breadcrumb.focusForeground#74C608fe
  • breadcrumb.foreground#E1E1ECae
  • breadcrumbPicker.background#1C1C2Dfe
  • button.background#3E3E63ae
  • button.border#150D1000
  • button.foreground#E9E9FEce
  • button.hoverBackground#3B3B5Efe
  • button.secondaryBackground#1C1C2Dfe
  • button.secondaryForeground#E9E9FEce
  • button.secondaryHoverBackground#1C1C2Dfe
  • button.separator#140D1500
  • charts.blue#1b1bfffe
  • charts.foreground#E9E9FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a3
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#101019fe
  • chat.slashCommandBackground#1C1C2Dfe
  • chat.slashCommandForeground#E9E9FEce
  • checkbox.background#101019fe
  • checkbox.border#101019fe
  • checkbox.foreground#E9E9FEce
  • checkbox.selectBackground#101019fe
  • checkbox.selectBorder#101019fe
  • commandCenter.activeBackground#0D262781
  • commandCenter.activeBorder#101019fe
  • commandCenter.activeForeground#74C709fe
  • commandCenter.background#1C1C2Dfe
  • commandCenter.border#101019fe
  • commandCenter.foreground#E9E9FEce
  • commandCenter.inactiveBorder#09093A91
  • commandCenter.inactiveForeground#A5A5C765
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#140D1500
  • contrastBorder#150D1000
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#E9E9FEce
  • debugConsole.sourceForeground#E9E9FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#F1F1FEfe
  • debugExceptionWidget.background#670067aa
  • debugExceptionWidget.border#101019fe
  • debugIcon.breakpointCurrentStackframeForeground#E2DBD2fe
  • debugIcon.breakpointDisabledForeground#F1F1FE65
  • debugIcon.breakpointForeground#D2D2E3fe
  • debugIcon.breakpointStackframeForeground#E8E3DCfe
  • debugIcon.breakpointUnverifiedForeground#E8DCE0fe
  • debugIcon.continueForeground#D4DCC8fe
  • debugIcon.disconnectForeground#DFCDD3fe
  • debugIcon.pauseForeground#D2C7B9fe
  • debugIcon.restartForeground#D5BEC5fe
  • debugIcon.startForeground#AFCCB6fe
  • debugIcon.stepBackForeground#D2B9C1fe
  • debugIcon.stepIntoForeground#C8DBDCfe
  • debugIcon.stepOutForeground#E2D2D7fe
  • debugIcon.stepOverForeground#D3BED5fe
  • debugIcon.stopForeground#D2C7B9fe
  • debugTokenExpression.boolean#D8DFCDca
  • debugTokenExpression.error#E8E3DCca
  • debugTokenExpression.name#CDDEDFca
  • debugTokenExpression.number#E8DCE0ca
  • debugTokenExpression.value#DCE8DFca
  • debugToolBar.background#670067b3
  • debugToolBar.border#101019fe
  • debugView.exceptionLabelBackground#311933ca
  • debugView.exceptionLabelForeground#CDDEDFca
  • debugView.stateLabelBackground#281F14ca
  • debugView.stateLabelForeground#DDCDDFca
  • debugView.valueChangedHighlight#DCE8E8ca
  • descriptionForeground#E9E9FEce
  • diffEditor.border#0D150F00
  • diffEditor.diagonalFill#000000fd
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#12150D00
  • diffEditor.move.border#0D141500
  • diffEditor.moveActive.border#15110D00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#12150D00
  • diffEditor.unchangedCodeBackground#1C1C2Dfe
  • diffEditor.unchangedRegionBackground#1C1C2Dfe
  • diffEditor.unchangedRegionForeground#E9E9FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#F1F1FE65
  • dropdown.background#101019fe
  • dropdown.border#101019fe
  • dropdown.foreground#E9E9FEce
  • dropdown.listBackground#101019fe
  • editor.background#1C1C2Dfe
  • editor.findMatchBackground#805160a3
  • editor.findMatchBorder#101019fe
  • editor.findMatchHighlightBackground#5353C4a3
  • editor.findMatchHighlightBorder#101019fe
  • editor.findRangeHighlightBackground#505081a2
  • editor.findRangeHighlightBorder#101019fe
  • editor.focusedStackFrameHighlightBackground#38584086
  • editor.foldBackground#FEEEF3ab
  • editor.foreground#E9E9FEce
  • editor.hoverHighlightBackground#505081ab
  • editor.inactiveSelectionBackground#4040AA98
  • editor.inlineValuesBackground#1C1C2Dfe
  • editor.inlineValuesForeground#E9E9FEce
  • editor.lineHighlightBackground#2B2B45b4
  • editor.lineHighlightBorder#15110D00
  • editor.linkedEditingBackground#1C1C2Dfe
  • editor.rangeHighlightBackground#66764Ba9
  • editor.rangeHighlightBorder#101019fe
  • editor.selectionBackground#4D4D7Ca8
  • editor.selectionForeground#E4E8DCca
  • editor.selectionHighlightBackground#6C487184
  • editor.selectionHighlightBorder#101019fe
  • editor.snippetFinalTabstopHighlightBackground#3E6247a4
  • editor.snippetFinalTabstopHighlightBorder#101019fe
  • editor.snippetTabstopHighlightBackground#5858C9a5
  • editor.snippetTabstopHighlightBorder#101019fe
  • editor.stackFrameHighlightBackground#62523Ea4
  • editor.symbolHighlightBackground#3E764Ba3
  • editor.symbolHighlightBorder#101019fe
  • editor.wordHighlightBackground#67456Ca6
  • editor.wordHighlightBorder#140D1500
  • editor.wordHighlightStrongBackground#385840aa
  • editor.wordHighlightStrongBorder#15110D00
  • editor.wordHighlightTextBackground#73457Aa1
  • editor.wordHighlightTextBorder#0D150F00
  • editorBracketHighlight.foreground1#F5F5F8ce
  • editorBracketHighlight.foreground2#F5F5F8ce
  • editorBracketHighlight.foreground3#F5F5F8ce
  • editorBracketHighlight.foreground4#F5F5F8ce
  • editorBracketHighlight.foreground5#F5F5F8ce
  • editorBracketHighlight.foreground6#F5F5F8ce
  • editorBracketHighlight.unexpectedBracket.foreground#E9E9FEce
  • editorBracketMatch.background#FCECFEa6
  • editorBracketMatch.border#101019fe
  • editorBracketPairGuide.activeBackground1#E5FAC182
  • editorBracketPairGuide.activeBackground2#D5F9FC87
  • editorBracketPairGuide.activeBackground3#D4F9FC89
  • editorBracketPairGuide.activeBackground4#FEEDF283
  • editorBracketPairGuide.activeBackground5#D4FCDF8d
  • editorBracketPairGuide.activeBackground6#FEECF28d
  • editorBracketPairGuide.background1#371821fe
  • editorBracketPairGuide.background2#1E2513fe
  • editorBracketPairGuide.background3#1E2513fe
  • editorBracketPairGuide.background4#1D1D47fe
  • editorBracketPairGuide.background5#122617fe
  • editorBracketPairGuide.background6#292115fe
  • editorCodeLens.foreground#F0F0FE6e
  • editorCommentsWidget.rangeActiveBackground#EDEDFEfe
  • editorCommentsWidget.rangeBackground#1C1C2Dfe
  • editorCommentsWidget.resolvedBorder#101019fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#1C1C2Dfe
  • editorCursor.foreground#74C809fe
  • editorError.background#150D1000
  • editorError.border#0D141500
  • editorError.foreground#b400b4ce
  • editorGhostText.background#1C1C2Dfe
  • editorGhostText.border#0D0D1600
  • editorGhostText.foreground#F0F0FE6e
  • editorGroup.border#101019fe
  • editorGroup.dropBackground#1C1C2Dfe
  • editorGroup.dropIntoPromptBackground#1C1C2Dfe
  • editorGroup.dropIntoPromptBorder#101019fe
  • editorGroup.dropIntoPromptForeground#E9E9FEce
  • editorGroup.emptyBackground#1C1C2Dfe
  • editorGroup.focusedEmptyBorder#101019fe
  • editorGroupHeader.border#15110D00
  • editorGroupHeader.noTabsBackground#12121Dae
  • editorGroupHeader.tabsBackground#1C1C2Da1
  • editorGroupHeader.tabsBorder#0D141500
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#1C1C2Dfe
  • editorGutter.commentGlyphForeground#E9E9FEce
  • editorGutter.commentRangeForeground#E9E9FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#E9E9FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0D1600
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#101019fe
  • editorHoverWidget.border#101019fe
  • editorHoverWidget.foreground#E9E9FEce
  • editorHoverWidget.highlightForeground#E5D7DBca
  • editorHoverWidget.statusBarBackground#1C1C2Dfe
  • editorIndentGuide.activeBackground1#F1F1FEfe
  • editorIndentGuide.activeBackground2#F1F1FEfe
  • editorIndentGuide.activeBackground3#F1F1FEfe
  • editorIndentGuide.activeBackground4#F1F1FEfe
  • editorIndentGuide.activeBackground5#F1F1FEfe
  • editorIndentGuide.activeBackground6#F1F1FEfe
  • editorIndentGuide.background1#B0839135
  • editorIndentGuide.background2#C3B4A035
  • editorIndentGuide.background3#9BBFA435
  • editorIndentGuide.background4#A5C4C635
  • editorIndentGuide.background5#C5AAC935
  • editorIndentGuide.background6#B18CB635
  • editorInfo.background#150D1000
  • editorInfo.border#0D141500
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#1C1C2Dfe
  • editorInlayHint.foreground#E9E9FEce
  • editorInlayHint.parameterBackground#1C1C2Dfe
  • editorInlayHint.parameterForeground#E9E9FEce
  • editorInlayHint.typeBackground#1C1C2Dfe
  • editorInlayHint.typeForeground#E9E9FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#74C709fe
  • editorLineNumber.dimmedForeground#F1F1FE6e
  • editorLineNumber.foreground#F0F0FE6e
  • editorLink.activeForeground#83C52Efe
  • editorMarkerNavigation.background#101019fe
  • editorMarkerNavigationError.background#6700679d
  • editorMarkerNavigationError.headerBackground#670067ba
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1C1C2Dfe
  • editorOverviewRuler.border#0F0F4Efe
  • editorOverviewRuler.bracketMatchForeground#E9E9FEce
  • editorOverviewRuler.commentForeground#F1F1FE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E9E9FEce
  • editorOverviewRuler.currentContentForeground#cececeac
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E0D2E2ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E8E3DCca
  • editorOverviewRuler.wordHighlightStrongForeground#E9E9FEce
  • editorOverviewRuler.wordHighlightTextForeground#E9E9FEce
  • editorPane.background#1C1C2Dfe
  • editorRuler.foreground#EEEEFE28
  • editorStickyScroll.background#1C1C2Dfe
  • editorStickyScroll.shadow#12150D00
  • editorStickyScrollHover.background#0C0C49fe
  • editorSuggestWidget.background#101019fe
  • editorSuggestWidget.border#0D0D1600
  • editorSuggestWidget.focusHighlightForeground#EF8EFBfe
  • editorSuggestWidget.foreground#D1D9C3fe
  • editorSuggestWidget.highlightForeground#E2D2D7ca
  • editorSuggestWidget.selectedBackground#4B737689
  • editorSuggestWidget.selectedForeground#DCE8E8ca
  • editorSuggestWidget.selectedIconForeground#DCE8DFca
  • editorSuggestWidgetStatus.foreground#D2E2D6fe
  • editorUnicodeHighlight.background#4343B2ac
  • editorUnicodeHighlight.border#101019fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#15110D00
  • editorWarning.border#12150D00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E9E9FEce
  • editorWidget.background#101019fe
  • editorWidget.border#101019fe
  • editorWidget.foreground#E9E9FEce
  • editorWidget.resizeBorder#101019fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#74C709fe
  • extensionBadge.remoteForeground#12121Dfe
  • extensionButton.background#0C0C49ae
  • extensionButton.foreground#E9E9FEce
  • extensionButton.hoverBackground#0C0C49fe
  • extensionButton.prominentBackground#1C1C2Dfe
  • extensionButton.prominentForeground#E9E9FEce
  • extensionButton.prominentHoverBackground#1C1C2Dfe
  • extensionButton.separator#0D0D1600
  • extensionIcon.preReleaseForeground#D5BEC5fe
  • extensionIcon.sponsorForeground#CFC3B4fe
  • extensionIcon.starForeground#DCD3C8fe
  • extensionIcon.verifiedForeground#CFB9D2fe
  • focusBorder#12150D00
  • foreground#E9E9FEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#F1F1FEae
  • inlineChat.background#1D1D44ca
  • inlineChat.border#1D1D47ca
  • inlineChat.regionHighlight#E2D2D7ca
  • inlineChat.shadow#C8DBDCca
  • inlineChatDiff.inserted#E3D7E5ca
  • inlineChatDiff.removed#D2E2D6ca
  • inlineChatInput.background#DFCDD3ca
  • inlineChatInput.border#292115ca
  • inlineChatInput.focusBorder#150D1000
  • inlineChatInput.placeholderForeground#C8C8DCca
  • input.background#101019fe
  • input.border#101019fe
  • input.foreground#E9E9FEce
  • input.placeholderForeground#F1F1FE65
  • inputOption.activeBackground#101019fe
  • inputOption.activeBorder#101019fe
  • inputOption.activeForeground#74C608fe
  • inputOption.hoverBackground#101019fe
  • inputValidation.errorBackground#6700679c
  • inputValidation.errorBorder#670067c2
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#101019fe
  • inputValidation.infoForeground#E9E9FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#101019fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#101019fe
  • interactive.inactiveCodeBorder#09093A95
  • keybindingLabel.background#1C1C2Dfe
  • keybindingLabel.border#101019fe
  • keybindingLabel.bottomBorder#101019fe
  • keybindingLabel.foreground#E9E9FEce
  • keybindingTable.headerBackground#1C1C2Dfe
  • keybindingTable.rowsBackground#1C1C2Dfe
  • list.activeSelectionBackground#3E606281
  • list.activeSelectionForeground#DCE2D2ca
  • list.activeSelectionIconForeground#E8DCE0ca
  • list.deemphasizedForeground#E9E9FEce
  • list.dropBackground#1C1C2Dfe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#1C1C2Dfe
  • list.filterMatchBorder#101019fe
  • list.focusAndSelectionOutline#0D141500
  • list.focusBackground#6262DC97
  • list.focusForeground#72C607fe
  • list.focusHighlightForeground#EC78FEfe
  • list.focusOutline#0D0D1600
  • list.highlightForeground#DCDCE9ca
  • list.hoverBackground#13135Bfe
  • list.hoverForeground#74C60Afe
  • list.inactiveFocusBackground#2B2B459e
  • list.inactiveFocusOutline#0D150F00
  • list.inactiveSelectionBackground#12121Dae
  • list.inactiveSelectionForeground#F1F1FE65
  • list.inactiveSelectionIconForeground#F0F0FE65
  • list.invalidItemForeground#E9E9FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1C1C2Dfe
  • listFilterWidget.noMatchesOutline#15110D00
  • listFilterWidget.outline#15110D00
  • listFilterWidget.shadow#15110D00
  • menu.background#12121Dfe
  • menu.border#12150D00
  • menu.foreground#E1E1ECae
  • menu.selectionBackground#4D4D7Cab
  • menu.selectionBorder#0D0D1600
  • menu.selectionForeground#74C60Afe
  • menu.separatorBackground#1B1B4D65
  • menubar.selectionBackground#4A4A77a8
  • menubar.selectionBorder#0D150F00
  • menubar.selectionForeground#75C709fe
  • merge.border#101019fe
  • merge.commonContentBackground#1C1C2Dfe
  • merge.commonHeaderBackground#1C1C2Dfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#1C1C2Dfe
  • mergeEditor.change.word.background#1C1C2Dfe
  • mergeEditor.changeBase.background#1C1C2Dfe
  • mergeEditor.changeBase.word.background#1C1C2Dfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#101019fe
  • mergeEditor.conflict.handledUnfocused.border#1F1F312a
  • mergeEditor.conflict.input1.background#101019fe
  • mergeEditor.conflict.input2.background#101019fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067cb
  • mergeEditor.conflict.unhandledFocused.border#101019fe
  • mergeEditor.conflict.unhandledUnfocused.border#1F1F3137
  • mergeEditor.conflictingLines.background#1C1C2Dfe
  • minimap.background#1C1C2Dfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F5F8ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#5A5A90fe
  • minimapSlider.background#343454ae
  • minimapSlider.hoverBackground#343454fe
  • notebook.cellBorderColor#101019fe
  • notebook.cellEditorBackground#1C1C2Dfe
  • notebook.cellHoverBackground#1C1C2Dfe
  • notebook.cellInsertionIndicator#C8C8DCca
  • notebook.cellStatusBarItemHoverBackground#1C1C2Dfe
  • notebook.cellToolbarSeparator#D4DCC8ca
  • notebook.editorBackground#1C1C2Dfe
  • notebook.focusedCellBackground#1C1C2Dfe
  • notebook.focusedCellBorder#75C709fe
  • notebook.focusedEditorBorder#101019fe
  • notebook.inactiveFocusedCellBorder#5353868e
  • notebook.inactiveSelectedCellBorder#56568B8e
  • notebook.outputContainerBackgroundColor#1C1C2Dfe
  • notebook.outputContainerBorderColor#101019fe
  • notebook.selectedCellBackground#1C1C2Dfe
  • notebook.selectedCellBorder#101019fe
  • notebook.symbolHighlightBackground#1C1C2Dfe
  • notebookEditorOverviewRuler.runningCellForeground#E9E9FEce
  • notebookScrollbarSlider.activeBackground#60609Afe
  • notebookScrollbarSlider.background#3B3B5Eae
  • notebookScrollbarSlider.hoverBackground#373759fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#FEEEF3fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#101019fe
  • notificationCenterHeader.background#1C1C2Dfe
  • notificationCenterHeader.foreground#E9E9FEce
  • notificationLink.foreground#E9E9FEce
  • notifications.background#1C1C2Dfe
  • notifications.border#101019fe
  • notifications.foreground#E9E9FEce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#DDCDDFfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#101019fe
  • panel.background#1C1C2Dfe
  • panel.border#101019fe
  • panel.dropBorder#101019fe
  • panelInput.border#101019fe
  • panelSection.border#101019fe
  • panelSection.dropBackground#1C1C2Dfe
  • panelSectionHeader.background#1C1C2Dfe
  • panelSectionHeader.border#101019fe
  • panelSectionHeader.foreground#E9E9FEce
  • panelTitle.activeBorder#0D150F00
  • panelTitle.activeForeground#73C806fe
  • panelTitle.inactiveForeground#A5A5C765
  • peekView.border#73C508fe
  • peekViewEditor.background#101019fe
  • peekViewEditor.matchHighlightBackground#59674186
  • peekViewEditor.matchHighlightBorder#0D0D1600
  • peekViewEditorGutter.background#101019fe
  • peekViewEditorStickyScroll.background#1C1C2Dfe
  • peekViewResult.background#12121Dfe
  • peekViewResult.fileForeground#E9E9FEce
  • peekViewResult.lineForeground#E9E9FEce
  • peekViewResult.matchHighlightBackground#7B674E8a
  • peekViewResult.selectionBackground#4E787B8a
  • peekViewResult.selectionForeground#DCDCE9ca
  • peekViewTitle.background#12121Dfe
  • peekViewTitleDescription.foreground#E9E9FEce
  • peekViewTitleLabel.foreground#E9E9FEce
  • pickerGroup.border#101019fe
  • pickerGroup.foreground#E9E9FEce
  • ports.iconRunningProcessForeground#CFB9D2fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#73C706fe
  • profileBadge.foreground#12121Dfe
  • progressBar.background#1C1C2Dfe
  • quickInput.background#12121Dfe
  • quickInput.foreground#F0F0F5ae
  • quickInputList.focusBackground#675741a9
  • quickInputList.focusForeground#75C709fe
  • quickInputList.focusIconForeground#72C607fe
  • quickInputTitle.background#101019fe
  • sash.hoverBorder#101019fe
  • scrollbar.shadow#15110D00
  • scrollbarSlider.activeBackground#60609Afe
  • scrollbarSlider.background#414168ae
  • scrollbarSlider.hoverBackground#3B3B5Efe
  • search.resultsInfoForeground#E9E9FEce
  • searchEditor.findMatchBackground#675741a5
  • searchEditor.findMatchBorder#101019fe
  • searchEditor.textInputBorder#101019fe
  • selection.background#1C1C2Dfe
  • settings.checkboxBackground#101019fe
  • settings.checkboxBorder#101019fe
  • settings.checkboxForeground#E9E9FEce
  • settings.dropdownBackground#101019fe
  • settings.dropdownBorder#101019fe
  • settings.dropdownForeground#E9E9FEce
  • settings.dropdownListBorder#101019fe
  • settings.focusedRowBackground#456C4E83
  • settings.focusedRowBorder#101019fe
  • settings.headerBorder#101019fe
  • settings.headerForeground#E9E9FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#101019fe
  • settings.numberInputBorder#101019fe
  • settings.numberInputForeground#E9E9FEce
  • settings.rowHoverBackground#1C1C2Dfe
  • settings.sashBorder#101019fe
  • settings.settingsHeaderHoverForeground#72C607fe
  • settings.textInputBackground#101019fe
  • settings.textInputBorder#101019fe
  • settings.textInputForeground#E9E9FEce
  • sideBar.background#1C1C2Dfe
  • sideBar.border#101019fe
  • sideBar.dropBackground#1C1C2Dfe
  • sideBar.foreground#F1F1FEae
  • sideBarSectionHeader.background#150D1000
  • sideBarSectionHeader.border#101019fe
  • sideBarSectionHeader.foreground#E9E9FEce
  • sideBarTitle.foreground#E9E9FEce
  • sideBySideEditor.horizontalBorder#101019fe
  • sideBySideEditor.verticalBorder#101019fe
  • simpleFindWidget.sashBorder#101019fe
  • statusBar.background#12121Dfe
  • statusBar.border#101019fe
  • statusBar.debuggingBackground#6700679f
  • statusBar.debuggingBorder#101019fe
  • statusBar.debuggingForeground#E9E9FEce
  • statusBar.focusBorder#15110D00
  • statusBar.foreground#F0F0FE6e
  • statusBar.noFolderBackground#12121Dfe
  • statusBar.noFolderBorder#101019fe
  • statusBar.noFolderForeground#E9E9FEce
  • statusBarItem.activeBackground#12121Dfe
  • statusBarItem.compactHoverBackground#12121Dfe
  • statusBarItem.errorBackground#670067a2
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067c3
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#12150D00
  • statusBarItem.hoverBackground#12121Dfe
  • statusBarItem.hoverForeground#72C607fe
  • statusBarItem.offlineBackground#12121Dfe
  • statusBarItem.offlineForeground#E9E9FEce
  • statusBarItem.offlineHoverBackground#12121Dfe
  • statusBarItem.offlineHoverForeground#74C60Afe
  • statusBarItem.prominentBackground#12121Dfe
  • statusBarItem.prominentForeground#E9E9FEce
  • statusBarItem.prominentHoverBackground#12121Dfe
  • statusBarItem.prominentHoverForeground#72C607fe
  • statusBarItem.remoteBackground#75C709fe
  • statusBarItem.remoteForeground#12121Dfe
  • statusBarItem.remoteHoverBackground#12121Dfe
  • statusBarItem.remoteHoverForeground#72C607fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#FEEEF3fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#C3D9C8fe
  • symbolIcon.colorForeground#DCE2D2fe
  • symbolIcon.constantForeground#DCE8DFfe
  • symbolIcon.constructorForeground#DFCDD3fe
  • symbolIcon.enumeratorForeground#E2D2D7fe
  • symbolIcon.enumeratorMemberForeground#D4DCC8fe
  • symbolIcon.eventForeground#CCBFAFfe
  • symbolIcon.fieldForeground#D1D9C3fe
  • symbolIcon.fileForeground#E4E8DCfe
  • symbolIcon.folderForeground#E4E8DCfe
  • symbolIcon.functionForeground#B9D1D2fe
  • symbolIcon.interfaceForeground#D7E5DAfe
  • symbolIcon.keyForeground#C8C8DCfe
  • symbolIcon.keywordForeground#DFD7CDfe
  • symbolIcon.methodForeground#F1F1FEfe
  • symbolIcon.moduleForeground#D2B9C1fe
  • symbolIcon.namespaceForeground#C3D7D9fe
  • symbolIcon.nullForeground#E8DCE0fe
  • symbolIcon.numberForeground#DCDCE9fe
  • symbolIcon.objectForeground#D2B9C1fe
  • symbolIcon.operatorForeground#DCE8E8fe
  • symbolIcon.packageForeground#CCBFAFfe
  • symbolIcon.propertyForeground#D2C7B9fe
  • symbolIcon.referenceForeground#E0D2E2fe
  • symbolIcon.snippetForeground#B9D1D2fe
  • symbolIcon.stringForeground#E5DFD7fe
  • symbolIcon.structForeground#E8DCE0fe
  • symbolIcon.textForeground#F1F1FEfe
  • symbolIcon.typeParameterForeground#D7E5DAfe
  • symbolIcon.unitForeground#CDD5BEfe
  • symbolIcon.variableForeground#C8DCCDfe
  • tab.activeBackground#141421fe
  • tab.activeBorder#140D1500
  • tab.activeBorderTop#73C707fe
  • tab.activeForeground#73C806fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#140D1500
  • tab.hoverBackground#EFEFFEfe
  • tab.hoverBorder#101019fe
  • tab.hoverForeground#74C809fe
  • tab.inactiveBackground#0A0A3C9b
  • tab.inactiveForeground#A0A0C465
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#101019fe
  • tab.unfocusedActiveBackground#1F1F3135
  • tab.unfocusedActiveBorder#0D0D1600
  • tab.unfocusedActiveBorderTop#1C1C4E65
  • tab.unfocusedActiveForeground#9B9BC065
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#F0F0FEfe
  • tab.unfocusedHoverBorder#1F1F313a
  • tab.unfocusedHoverForeground#AAAACA65
  • tab.unfocusedInactiveBackground#28284095
  • tab.unfocusedInactiveForeground#9696BD65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b7
  • 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#670067be
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecececa
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1C1C2Dfe
  • terminal.border#101019fe
  • terminal.dropBackground#1C1C2Dfe
  • terminal.findMatchBackground#1C1C2Dfe
  • terminal.findMatchBorder#101019fe
  • terminal.findMatchHighlightBackground#1C1C2Dfe
  • terminal.findMatchHighlightBorder#101019fe
  • terminal.foreground#F1F1FEae
  • terminal.hoverHighlightBackground#1C1C2Dfe
  • terminal.inactiveSelectionBackground#28284091
  • terminal.selectionBackground#806B5184
  • terminal.selectionForeground#DCE8E8ca
  • terminal.tab.activeBorder#74C709fe
  • terminalCommandDecoration.defaultBackground#FDF0DEa7
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1C1C2Dfe
  • terminalCursor.foreground#74C709fe
  • terminalOverviewRuler.cursorForeground#E9E9FEce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a7
  • testing.iconUnset#808080be
  • testing.message.error.decorationForeground#A5E356fe
  • testing.message.error.lineBackground#670067b6
  • testing.message.info.decorationForeground#A5E356fe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#101019fe
  • testing.peekHeaderBackground#1C1C2Dfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1C1C2Dfe
  • textBlockQuote.border#101019fe
  • textCodeBlock.background#1C1C2Dfe
  • textLink.activeForeground#74C60Afe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#E9E9FEce
  • textSeparator.foreground#E9E9FEce
  • titleBar.activeBackground#12121Dfe
  • titleBar.activeForeground#A9A9FAae
  • titleBar.border#12150D00
  • titleBar.inactiveBackground#08082Ed4
  • titleBar.inactiveForeground#9696BD65
  • toolbar.activeBackground#430F1F8b
  • toolbar.hoverBackground#1C1C2Dfe
  • toolbar.hoverOutline#140D1500
  • tree.inactiveIndentGuidesStroke#AD88B335
  • tree.indentGuidesStroke#9DDD4Afe
  • tree.tableColumnsBorder#101019fe
  • tree.tableOddRowsBackground#1C1C2Dfe
  • walkThrough.embeddedEditorBackground#1C1C2Dfe
  • walkthrough.stepTitle.foreground#E9E9FEce
  • welcomePage.background#1C1C2Dfe
  • welcomePage.progress.background#1C1C2Dfe
  • welcomePage.progress.foreground#E9E9FEce
  • welcomePage.tileBackground#1C1C2Dfe
  • welcomePage.tileBorder#101019fe
  • welcomePage.tileHoverBackground#1C1C2Dfe
  • widget.border#101019fe
  • widget.shadow#15110D00
  • window.activeBorder#101019fe
  • window.inactiveBorder#0C0C3C93

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#C1C1FC6e
comment.block.html#BABAFC6e
comment.block.java#B8B8FD6e
comment.block.javadoc.java#AEAEFC6e
comment.block.powershell#BABAFC6e
comment.block.xml#C0C0FE6e
comment.line.double-slash.c#B1B1FB6e
comment.line.double-slash.cpp#AAAAFB6e
comment.line.double-slash.java#A2A2FA6e
comment.line.double-slash.js#BFBFFD6e
comment.line.number-sign.makefile#ADADFB6e
comment.line.number-sign.python#ADADFB6e
comment.line.number-sign.yaml#BFBFFD6e
comment.line.percentage.erlang#9F9FFA6e
comment.line.powershell#BBBBFD6e
comment.source.cmake#BEBEFD6e
comment.source.cmakecache#C0C0FE6e
constant.character#74C60Ade
constant.character.character-class.regexp#08D53Cde
constant.character.escape#EAAAF9de
constant.character.set.regexp#50E174de
constant.language#07D33Ade
constant.numeric#7FBD2Ede
constant.numeric.dec.python#09E23Fde
constant.other.caps.python#AEAEF9de
constant.other.character-class.regexp#33BED2de
constant.other.character-class.set.regexp#C1C1FBde
constant.other.color.rgb-value#76CA09de
constant.other.placeholder#F9B0C3de
constant.other.rgb-value#E59CF6de
constant.regexp#F491AAde
constant.sha.git-rebase#09C8E3de
emphasis#09CA3Ade
entity.name.class#36D55Ede
entity.name.function#F8A6BBde
entity.name.function.preprocessor#F492ABde
entity.name.function.python#E69FF7de
entity.name.label#EBAC6Dde
entity.name.namespace#56D1E3de
entity.name.operator#41C7DAde
entity.name.operator.custom-literal#30D258de
entity.name.scope-resolution#07D6F4de
entity.name.tag#7BD409de
entity.name.tag.css#E39C56de
entity.name.type#EBAD6Fde
entity.name.variable#E8A4F8de
entity.other.attribute#F79EB4de
entity.other.attribute-name#08E53Fde
entity.other.attribute-name.class.css#7FDB08de
entity.other.attribute-name.class.mixin.css#80DF08de
entity.other.attribute-name.id#E19B54de
entity.other.attribute-name.id.css#B6B6FAde
entity.other.attribute-name.parent-selector.css#EAA968de
entity.other.attribute-name.pseudo-class.css#3ED865de
entity.other.attribute-name.pseudo-element.css#50E174de
entity.other.attribute-name.scss#75C90Ade
entity.other.document.begin.yaml#BCBCFD6e
entity.other.inherited-class#07D63Cde
header#08D9F7de
invalid#BABAFBde
keyword#F48EA7de
keyword.codetag.notation.python#AEAEF9de
keyword.control#E292F4de
keyword.control.anchor.regexp#E69FF7de
keyword.control.import.python#2EC153de
keyword.operator#FA9229de
keyword.operator.alignas#E69DF7de
keyword.operator.alignof#E59F5Bde
keyword.operator.cast#E69FF7de
keyword.operator.delete#E191F4de
keyword.operator.documentation.powershell#C0C0FE6e
keyword.operator.expression#BABAFBde
keyword.operator.instanceof#88CE2Ede
keyword.operator.logical.python#09CF3Ade
keyword.operator.minus.exponent#7EDB08de
keyword.operator.negation.regexp#82DF09de
keyword.operator.new#7AD207de
keyword.operator.noexcept#DF8AF3de
keyword.operator.or.regexp#A1A1F7de
keyword.operator.plus.exponent#76CA09de
keyword.operator.quantifier.regexp#F596AEde
keyword.operator.sizeof#E498F5de
keyword.operator.typeid#91D538de
keyword.operator.wordlike#DF8AF2de
keyword.other.operator#ECB0F9de
keyword.other.package.java#FEB873de
keyword.other.unit#2DBACFde
keyword.other.using#09DAF6de
markup.bold#E7A562de
markup.changed#F7A1B6de
markup.deleted#C2C2FCde
markup.fenced_code.block.markdown#F596AEde
markup.heading#E292F5de
markup.inline.raw#E39D56de
markup.inserted#F598AFde
markup.italic#E396F5de
markup.raw.block.markdown#F8A8BCde
markup.strikethrough#2EC554de
markup.underline#ABABF9de
meta.block.c#A5A5F8de
meta.block.c#E59DF6de
meta.class.java#2EBACEde
meta.definition.variable.name#08BFD9de
meta.diff.header#F38EA7de
meta.embedded#86CC2Dde
meta.embedded.assembly#F79FB5de
meta.function-call.arguments.python#EBADF9de
meta.function-call.python#09D23Cde
meta.member.access.python#80DB07de
meta.method.java#09E33Fde
meta.object-literal.key#EBAD6Fde
meta.paragraph.markdown#F595AEde
meta.preprocessor#F289A4de
meta.preprocessor.numeric#E39E59de
meta.preprocessor.string#F69BB2de
meta.scope.prerequisites.makefile#08C838de
meta.structure.dictionary.json.comments#BCBCFD6e
meta.structure.dictionary.key.python#F599B1de
meta.structure.dictionary.value.json.comments#C1C1FC6e
meta.template.expression#2ECE56de
meta.type.cast.expr#F9ABBEde
meta.type.new.expr#A8A8F8de
parameter#F289A4de
punctuation.character.set.begin.regexp#7DD709de
punctuation.character.set.end.regexp#7BD209de
punctuation.definition.array.begin.json#FAB2C4de
punctuation.definition.character-class.regexp#E498F6de
punctuation.definition.comment#A2A2FA6e
punctuation.definition.comment.json.comments#C0C0FE6e
punctuation.definition.comment.python#BABAFC6e
punctuation.definition.dictionary.begin.json#ECAF72de
punctuation.definition.dictionary.end.json#F491AAde
punctuation.definition.group.assertion.regexp#FCA248de
punctuation.definition.group.regexp#08E73Fde
punctuation.definition.list.begin.json#4ADD6Fde
punctuation.definition.list.begin.markdown#44DB6Ade
punctuation.definition.list.begin.python#F9AEC1de
punctuation.definition.list.end.json#E294F4de
punctuation.definition.list.end.markdown#F698B0de
punctuation.definition.list.end.python#A2A2F7de
punctuation.definition.parameters.begin.python#79CF07de
punctuation.definition.parameters.end.bracket.round.java#ECB1FAde
punctuation.definition.quote.begin.markdown#FAB5C7de
punctuation.definition.tag#32D25Ade
punctuation.definition.template-expression.begin#7BD409de
punctuation.definition.template-expression.end#FCA955de
punctuation.section.class.begin.bracket.curly.java#E08FF4de
punctuation.section.embedded#F598AFde
punctuation.section.embedded.begin.php#FAB5C6de
punctuation.section.embedded.end.php#08B8D1de
punctuation.terminator.java#E7A663de
source.cmake#E7A0F7de
source.coffee.embedded#08E03Fde
source.cpp#F48EA7de
source.css.less#7DD709de
source.groovy.embedded#F38EA8de
source.java#5CD4E5de
source.java-properties#7FDB08de
source.json.comments#A7A7FB6e
source.makefile#73C509de
source.powershell#34D45Dde
source.powershell.variable.other.member#09D63Dde
source.python#E7A0F7de
storage#E69DF7de
storage.modifier#E498F6de
storage.modifier.import.java#9F9FF7de
storage.modifier.package.java#AAAAF9de
storage.type#71C207de
storage.type.annotation.groovy#E59BF6de
storage.type.annotation.java#4CDF70de
storage.type.boolean.go#4ADD6Fde
storage.type.byte.go#85C92Dde
storage.type.cs#4ADD6Fde
storage.type.error.go#44DB6Ade
storage.type.generic.cs#F7A1B7de
storage.type.generic.groovy#B4B4FAde
storage.type.generic.java#F7A4B9de
storage.type.groovy#2EBED1de
storage.type.java#6FBF07de
storage.type.modifier.cs#DE89F2de
storage.type.numeric.go#3CD763de
storage.type.object.array.groovy#EDB3FAde
storage.type.object.array.java#33D25Bde
storage.type.parameters.groovy#E09851de
storage.type.primitive.array.groovy#AAAAF8de
storage.type.primitive.array.java#33D25Bde
storage.type.primitive.groovy#B5B5FAde
storage.type.primitive.java#71C108de
storage.type.rune.go#FAB2C4de
storage.type.string.go#48DD6Dde
storage.type.token.java#9F9FF7de
storage.type.uintptr.go#77CC09de
storage.type.variable.cs#9F9FF7de
string#F9AABEde
string.quoted.docstring.multi.python#B8B8FD6e
string.regexp#B9B9FBde
string.tag#E39C56de
string.value#F7A1B7de
strong#F8A5BAde
support.class#EDB176de
support.constant.color#DE88F2de
support.constant.dom#F48EA8de
support.constant.font-name#F7A2B8de
support.constant.handlebars#E59BF6de
support.constant.json#E396F5de
support.constant.math#09CB3Ade
support.constant.media#EBAD6Fde
support.constant.media-type#B8B8FBde
support.constant.property-value#74C709de
support.function#50E074de
support.function.git-rebase#B8B8FAde
support.other.parenthesis.regexp#07C7E3de
support.type#41DA68de
support.type.property-name#E498F6de
support.type.vendored.property-name#EDB176de
support.variable#F28CA5de
token.debug-token#E59BF6de
token.error-token#A5A5F8de
token.info-token#E49E57de
token.warn-token#F38DA7de
variable#F595ADde
variable.css#F0B67Dde
variable.language#33BFD3de
variable.language.wildcard.java#E59DF6de
variable.other.constant#C1C1FCde
variable.other.definition.java#E69FF7de
variable.other.enummember#82C32Dde
variable.other.less#44DB6Ade
variable.other.object.java#38D560de
variable.other.object.property.java#B1B1F9de
variable.parameter.c#BFBFFBde
variable.parameter.function.language.python#E498F5de
variable.parameter.java#B3B3FAde
variable.scss#F69BB1de
viiv by B.W - VS Code Theme