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#231f32fe
  • activityBar.activeBackground#231f32fe
  • activityBar.activeBorder#D1A2FEfe
  • activityBar.activeFocusBorder#F5A0A000
  • activityBar.background#161420fe
  • activityBar.border#D5B24A00
  • activityBar.dropBorder#D1A4FEfe
  • activityBar.foreground#C394F2fe
  • activityBar.inactiveForeground#A9A1C565
  • activityBarBadge.background#9D5CDDfe
  • activityBarBadge.foreground#161420fe
  • badge.background#CEA6F6fe
  • badge.foreground#161420fe
  • banner.background#231f32fe
  • banner.foreground#F5F5F8ce
  • banner.iconForeground#C4D3D9fe
  • breadcrumb.activeSelectionForeground#E9DCDDca
  • breadcrumb.background#191625fe
  • breadcrumb.focusForeground#CEA6F6fe
  • breadcrumb.foreground#ECEBF2ae
  • breadcrumbPicker.background#231f32fe
  • button.background#484067ae
  • button.border#170F0F00
  • button.foreground#F5F5F8ce
  • button.hoverBackground#3E3759fe
  • button.secondaryBackground#231f32fe
  • button.secondaryForeground#F5F5F8ce
  • button.secondaryHoverBackground#231f32fe
  • button.separator#12170F00
  • charts.blue#1b1bfffe
  • charts.foreground#F5F5F8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067bc
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#13111Cfe
  • chat.slashCommandBackground#231f32fe
  • chat.slashCommandForeground#F5F5F8ce
  • checkbox.background#13111Cfe
  • checkbox.border#13111Cfe
  • checkbox.foreground#F5F5F8ce
  • checkbox.selectBackground#13111Cfe
  • checkbox.selectBorder#13111Cfe
  • commandCenter.activeBackground#410F3E82
  • commandCenter.activeBorder#13111Cfe
  • commandCenter.activeForeground#CEA6F6fe
  • commandCenter.background#231f32fe
  • commandCenter.border#13111Cfe
  • commandCenter.foreground#F5F5F8ce
  • commandCenter.inactiveBorder#19085C9d
  • commandCenter.inactiveForeground#A098BF65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#17150F00
  • contrastBorder#0F171300
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#F5F5F8ce
  • debugConsole.sourceForeground#F5F5F8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#E6E3D7fe
  • debugExceptionWidget.background#670067ab
  • debugExceptionWidget.border#13111Cfe
  • debugIcon.breakpointCurrentStackframeForeground#EFF9FEfe
  • debugIcon.breakpointDisabledForeground#F7F5FE65
  • debugIcon.breakpointForeground#CEE0D6fe
  • debugIcon.breakpointStackframeForeground#D6BFD5fe
  • debugIcon.breakpointUnverifiedForeground#D1CDE0fe
  • debugIcon.continueForeground#FEF4FEfe
  • debugIcon.disconnectForeground#B5C9D0fe
  • debugIcon.pauseForeground#D0CAB5fe
  • debugIcon.restartForeground#E1E9DCfe
  • debugIcon.startForeground#B5C9D0fe
  • debugIcon.stepBackForeground#E3DFD3fe
  • debugIcon.stepIntoForeground#B5D0C1fe
  • debugIcon.stepOutForeground#E6E3D7fe
  • debugIcon.stepOverForeground#E0CEDFfe
  • debugIcon.stopForeground#C8C4DAfe
  • debugTokenExpression.boolean#CEDBE0ca
  • debugTokenExpression.error#E3D3D3ca
  • debugTokenExpression.name#E3D3E2ca
  • debugTokenExpression.number#D1CDE0ca
  • debugTokenExpression.value#DCE9E2ca
  • debugToolBar.background#670067c8
  • debugToolBar.border#13111Cfe
  • debugView.exceptionLabelBackground#14291Eca
  • debugView.exceptionLabelForeground#E0CEDFca
  • debugView.stateLabelBackground#271D49ca
  • debugView.stateLabelForeground#CDC9DDca
  • debugView.valueChangedHighlight#E6D7E5ca
  • descriptionForeground#F5F5F8ce
  • diffEditor.border#17150F00
  • diffEditor.diagonalFill#000000fe
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0F171300
  • diffEditor.move.border#12170F00
  • diffEditor.moveActive.border#17150F00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#12170F00
  • diffEditor.unchangedCodeBackground#231f32fe
  • diffEditor.unchangedRegionBackground#231f32fe
  • diffEditor.unchangedRegionForeground#F5F5F8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#F8F6FE65
  • dropdown.background#13111Cfe
  • dropdown.border#13111Cfe
  • dropdown.foreground#F5F5F8ce
  • dropdown.listBackground#13111Cfe
  • editor.background#231f32fe
  • editor.findMatchBackground#82427Eac
  • editor.findMatchBorder#13111Cfe
  • editor.findMatchHighlightBackground#C55158a2
  • editor.findMatchHighlightBorder#13111Cfe
  • editor.findRangeHighlightBackground#446B55ae
  • editor.findRangeHighlightBorder#13111Cfe
  • editor.focusedStackFrameHighlightBackground#8242458a
  • editor.foldBackground#F6F4FEae
  • editor.foreground#F5F5F8ce
  • editor.hoverHighlightBackground#C04EB9a4
  • editor.inactiveSelectionBackground#654CC899
  • editor.inlineValuesBackground#231f32fe
  • editor.inlineValuesForeground#F5F5F8ce
  • editor.lineHighlightBackground#3B3454b4
  • editor.lineHighlightBorder#170F0F00
  • editor.linkedEditingBackground#231f32fe
  • editor.rangeHighlightBackground#784275a1
  • editor.rangeHighlightBorder#13111Cfe
  • editor.selectionBackground#675B94aa
  • editor.selectionForeground#C9D7DDca
  • editor.selectionHighlightBackground#627F5085
  • editor.selectionHighlightBorder#13111Cfe
  • editor.snippetFinalTabstopHighlightBackground#755DCEa1
  • editor.snippetFinalTabstopHighlightBorder#13111Cfe
  • editor.snippetTabstopHighlightBackground#644EB6a7
  • editor.snippetTabstopHighlightBorder#13111Cfe
  • editor.stackFrameHighlightBackground#6952B8a6
  • editor.symbolHighlightBackground#50727Fa4
  • editor.symbolHighlightBorder#13111Cfe
  • editor.wordHighlightBackground#3D614Dab
  • editor.wordHighlightBorder#170F1700
  • editor.wordHighlightStrongBackground#5A754Aa1
  • editor.wordHighlightStrongBorder#170F0F00
  • editor.wordHighlightTextBackground#4A755Da8
  • editor.wordHighlightTextBorder#12170F00
  • editorBracketHighlight.foreground1#F5F5F8ce
  • editorBracketHighlight.foreground2#F5F5F8ce
  • editorBracketHighlight.foreground3#F5F5F8ce
  • editorBracketHighlight.foreground4#F5F5F8ce
  • editorBracketHighlight.foreground5#F5F5F8ce
  • editorBracketHighlight.foreground6#F5F5F8ce
  • editorBracketHighlight.unexpectedBracket.foreground#F5F5F8ce
  • editorBracketMatch.background#FEF5F5a2
  • editorBracketMatch.border#13111Cfe
  • editorBracketPairGuide.activeBackground1#FDF8E28b
  • editorBracketPairGuide.activeBackground2#FEF5F68a
  • editorBracketPairGuide.activeBackground3#ECF9FE83
  • editorBracketPairGuide.activeBackground4#FEF4FE8e
  • editorBracketPairGuide.activeBackground5#ECFDDF83
  • editorBracketPairGuide.activeBackground6#FDF8E282
  • editorBracketPairGuide.background1#261D48fe
  • editorBracketPairGuide.background2#272213fe
  • editorBracketPairGuide.background3#15252Cfe
  • editorBracketPairGuide.background4#271D4Bfe
  • editorBracketPairGuide.background5#3B1A1Cfe
  • editorBracketPairGuide.background6#1A2613fe
  • editorCodeLens.foreground#F7F6FE6e
  • editorCommentsWidget.rangeActiveBackground#F8F6FEfe
  • editorCommentsWidget.rangeBackground#231f32fe
  • editorCommentsWidget.resolvedBorder#13111Cfe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#231f32fe
  • editorCursor.foreground#CEA6F6fe
  • editorError.background#17150F00
  • editorError.border#12170F00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#231f32fe
  • editorGhostText.border#170F0F00
  • editorGhostText.foreground#F8F6FE6e
  • editorGroup.border#13111Cfe
  • editorGroup.dropBackground#231f32fe
  • editorGroup.dropIntoPromptBackground#231f32fe
  • editorGroup.dropIntoPromptBorder#13111Cfe
  • editorGroup.dropIntoPromptForeground#F5F5F8ce
  • editorGroup.emptyBackground#231f32fe
  • editorGroup.focusedEmptyBorder#13111Cfe
  • editorGroupHeader.border#17150F00
  • editorGroupHeader.noTabsBackground#161420ae
  • editorGroupHeader.tabsBackground#231f32a1
  • editorGroupHeader.tabsBorder#0F171300
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#231f32fe
  • editorGutter.commentGlyphForeground#F5F5F8ce
  • editorGutter.commentRangeForeground#F5F5F8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#F5F5F8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#100E1800
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#13111Cfe
  • editorHoverWidget.border#13111Cfe
  • editorHoverWidget.foreground#F5F5F8ce
  • editorHoverWidget.highlightForeground#E1E9DCca
  • editorHoverWidget.statusBarBackground#231f32fe
  • editorIndentGuide.activeBackground1#F8F6FEfe
  • editorIndentGuide.activeBackground2#F8F6FEfe
  • editorIndentGuide.activeBackground3#F6F4FEfe
  • editorIndentGuide.activeBackground4#F6F4FEfe
  • editorIndentGuide.activeBackground5#F6F4FEfe
  • editorIndentGuide.activeBackground6#F8F6FEfe
  • editorIndentGuide.background1#C7A7A835
  • editorIndentGuide.background2#A2BAC435
  • editorIndentGuide.background3#B88EB535
  • editorIndentGuide.background4#AE80AC35
  • editorIndentGuide.background5#9EB88E35
  • editorIndentGuide.background6#ABC19D35
  • editorInfo.background#170F1700
  • editorInfo.border#170F1700
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#231f32fe
  • editorInlayHint.foreground#F5F5F8ce
  • editorInlayHint.parameterBackground#231f32fe
  • editorInlayHint.parameterForeground#F5F5F8ce
  • editorInlayHint.typeBackground#231f32fe
  • editorInlayHint.typeForeground#F5F5F8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#CEA5F6fe
  • editorLineNumber.dimmedForeground#F8F6FE6e
  • editorLineNumber.foreground#F7F5FE6e
  • editorLink.activeForeground#9451D7fe
  • editorMarkerNavigation.background#13111Cfe
  • editorMarkerNavigationError.background#6700679e
  • editorMarkerNavigationError.headerBackground#670067a9
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#231f32fe
  • editorOverviewRuler.border#1D0A6Afe
  • editorOverviewRuler.bracketMatchForeground#F5F5F8ce
  • editorOverviewRuler.commentForeground#F7F5FE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F5F5F8ce
  • editorOverviewRuler.currentContentForeground#cececec2
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DAD7E6ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E9DCE8ca
  • editorOverviewRuler.wordHighlightStrongForeground#F5F5F8ce
  • editorOverviewRuler.wordHighlightTextForeground#F5F5F8ce
  • editorPane.background#231f32fe
  • editorRuler.foreground#F8F6FE2a
  • editorStickyScroll.background#231f32fe
  • editorStickyScroll.shadow#0F151700
  • editorStickyScrollHover.background#200D69fe
  • editorSuggestWidget.background#13111Cfe
  • editorSuggestWidget.border#100E1800
  • editorSuggestWidget.focusHighlightForeground#DAB224fe
  • editorSuggestWidget.foreground#E6D7D8fe
  • editorSuggestWidget.highlightForeground#DDC9DBca
  • editorSuggestWidget.selectedBackground#7A704D82
  • editorSuggestWidget.selectedForeground#E9DCE8ca
  • editorSuggestWidget.selectedIconForeground#DAD7E6ca
  • editorSuggestWidgetStatus.foreground#E3D3D3fe
  • editorUnicodeHighlight.background#7F507Ca9
  • editorUnicodeHighlight.border#13111Cfe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#17150F00
  • editorWarning.border#12170F00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F5F5F8ce
  • editorWidget.background#13111Cfe
  • editorWidget.border#13111Cfe
  • editorWidget.foreground#F5F5F8ce
  • editorWidget.resizeBorder#13111Cfe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#9D5CDDfe
  • extensionBadge.remoteForeground#161420fe
  • extensionButton.background#1D0A6Aae
  • extensionButton.foreground#F5F5F8ce
  • extensionButton.hoverBackground#1D0A6Afe
  • extensionButton.prominentBackground#231f32fe
  • extensionButton.prominentForeground#F5F5F8ce
  • extensionButton.prominentHoverBackground#231f32fe
  • extensionButton.separator#100E1800
  • extensionIcon.preReleaseForeground#CDC7B0fe
  • extensionIcon.sponsorForeground#EFF9FEfe
  • extensionIcon.starForeground#E6D7D8fe
  • extensionIcon.verifiedForeground#E3DFD3fe
  • focusBorder#0F171300
  • foreground#F5F5F8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#F7F5FEae
  • inlineChat.background#351933ca
  • inlineChat.border#3A1A1Bca
  • inlineChat.regionHighlight#CEDBE0ca
  • inlineChat.shadow#E0DCCEca
  • inlineChatDiff.inserted#E3D3D3ca
  • inlineChatDiff.removed#DFDCE9ca
  • inlineChatInput.background#E1E9DCca
  • inlineChatInput.border#271E45ca
  • inlineChatInput.focusBorder#170F1700
  • inlineChatInput.placeholderForeground#D5E0CEca
  • input.background#13111Cfe
  • input.border#13111Cfe
  • input.foreground#F5F5F8ce
  • input.placeholderForeground#F8F6FE65
  • inputOption.activeBackground#13111Cfe
  • inputOption.activeBorder#13111Cfe
  • inputOption.activeForeground#904CD4fe
  • inputOption.hoverBackground#13111Cfe
  • inputValidation.errorBackground#670067ad
  • inputValidation.errorBorder#670067ba
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#13111Cfe
  • inputValidation.infoForeground#F5F5F8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#13111Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#13111Cfe
  • interactive.inactiveCodeBorder#15064E93
  • keybindingLabel.background#231f32fe
  • keybindingLabel.border#13111Cfe
  • keybindingLabel.bottomBorder#13111Cfe
  • keybindingLabel.foreground#F5F5F8ce
  • keybindingTable.headerBackground#231f32fe
  • keybindingTable.rowsBackground#231f32fe
  • list.activeSelectionBackground#6B624487
  • list.activeSelectionForeground#CDC9DDca
  • list.activeSelectionIconForeground#DDC9DBca
  • list.deemphasizedForeground#F5F5F8ce
  • list.dropBackground#231f32fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#231f32fe
  • list.filterMatchBorder#13111Cfe
  • list.focusAndSelectionOutline#170F1700
  • list.focusBackground#775DD997
  • list.focusForeground#CEA6F6fe
  • list.focusHighlightForeground#FB9CA3fe
  • list.focusOutline#100E1800
  • list.highlightForeground#E3D3E2ca
  • list.hoverBackground#200D69fe
  • list.hoverForeground#CEA6F6fe
  • list.inactiveFocusBackground#302B4598
  • list.inactiveFocusOutline#17150F00
  • list.inactiveSelectionBackground#161420ae
  • list.inactiveSelectionForeground#F8F6FE65
  • list.inactiveSelectionIconForeground#F7F5FE65
  • list.invalidItemForeground#F5F5F8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#231f32fe
  • listFilterWidget.noMatchesOutline#170F1700
  • listFilterWidget.outline#0F171300
  • listFilterWidget.shadow#100E1800
  • menu.background#161420fe
  • menu.border#0F151700
  • menu.foreground#E8E6EFae
  • menu.selectionBackground#5D5285a2
  • menu.selectionBorder#17150F00
  • menu.selectionForeground#CEA6F6fe
  • menu.separatorBackground#271C4E65
  • menubar.selectionBackground#614CB2a2
  • menubar.selectionBorder#0F151700
  • menubar.selectionForeground#CEA6F6fe
  • merge.border#13111Cfe
  • merge.commonContentBackground#231f32fe
  • merge.commonHeaderBackground#231f32fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#231f32fe
  • mergeEditor.change.word.background#231f32fe
  • mergeEditor.changeBase.background#231f32fe
  • mergeEditor.changeBase.word.background#231f32fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#13111Cfe
  • mergeEditor.conflict.handledUnfocused.border#2622362c
  • mergeEditor.conflict.input1.background#13111Cfe
  • mergeEditor.conflict.input2.background#13111Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067aa
  • mergeEditor.conflict.unhandledFocused.border#13111Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#11073F2c
  • mergeEditor.conflictingLines.background#231f32fe
  • minimap.background#231f32fe
  • 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#675B94fe
  • minimapSlider.background#4C436Cae
  • minimapSlider.hoverBackground#4F4671fe
  • notebook.cellBorderColor#13111Cfe
  • notebook.cellEditorBackground#231f32fe
  • notebook.cellHoverBackground#231f32fe
  • notebook.cellInsertionIndicator#D9E3D3ca
  • notebook.cellStatusBarItemHoverBackground#231f32fe
  • notebook.cellToolbarSeparator#DFDCE9ca
  • notebook.editorBackground#231f32fe
  • notebook.focusedCellBackground#231f32fe
  • notebook.focusedCellBorder#CEA5F6fe
  • notebook.focusedEditorBorder#13111Cfe
  • notebook.inactiveFocusedCellBorder#6B5E988e
  • notebook.inactiveSelectedCellBorder#64588F8e
  • notebook.outputContainerBackgroundColor#231f32fe
  • notebook.outputContainerBorderColor#13111Cfe
  • notebook.selectedCellBackground#231f32fe
  • notebook.selectedCellBorder#13111Cfe
  • notebook.symbolHighlightBackground#231f32fe
  • notebookEditorOverviewRuler.runningCellForeground#F5F5F8ce
  • notebookScrollbarSlider.activeBackground#6E629Dfe
  • notebookScrollbarSlider.background#453D63ae
  • notebookScrollbarSlider.hoverBackground#453D63fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#C8C4DAfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#13111Cfe
  • notificationCenterHeader.background#231f32fe
  • notificationCenterHeader.foreground#F5F5F8ce
  • notificationLink.foreground#F5F5F8ce
  • notifications.background#231f32fe
  • notifications.border#13111Cfe
  • notifications.foreground#F5F5F8ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#D3E3DAfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#13111Cfe
  • panel.background#231f32fe
  • panel.border#13111Cfe
  • panel.dropBorder#13111Cfe
  • panelInput.border#13111Cfe
  • panelSection.border#13111Cfe
  • panelSection.dropBackground#231f32fe
  • panelSectionHeader.background#231f32fe
  • panelSectionHeader.border#13111Cfe
  • panelSectionHeader.foreground#F5F5F8ce
  • panelTitle.activeBorder#170F0F00
  • panelTitle.activeForeground#C394F2fe
  • panelTitle.inactiveForeground#A49CC265
  • peekView.border#CE9BFEfe
  • peekViewEditor.background#13111Cfe
  • peekViewEditor.matchHighlightBackground#5383688d
  • peekViewEditor.matchHighlightBorder#0F171300
  • peekViewEditorGutter.background#13111Cfe
  • peekViewEditorStickyScroll.background#231f32fe
  • peekViewResult.background#161420fe
  • peekViewResult.fileForeground#F5F5F8ce
  • peekViewResult.lineForeground#F5F5F8ce
  • peekViewResult.matchHighlightBackground#485C3A8e
  • peekViewResult.selectionBackground#627F5088
  • peekViewResult.selectionForeground#CDC9DDca
  • peekViewTitle.background#161420fe
  • peekViewTitleDescription.foreground#F5F5F8ce
  • peekViewTitleLabel.foreground#F5F5F8ce
  • pickerGroup.border#13111Cfe
  • pickerGroup.foreground#F5F5F8ce
  • ports.iconRunningProcessForeground#C9D7DDfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#9451D7fe
  • profileBadge.foreground#161420fe
  • progressBar.background#231f32fe
  • quickInput.background#161420fe
  • quickInput.foreground#E8E6EFae
  • quickInputList.focusBackground#754A72a7
  • quickInputList.focusForeground#A162E0fe
  • quickInputList.focusIconForeground#9D5CDDfe
  • quickInputTitle.background#13111Cfe
  • sash.hoverBorder#13111Cfe
  • scrollbar.shadow#170F0F00
  • scrollbarSlider.activeBackground#60558Afe
  • scrollbarSlider.background#3E3759ae
  • scrollbarSlider.hoverBackground#4C436Cfe
  • search.resultsInfoForeground#F5F5F8ce
  • searchEditor.findMatchBackground#5E7A4Dac
  • searchEditor.findMatchBorder#13111Cfe
  • searchEditor.textInputBorder#13111Cfe
  • selection.background#231f32fe
  • settings.checkboxBackground#13111Cfe
  • settings.checkboxBorder#13111Cfe
  • settings.checkboxForeground#F5F5F8ce
  • settings.dropdownBackground#13111Cfe
  • settings.dropdownBorder#13111Cfe
  • settings.dropdownForeground#F5F5F8ce
  • settings.dropdownListBorder#13111Cfe
  • settings.focusedRowBackground#53836884
  • settings.focusedRowBorder#13111Cfe
  • settings.headerBorder#13111Cfe
  • settings.headerForeground#F5F5F8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#13111Cfe
  • settings.numberInputBorder#13111Cfe
  • settings.numberInputForeground#F5F5F8ce
  • settings.rowHoverBackground#231f32fe
  • settings.sashBorder#13111Cfe
  • settings.settingsHeaderHoverForeground#904CD4fe
  • settings.textInputBackground#13111Cfe
  • settings.textInputBorder#13111Cfe
  • settings.textInputForeground#F5F5F8ce
  • sideBar.background#231f32fe
  • sideBar.border#13111Cfe
  • sideBar.dropBackground#231f32fe
  • sideBar.foreground#F7F5FEae
  • sideBarSectionHeader.background#0F171300
  • sideBarSectionHeader.border#13111Cfe
  • sideBarSectionHeader.foreground#F5F5F8ce
  • sideBarTitle.foreground#F5F5F8ce
  • sideBySideEditor.horizontalBorder#13111Cfe
  • sideBySideEditor.verticalBorder#13111Cfe
  • simpleFindWidget.sashBorder#13111Cfe
  • statusBar.background#161420fe
  • statusBar.border#13111Cfe
  • statusBar.debuggingBackground#670067c2
  • statusBar.debuggingBorder#13111Cfe
  • statusBar.debuggingForeground#F5F5F8ce
  • statusBar.focusBorder#0F151700
  • statusBar.foreground#F7F5FE6e
  • statusBar.noFolderBackground#161420fe
  • statusBar.noFolderBorder#13111Cfe
  • statusBar.noFolderForeground#F5F5F8ce
  • statusBarItem.activeBackground#161420fe
  • statusBarItem.compactHoverBackground#161420fe
  • statusBarItem.errorBackground#6700679b
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067a4
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#170F1700
  • statusBarItem.hoverBackground#161420fe
  • statusBarItem.hoverForeground#CEA6F6fe
  • statusBarItem.offlineBackground#161420fe
  • statusBarItem.offlineForeground#F5F5F8ce
  • statusBarItem.offlineHoverBackground#161420fe
  • statusBarItem.offlineHoverForeground#9451D7fe
  • statusBarItem.prominentBackground#161420fe
  • statusBarItem.prominentForeground#F5F5F8ce
  • statusBarItem.prominentHoverBackground#161420fe
  • statusBarItem.prominentHoverForeground#CEA5F6fe
  • statusBarItem.remoteBackground#9451D7fe
  • statusBarItem.remoteForeground#161420fe
  • statusBarItem.remoteHoverBackground#161420fe
  • statusBarItem.remoteHoverForeground#9D5CDDfe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#D3DEE3fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#E0CECFfe
  • symbolIcon.colorForeground#C4D3BAfe
  • symbolIcon.constantForeground#DFDCE9fe
  • symbolIcon.constructorForeground#D5E0CEfe
  • symbolIcon.enumeratorForeground#DDC9CAfe
  • symbolIcon.enumeratorMemberForeground#E9DCE8fe
  • symbolIcon.eventForeground#E9DCE8fe
  • symbolIcon.fieldForeground#DFDCE9fe
  • symbolIcon.fileForeground#DFDCE9fe
  • symbolIcon.folderForeground#C4D3BAfe
  • symbolIcon.functionForeground#F8F6FEfe
  • symbolIcon.interfaceForeground#C4D3D9fe
  • symbolIcon.keyForeground#C9D7DDfe
  • symbolIcon.keywordForeground#DCE5E9fe
  • symbolIcon.methodForeground#F7F6FEfe
  • symbolIcon.moduleForeground#B0CDBDfe
  • symbolIcon.namespaceForeground#BFD0D6fe
  • symbolIcon.nullForeground#FEF5F5fe
  • symbolIcon.numberForeground#E1E9DCfe
  • symbolIcon.objectForeground#E0DCCEfe
  • symbolIcon.operatorForeground#E1E9DCfe
  • symbolIcon.packageForeground#C0D0B5fe
  • symbolIcon.propertyForeground#D5E0CEfe
  • symbolIcon.referenceForeground#D6D2E3fe
  • symbolIcon.snippetForeground#FEF5F6fe
  • symbolIcon.stringForeground#C4D9CEfe
  • symbolIcon.structForeground#F7F6FEfe
  • symbolIcon.textForeground#E3DFD3fe
  • symbolIcon.typeParameterForeground#BCCDB0fe
  • symbolIcon.unitForeground#CDC9DDfe
  • symbolIcon.variableForeground#CDC7B0fe
  • tab.activeBackground#191625fe
  • tab.activeBorder#170F1700
  • tab.activeBorderTop#D1A4FEfe
  • tab.activeForeground#D1A4FEfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#12170F00
  • tab.hoverBackground#F7F6FEfe
  • tab.hoverBorder#13111Cfe
  • tab.hoverForeground#904CD4fe
  • tab.inactiveBackground#19065E95
  • tab.inactiveForeground#A098BF65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#13111Cfe
  • tab.unfocusedActiveBackground#29253B28
  • tab.unfocusedActiveBorder#0F151700
  • tab.unfocusedActiveBorderTop#261C4D65
  • tab.unfocusedActiveForeground#ADA6C865
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#F7F5FEfe
  • tab.unfocusedHoverBorder#2622363b
  • tab.unfocusedHoverForeground#B2ABCB65
  • tab.unfocusedInactiveBackground#302B459c
  • tab.unfocusedInactiveForeground#A49CC265
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b1
  • 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#670067bc
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecececa
  • terminal.ansiYellow#c4a200fe
  • terminal.background#231f32fe
  • terminal.border#13111Cfe
  • terminal.dropBackground#231f32fe
  • terminal.findMatchBackground#231f32fe
  • terminal.findMatchBorder#13111Cfe
  • terminal.findMatchHighlightBackground#231f32fe
  • terminal.findMatchHighlightBorder#13111Cfe
  • terminal.foreground#F7F5FEae
  • terminal.hoverHighlightBackground#231f32fe
  • terminal.inactiveSelectionBackground#2D284097
  • terminal.selectionBackground#7F457C8c
  • terminal.selectionForeground#E9E6DCca
  • terminal.tab.activeBorder#BF8DF0fe
  • terminalCommandDecoration.defaultBackground#FEF4F5a1
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#231f32fe
  • terminalCursor.foreground#9451D7fe
  • terminalOverviewRuler.cursorForeground#F5F5F8ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c8
  • testing.iconUnset#808080c1
  • testing.message.error.decorationForeground#FAF5FEfe
  • testing.message.error.lineBackground#670067b8
  • testing.message.info.decorationForeground#FAF5FEfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#13111Cfe
  • testing.peekHeaderBackground#231f32fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#231f32fe
  • textBlockQuote.border#13111Cfe
  • textCodeBlock.background#231f32fe
  • textLink.activeForeground#CDA5F6fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#F5F5F8ce
  • textSeparator.foreground#F5F5F8ce
  • titleBar.activeBackground#161420fe
  • titleBar.activeForeground#BCAAFBae
  • titleBar.border#12170F00
  • titleBar.inactiveBackground#262236d2
  • titleBar.inactiveForeground#A9A1C565
  • toolbar.activeBackground#4513158b
  • toolbar.hoverBackground#231f32fe
  • toolbar.hoverOutline#0F171300
  • tree.inactiveIndentGuidesStroke#A3BB9335
  • tree.indentGuidesStroke#FAF6FEfe
  • tree.tableColumnsBorder#13111Cfe
  • tree.tableOddRowsBackground#231f32fe
  • walkThrough.embeddedEditorBackground#231f32fe
  • walkthrough.stepTitle.foreground#F5F5F8ce
  • welcomePage.background#231f32fe
  • welcomePage.progress.background#231f32fe
  • welcomePage.progress.foreground#F5F5F8ce
  • welcomePage.tileBackground#231f32fe
  • welcomePage.tileBorder#13111Cfe
  • welcomePage.tileHoverBackground#231f32fe
  • widget.border#13111Cfe
  • widget.shadow#0F151700
  • window.activeBorder#13111Cfe
  • window.inactiveBorder#19065E9b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#B4A3F96e
comment.block.html#CCC0FE6e
comment.block.java#CBC2FD6e
comment.block.javadoc.java#BBABFA6e
comment.block.powershell#CBC2FD6e
comment.block.xml#C4B8FD6e
comment.line.double-slash.c#C8BCFD6e
comment.line.double-slash.cpp#B1A4FA6e
comment.line.double-slash.java#B4A3F96e
comment.line.double-slash.js#CFC5FE6e
comment.line.number-sign.makefile#D1C4FE6e
comment.line.number-sign.python#BAABFC6e
comment.line.number-sign.yaml#C9BCFC6e
comment.line.percentage.erlang#BDAFFC6e
comment.line.powershell#BFAEFC6e
comment.source.cmake#B4A9FA6e
comment.source.cmakecache#CFC5FE6e
constant.character#0ACA0Ade
constant.character.character-class.regexp#C1CE41de
constant.character.escape#CDA4F6de
constant.character.set.regexp#A8B538de
constant.language#B4C60Bde
constant.numeric#F08DC9de
constant.numeric.dec.python#5CDD5Cde
constant.other.caps.python#F4AE9Cde
constant.other.character-class.regexp#AFBEF8de
constant.other.character-class.set.regexp#0BC39Ede
constant.other.color.rgb-value#D9B9F9de
constant.other.placeholder#0BC9A3de
constant.other.rgb-value#B4C2F9de
constant.regexp#F3AA97de
constant.sha.git-rebase#BFCD41de
emphasis#EE9B86de
entity.name.class#C99DF4de
entity.name.function#EE9B86de
entity.name.function.preprocessor#C0D40Ade
entity.name.function.python#B7C538de
entity.name.label#F5B2A1de
entity.name.namespace#B1BFF8de
entity.name.operator#EE9984de
entity.name.operator.custom-literal#C1CF44de
entity.name.scope-resolution#B7C538de
entity.name.tag#C79AF4de
entity.name.tag.css#BCD00Bde
entity.name.type#F08DC9de
entity.name.variable#F6A3D4de
entity.other.attribute#F396CEde
entity.other.attribute-name#44D044de
entity.other.attribute-name.class.css#9AACF4de
entity.other.attribute-name.class.mixin.css#56DAC0de
entity.other.attribute-name.id#48D2B7de
entity.other.attribute-name.id.css#F08BC7de
entity.other.attribute-name.parent-selector.css#CFA7F7de
entity.other.attribute-name.pseudo-class.css#0AE10Ade
entity.other.attribute-name.pseudo-element.css#9AACF4de
entity.other.attribute-name.scss#0AE10Ade
entity.other.document.begin.yaml#C4B8FD6e
entity.other.inherited-class#67E367de
header#D6B2F9de
invalid#09C9A4de
keyword#9AACF4de
keyword.codetag.notation.python#09CDA8de
keyword.control#F3A996de
keyword.control.anchor.regexp#A8B437de
keyword.control.import.python#D6B4F9de
keyword.operator#EC9681de
keyword.operator.alignas#F295CDde
keyword.operator.alignof#0AC49Ede
keyword.operator.cast#62E0C7de
keyword.operator.delete#C79AF4de
keyword.operator.documentation.powershell#B6A7FB6e
keyword.operator.expression#38C7AAde
keyword.operator.instanceof#62E0C7de
keyword.operator.logical.python#D1ABF7de
keyword.operator.minus.exponent#4CD44Cde
keyword.operator.negation.regexp#CDA4F6de
keyword.operator.new#FAB9E0de
keyword.operator.noexcept#09E1B8de
keyword.operator.or.regexp#0BD60Bde
keyword.operator.plus.exponent#0BD8B0de
keyword.operator.quantifier.regexp#F5A1D4de
keyword.operator.sizeof#A7B7F7de
keyword.operator.typeid#09E909de
keyword.operator.wordlike#F08CC8de
keyword.other.operator#F6B7A6de
keyword.other.package.java#F9B8DFde
keyword.other.unit#9AACF4de
keyword.other.using#B7CB0Bde
markup.bold#38C538de
markup.changed#B5C3F9de
markup.deleted#EF9E89de
markup.fenced_code.block.markdown#0AE00Ade
markup.heading#A9B8F7de
markup.inline.raw#0AD40Ade
markup.inserted#99ABF3de
markup.italic#F5A1D3de
markup.raw.block.markdown#F49CD1de
markup.strikethrough#F4AC9Ade
markup.underline#EE9B86de
meta.block.c#5CDD5Cde
meta.block.c#9BADF3de
meta.class.java#F49DD2de
meta.definition.variable.name#F294CCde
meta.diff.header#5CDD5Cde
meta.embedded#37C1A6de
meta.embedded.assembly#A6B70Cde
meta.function-call.arguments.python#B0BD38de
meta.function-call.python#F6B3A2de
meta.member.access.python#9AACF4de
meta.method.java#F2A794de
meta.object-literal.key#B1BFF8de
meta.paragraph.markdown#0ACEA6de
meta.preprocessor#F190CAde
meta.preprocessor.numeric#67E367de
meta.preprocessor.string#A1B2F5de
meta.scope.prerequisites.makefile#ACBBF7de
meta.structure.dictionary.json.comments#CFC5FE6e
meta.structure.dictionary.key.python#F7B7A7de
meta.structure.dictionary.value.json.comments#C2B4FB6e
meta.template.expression#F2A794de
meta.type.cast.expr#0AD70Ade
meta.type.new.expr#AABAF7de
parameter#52D9BEde
punctuation.character.set.begin.regexp#F3AA98de
punctuation.character.set.end.regexp#C799F3de
punctuation.definition.array.begin.json#9CAEF4de
punctuation.definition.character-class.regexp#B5C3F9de
punctuation.definition.comment#CDBFFD6e
punctuation.definition.comment.json.comments#C9BCFC6e
punctuation.definition.comment.python#CCC0FE6e
punctuation.definition.dictionary.begin.json#CBA1F5de
punctuation.definition.dictionary.end.json#3DC93Dde
punctuation.definition.group.assertion.regexp#CAA0F5de
punctuation.definition.group.regexp#ACBE0Cde
punctuation.definition.list.begin.json#C6D44Cde
punctuation.definition.list.begin.markdown#47D047de
punctuation.definition.list.begin.python#EC9680de
punctuation.definition.list.end.json#9EB0F5de
punctuation.definition.list.end.markdown#62E0C7de
punctuation.definition.list.end.python#F190CBde
punctuation.definition.parameters.begin.python#F2A591de
punctuation.definition.parameters.end.bracket.round.java#62E0C7de
punctuation.definition.quote.begin.markdown#0AD8AFde
punctuation.definition.tag#0BCCA5de
punctuation.definition.template-expression.begin#F5A1D4de
punctuation.definition.template-expression.end#ADBA37de
punctuation.section.class.begin.bracket.curly.java#F5A1D4de
punctuation.section.embedded#B9C739de
punctuation.section.embedded.begin.php#ED9782de
punctuation.section.embedded.end.php#F08DC9de
punctuation.terminator.java#A8B538de
source.cmake#62E062de
source.coffee.embedded#38C5A9de
source.cpp#4CD44Cde
source.css.less#B8C6FAde
source.groovy.embedded#0ADCB1de
source.java#6DE56Dde
source.java-properties#F4AC9Ade
source.json.comments#C6B7FC6e
source.makefile#43CFB2de
source.powershell#C79AF4de
source.powershell.variable.other.member#0BD2ABde
source.python#3BC93Bde
storage#B7C4F9de
storage.modifier#F08DC8de
storage.modifier.import.java#C99EF4de
storage.modifier.package.java#F1A28Ede
storage.type#DDC0FBde
storage.type.annotation.groovy#50D6BCde
storage.type.annotation.java#F18ECAde
storage.type.boolean.go#F7ABD9de
storage.type.byte.go#D3ADF8de
storage.type.cs#3DCAAEde
storage.type.error.go#4CD4B9de
storage.type.generic.cs#F8BCADde
storage.type.generic.groovy#41CDB1de
storage.type.generic.java#3CCB3Cde
storage.type.groovy#5ADD5Ade
storage.type.java#96A9F3de
storage.type.modifier.cs#ED9882de
storage.type.numeric.go#BECC3Ede
storage.type.object.array.groovy#0ADE0Ade
storage.type.object.array.java#0ADD0Ade
storage.type.parameters.groovy#BECAFAde
storage.type.primitive.array.groovy#F396CDde
storage.type.primitive.array.java#41CDB1de
storage.type.primitive.groovy#EC9680de
storage.type.primitive.java#99AAF3de
storage.type.rune.go#F5A1D4de
storage.type.string.go#0ADCB1de
storage.type.token.java#09E109de
storage.type.uintptr.go#51D751de
storage.type.variable.cs#F190CAde
string#4CD44Cde
string.quoted.docstring.multi.python#C2B4FB6e
string.regexp#CA9FF5de
string.tag#F18FCAde
string.value#6DE56Dde
strong#F08DC8de
support.class#F6A4D6de
support.constant.color#BCD00Bde
support.constant.dom#A4B5F6de
support.constant.font-name#CEA6F6de
support.constant.handlebars#BFCD41de
support.constant.json#4ED64Ede
support.constant.math#F2A794de
support.constant.media#DCBEFAde
support.constant.media-type#F49AD0de
support.constant.property-value#F3AB98de
support.function#F6B5A5de
support.function.git-rebase#B7C538de
support.other.parenthesis.regexp#D9B8FAde
support.type#B2C509de
support.type.property-name#F294CCde
support.type.vendored.property-name#C79BF4de
support.variable#F8BFB0de
token.debug-token#F7A7D7de
token.error-token#F294CCde
token.info-token#F396CDde
token.warn-token#56DAC0de
variable#CCA3F6de
variable.css#38C5A9de
variable.language#EE9B86de
variable.language.wildcard.java#51D7BCde
variable.other.constant#F7A6D7de
variable.other.definition.java#62E062de
variable.other.enummember#EC9680de
variable.other.less#EF9F8Ade
variable.other.object.java#A0B1F5de
variable.other.object.property.java#62E0C7de
variable.parameter.c#F09F8Bde
variable.parameter.function.language.python#F6A4D5de
variable.parameter.java#0BCCA5de
variable.scss#C89DF4de
viiv by B.W - VS Code Theme