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#E0E0D9fe
  • activityBar.activeBackground#E0E0D9fe
  • activityBar.activeBorder#44410Ffe
  • activityBar.activeFocusBorder#9072AE00
  • activityBar.background#EFEFECfe
  • activityBar.border#478E4700
  • activityBar.dropBorder#434111fe
  • activityBar.foreground#44410Ffe
  • activityBar.inactiveForeground#4C4C3C65
  • activityBarBadge.background#7D7823fe
  • activityBarBadge.foreground#EFEFECfe
  • badge.background#89810Dfe
  • badge.foreground#EFEFECfe
  • banner.background#E0E0D9fe
  • banner.foreground#393914ce
  • banner.iconForeground#64184Efe
  • breadcrumb.activeSelectionForeground#073184ca
  • breadcrumb.background#ECECE7fe
  • breadcrumb.focusForeground#898211fe
  • breadcrumb.foreground#393916ae
  • breadcrumbPicker.background#E0E0D9fe
  • button.background#B0B09Bae
  • button.border#F5F6F700
  • button.foreground#393914ce
  • button.hoverBackground#ACAC966e
  • button.secondaryBackground#E0E0D9fe
  • button.secondaryForeground#393914ce
  • button.secondaryHoverBackground#E0E0D9fe
  • button.separator#F7F7F500
  • charts.blue#1b1bfffe
  • charts.foreground#393914ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ca
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F3F3F0fe
  • chat.slashCommandBackground#E0E0D9fe
  • chat.slashCommandForeground#393914ce
  • checkbox.background#F3F3F0fe
  • checkbox.border#F3F3F0fe
  • checkbox.foreground#393914ce
  • checkbox.selectBackground#F3F3F0fe
  • checkbox.selectBorder#F3F3F0fe
  • commandCenter.activeBackground#D8D5DE81
  • commandCenter.activeBorder#F3F3F0fe
  • commandCenter.activeForeground#767122fe
  • commandCenter.background#E0E0D9fe
  • commandCenter.border#F3F3F0fe
  • commandCenter.foreground#393914ce
  • commandCenter.inactiveBorder#D7D7CD92
  • commandCenter.inactiveForeground#55554465
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F7F5F500
  • contrastBorder#F5F7F600
  • debugConsole.errorForeground#920092ce
  • debugConsole.infoForeground#393914ce
  • debugConsole.sourceForeground#393914ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#700F0Ffe
  • debugExceptionWidget.background#FFC6FFb7
  • debugExceptionWidget.border#F3F3F0fe
  • debugIcon.breakpointCurrentStackframeForeground#3E3159fe
  • debugIcon.breakpointDisabledForeground#4C4C3C65
  • debugIcon.breakpointForeground#483040fe
  • debugIcon.breakpointStackframeForeground#3F2E5Dfe
  • debugIcon.breakpointUnverifiedForeground#183862fe
  • debugIcon.continueForeground#4D2D44fe
  • debugIcon.disconnectForeground#313E39fe
  • debugIcon.pauseForeground#173E2Efe
  • debugIcon.restartForeground#0D3F2Efe
  • debugIcon.startForeground#183862fe
  • debugIcon.stepBackForeground#393917fe
  • debugIcon.stepIntoForeground#3E3E31fe
  • debugIcon.stepOutForeground#393901fe
  • debugIcon.stepOverForeground#2B3A35fe
  • debugIcon.stopForeground#2D384Bfe
  • debugTokenExpression.boolean#1D171Bca
  • debugTokenExpression.error#131518ca
  • debugTokenExpression.name#26261Eca
  • debugTokenExpression.number#1A1D21ca
  • debugTokenExpression.value#261E23ca
  • debugToolBar.background#FFC6FFa6
  • debugToolBar.border#F3F3F0fe
  • debugView.exceptionLabelBackground#D6D8DEca
  • debugView.exceptionLabelForeground#700F0Fca
  • debugView.stateLabelBackground#DDD4D4ca
  • debugView.stateLabelForeground#6D1616ca
  • debugView.valueChangedHighlight#26261Eca
  • descriptionForeground#393914ce
  • diffEditor.border#F7F7F500
  • diffEditor.diagonalFill#000000fb
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B9E1BBfb
  • diffEditor.insertedTextBorder#F7F7F500
  • diffEditor.move.border#F5F7F600
  • diffEditor.moveActive.border#F5F7F500
  • diffEditor.removedLineBackground#FFC9C931
  • diffEditor.removedTextBackground#FFC9C9fb
  • diffEditor.removedTextBorder#F6F5F700
  • diffEditor.unchangedCodeBackground#E0E0D9fe
  • diffEditor.unchangedRegionBackground#E0E0D9fe
  • diffEditor.unchangedRegionForeground#393914ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#42423565
  • dropdown.background#F3F3F0fe
  • dropdown.border#F3F3F0fe
  • dropdown.foreground#393914ce
  • dropdown.listBackground#F3F3F0fe
  • editor.background#E0E0D9fe
  • editor.findMatchBackground#9BB09Ba3
  • editor.findMatchBorder#F3F3F0fe
  • editor.findMatchHighlightBackground#96ACA5aa
  • editor.findMatchHighlightBorder#F3F3F0fe
  • editor.findRangeHighlightBackground#A0A6B3ab
  • editor.findRangeHighlightBorder#F3F3F0fe
  • editor.focusedStackFrameHighlightBackground#92A8A187
  • editor.foldBackground#4B515Daa
  • editor.foreground#393914ce
  • editor.hoverHighlightBackground#92A8A1ae
  • editor.inactiveSelectionBackground#C2C2B39b
  • editor.inlineValuesBackground#E0E0D9fe
  • editor.inlineValuesForeground#393914ce
  • editor.lineHighlightBackground#C6C6B8b2
  • editor.lineHighlightBorder#F5F6F700
  • editor.linkedEditingBackground#E0E0D9fe
  • editor.rangeHighlightBackground#A0B3A0a8
  • editor.rangeHighlightBorder#F3F3F0fe
  • editor.selectionBackground#C6B8B8a2
  • editor.selectionForeground#6D1616ca
  • editor.selectionHighlightBackground#A0B3A088
  • editor.selectionHighlightBorder#F3F3F0fe
  • editor.snippetFinalTabstopHighlightBackground#AC96A5a1
  • editor.snippetFinalTabstopHighlightBorder#F3F3F0fe
  • editor.snippetTabstopHighlightBackground#AC96A5a7
  • editor.snippetTabstopHighlightBorder#F3F3F0fe
  • editor.stackFrameHighlightBackground#8890A1a9
  • editor.symbolHighlightBackground#A5B7B1a6
  • editor.symbolHighlightBorder#F3F3F0fe
  • editor.wordHighlightBackground#A48D8Da4
  • editor.wordHighlightBorder#F7F5F500
  • editor.wordHighlightStrongBackground#9D8484a6
  • editor.wordHighlightStrongBorder#F5F6F700
  • editor.wordHighlightTextBackground#B0B09Ba1
  • editor.wordHighlightTextBorder#F5F7F500
  • editorBracketHighlight.foreground1#0D0D0Bce
  • editorBracketHighlight.foreground2#0D0D0Bce
  • editorBracketHighlight.foreground3#0D0D0Bce
  • editorBracketHighlight.foreground4#0D0D0Bce
  • editorBracketHighlight.foreground5#0D0D0Bce
  • editorBracketHighlight.foreground6#0D0D0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#393914ce
  • editorBracketMatch.background#525230a9
  • editorBracketMatch.border#F3F3F0fe
  • editorBracketPairGuide.activeBackground1#5B448A87
  • editorBracketPairGuide.activeBackground2#7A3F3F8e
  • editorBracketPairGuide.activeBackground3#4851648b
  • editorBracketPairGuide.activeBackground4#5F4B5985
  • editorBracketPairGuide.activeBackground5#69484884
  • editorBracketPairGuide.activeBackground6#2D592D84
  • editorBracketPairGuide.background1#DCD4DAfe
  • editorBracketPairGuide.background2#D4D7DDfe
  • editorBracketPairGuide.background3#D8D5DEfe
  • editorBracketPairGuide.background4#D0DAD0fe
  • editorBracketPairGuide.background5#D2DAD8fe
  • editorBracketPairGuide.background6#D7D7CDfe
  • editorCodeLens.foreground#5353276e
  • editorCommentsWidget.rangeActiveBackground#525238fe
  • editorCommentsWidget.rangeBackground#E0E0D9fe
  • editorCommentsWidget.resolvedBorder#F3F3F0fe
  • editorCommentsWidget.unresolvedBorder#FFCACAcb
  • editorCursor.background#E0E0D9fe
  • editorCursor.foreground#767122fe
  • editorError.background#F7F5F600
  • editorError.border#F5F6F700
  • editorError.foreground#920092ce
  • editorGhostText.background#E0E0D9fe
  • editorGhostText.border#F6F5F700
  • editorGhostText.foreground#5353276e
  • editorGroup.border#F3F3F0fe
  • editorGroup.dropBackground#E0E0D9fe
  • editorGroup.dropIntoPromptBackground#E0E0D9fe
  • editorGroup.dropIntoPromptBorder#F3F3F0fe
  • editorGroup.dropIntoPromptForeground#393914ce
  • editorGroup.emptyBackground#E0E0D9fe
  • editorGroup.focusedEmptyBorder#F3F3F0fe
  • editorGroupHeader.border#F7F5F600
  • editorGroupHeader.noTabsBackground#EFEFECae
  • editorGroupHeader.tabsBackground#DDDDD4a1
  • editorGroupHeader.tabsBorder#F7F5F500
  • editorGutter.addedBackground#1A5D1Dfb
  • editorGutter.background#E0E0D9fe
  • editorGutter.commentGlyphForeground#393914ce
  • editorGutter.commentRangeForeground#393914ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5C22cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#393914ce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#F5F7F600
  • editorHint.foreground#3D00FEce
  • editorHoverWidget.background#F3F3F0fe
  • editorHoverWidget.border#F3F3F0fe
  • editorHoverWidget.foreground#393914ce
  • editorHoverWidget.highlightForeground#193E32ca
  • editorHoverWidget.statusBarBackground#E0E0D9fe
  • editorIndentGuide.activeBackground1#454004fe
  • editorIndentGuide.activeBackground2#44410Ffe
  • editorIndentGuide.activeBackground3#434111fe
  • editorIndentGuide.activeBackground4#434111fe
  • editorIndentGuide.activeBackground5#444014fe
  • editorIndentGuide.activeBackground6#444014fe
  • editorIndentGuide.background1#35423E35
  • editorIndentGuide.background2#566D6535
  • editorIndentGuide.background3#383D4735
  • editorIndentGuide.background4#524B5F35
  • editorIndentGuide.background5#413C4C35
  • editorIndentGuide.background6#5A474735
  • editorInfo.background#F6F5F700
  • editorInfo.border#F7F7F500
  • editorInfo.foreground#3D00FEce
  • editorInlayHint.background#E0E0D9fe
  • editorInlayHint.foreground#393914ce
  • editorInlayHint.parameterBackground#E0E0D9fe
  • editorInlayHint.parameterForeground#393914ce
  • editorInlayHint.typeBackground#E0E0D9fe
  • editorInlayHint.typeForeground#393914ce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5C22cb
  • editorLineNumber.activeForeground#898210fe
  • editorLineNumber.dimmedForeground#5353256e
  • editorLineNumber.foreground#5353276e
  • editorLink.activeForeground#8A810Afe
  • editorMarkerNavigation.background#F3F3F0fe
  • editorMarkerNavigationError.background#FFC6FFc6
  • editorMarkerNavigationError.headerBackground#FFC6FFa3
  • editorMarkerNavigationInfo.background#D3D3FFfe
  • editorMarkerNavigationInfo.headerBackground#D3D3FFfe
  • editorMarkerNavigationWarning.background#FFD303fe
  • editorMarkerNavigationWarning.headerBackground#FFD303fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#E0E0D9fe
  • editorOverviewRuler.border#D7D7CCfe
  • editorOverviewRuler.bracketMatchForeground#393914ce
  • editorOverviewRuler.commentForeground#5353256e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#393914ce
  • editorOverviewRuler.currentContentForeground#505050b1
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#920092ce
  • editorOverviewRuler.findMatchForeground#005A5Ace
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3D00FEce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#720C0Cca
  • editorOverviewRuler.selectionHighlightForeground#3D00FEce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#393919ca
  • editorOverviewRuler.wordHighlightStrongForeground#393914ce
  • editorOverviewRuler.wordHighlightTextForeground#393914ce
  • editorPane.background#E0E0D9fe
  • editorRuler.foreground#52523533
  • editorStickyScroll.background#E0E0D9fe
  • editorStickyScrollHover.background#D7D7CD6e
  • editorSuggestWidget.background#F3F3F0fe
  • editorSuggestWidget.border#F7F5F500
  • editorSuggestWidget.focusHighlightForeground#1F4639fe
  • editorSuggestWidget.foreground#393901fe
  • editorSuggestWidget.highlightForeground#1F375Eca
  • editorSuggestWidget.selectedBackground#AEB4BF8c
  • editorSuggestWidget.selectedForeground#194019ca
  • editorSuggestWidget.selectedIconForeground#164016ca
  • editorSuggestWidgetStatus.foreground#403058fe
  • editorUnicodeHighlight.background#A892A1ab
  • editorUnicodeHighlight.border#F3F3F0fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F6F5F700
  • editorWarning.border#F5F6F700
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#393914ce
  • editorWidget.background#F3F3F0fe
  • editorWidget.border#F3F3F0fe
  • editorWidget.foreground#393914ce
  • editorWidget.resizeBorder#F3F3F0fe
  • errorForeground#920092ce
  • extensionBadge.remoteBackground#767122fe
  • extensionBadge.remoteForeground#EFEFECfe
  • extensionButton.background#D7D7CDae
  • extensionButton.foreground#393914ce
  • extensionButton.hoverBackground#D7D7CC6e
  • extensionButton.prominentBackground#E0E0D9fe
  • extensionButton.prominentForeground#393914ce
  • extensionButton.prominentHoverBackground#E0E0D9fe
  • extensionButton.separator#F5F6F700
  • extensionIcon.preReleaseForeground#6A0F45fe
  • extensionIcon.sponsorForeground#313E39fe
  • extensionIcon.starForeground#463333fe
  • extensionIcon.verifiedForeground#720C0Cfe
  • focusBorder#F5F7F500
  • foreground#393914ce
  • gitDecoration.addedResourceForeground#1F5C22cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3D00FEce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5C22cb
  • gitDecoration.untrackedResourceForeground#005A5Ace
  • icon.foreground#52522Dae
  • inlineChat.background#DED6D6ca
  • inlineChat.border#DAD6DFca
  • inlineChat.regionHighlight#1d1d17ca
  • inlineChat.shadow#181316ca
  • inlineChatDiff.inserted#26261Eca
  • inlineChatDiff.removed#17191Dca
  • inlineChatInput.background#1A211Fca
  • inlineChatInput.border#CFD9CFca
  • inlineChatInput.focusBorder#F6F5F700
  • inlineChatInput.placeholderForeground#093181ca
  • input.background#F3F3F0fe
  • input.border#F3F3F0fe
  • input.foreground#393914ce
  • input.placeholderForeground#47473865
  • inputOption.activeBackground#F3F3F0fe
  • inputOption.activeBorder#F3F3F0fe
  • inputOption.activeForeground#8A810Afe
  • inputOption.hoverBackground#F3F3F0fe
  • inputValidation.errorBackground#6700679e
  • inputValidation.errorBorder#FFC6FFac
  • inputValidation.errorForeground#920092ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F3F3F0fe
  • inputValidation.infoForeground#393914ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F3F3F0fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F3F3F0fe
  • interactive.inactiveCodeBorder#D7D7CC99
  • keybindingLabel.background#E0E0D9fe
  • keybindingLabel.border#F3F3F0fe
  • keybindingLabel.bottomBorder#F3F3F0fe
  • keybindingLabel.foreground#393914ce
  • keybindingTable.headerBackground#E0E0D9fe
  • keybindingTable.rowsBackground#E0E0D9fe
  • list.activeSelectionBackground#96ACA588
  • list.activeSelectionForeground#393901ca
  • list.activeSelectionIconForeground#393917ca
  • list.deemphasizedForeground#393914ce
  • list.dropBackground#E0E0D9fe
  • list.errorForeground#920092ce
  • list.filterMatchBackground#E0E0D9fe
  • list.filterMatchBorder#F3F3F0fe
  • list.focusAndSelectionOutline#F5F7F600
  • list.focusBackground#CECEC197
  • list.focusForeground#89810Cfe
  • list.focusHighlightForeground#414119fe
  • list.focusOutline#F7F5F600
  • list.highlightForeground#3E3159ca
  • list.hoverBackground#DDD5D5ae
  • list.hoverForeground#888110fe
  • list.inactiveFocusBackground#C6C6B898
  • list.inactiveFocusOutline#F5F6F700
  • list.inactiveSelectionBackground#EFEFECae
  • list.inactiveSelectionForeground#53531B65
  • list.inactiveSelectionIconForeground#47473865
  • list.invalidItemForeground#393914ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#E0E0D9fe
  • listFilterWidget.noMatchesOutline#F7F5F600
  • listFilterWidget.outline#F7F7F500
  • listFilterWidget.shadow#F5F7F600
  • menu.background#EFEFECfe
  • menu.border#F7F5F600
  • menu.foreground#393916ae
  • menu.selectionBackground#D1C6C6ac
  • menu.selectionBorder#F6F5F700
  • menu.selectionForeground#767122fe
  • menu.separatorBackground#D7D7CC65
  • menubar.selectionBackground#C6B8B8a8
  • menubar.selectionBorder#F7F5F600
  • menubar.selectionForeground#888110fe
  • merge.border#F3F3F0fe
  • merge.commonContentBackground#E0E0D9fe
  • merge.commonHeaderBackground#E0E0D9fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B9E1BBfb
  • merge.incomingContentBackground#B9E1BBcb
  • merge.incomingHeaderBackground#B9E1BBfb
  • mergeEditor.change.background#E0E0D9fe
  • mergeEditor.change.word.background#E0E0D9fe
  • mergeEditor.changeBase.background#E0E0D9fe
  • mergeEditor.changeBase.word.background#E0E0D9fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F3F3F0fe
  • mergeEditor.conflict.handledUnfocused.border#D7D7CC37
  • mergeEditor.conflict.input1.background#F3F3F0fe
  • mergeEditor.conflict.input2.background#F3F3F0fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067bf
  • mergeEditor.conflict.unhandledFocused.border#F3F3F0fe
  • mergeEditor.conflict.unhandledUnfocused.border#D7D7CC29
  • mergeEditor.conflictingLines.background#E0E0D9fe
  • minimap.background#E0E0D9fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0D0D0Bce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5D1Dfb
  • minimapGutter.deletedBackground#A60000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#8E8E71fe
  • minimapSlider.background#BBBBA9ae
  • minimapSlider.hoverBackground#A8A8926e
  • notebook.cellBorderColor#F3F3F0fe
  • notebook.cellEditorBackground#E0E0D9fe
  • notebook.cellHoverBackground#E0E0D9fe
  • notebook.cellInsertionIndicator#261E1Eca
  • notebook.cellStatusBarItemHoverBackground#E0E0D9fe
  • notebook.cellToolbarSeparator#1A211Fca
  • notebook.editorBackground#E0E0D9fe
  • notebook.focusedCellBackground#E0E0D9fe
  • notebook.focusedCellBorder#7D7823fe
  • notebook.focusedEditorBorder#F3F3F0fe
  • notebook.inactiveFocusedCellBorder#9292758e
  • notebook.inactiveSelectedCellBorder#9292758e
  • notebook.outputContainerBackgroundColor#E0E0D9fe
  • notebook.outputContainerBorderColor#F3F3F0fe
  • notebook.selectedCellBackground#E0E0D9fe
  • notebook.selectedCellBorder#F3F3F0fe
  • notebook.symbolHighlightBackground#E0E0D9fe
  • notebookEditorOverviewRuler.runningCellForeground#393914ce
  • notebookScrollbarSlider.activeBackground#89896Dfe
  • notebookScrollbarSlider.background#B0B09Bae
  • notebookScrollbarSlider.hoverBackground#9D9D846e
  • notebookStatusErrorIcon.foreground#920092ce
  • notebookStatusRunningIcon.foreground#193E32fe
  • notebookStatusSuccessIcon.foreground#1F5C22cb
  • notificationCenter.border#F3F3F0fe
  • notificationCenterHeader.background#E0E0D9fe
  • notificationCenterHeader.foreground#393914ce
  • notificationLink.foreground#393914ce
  • notifications.background#E0E0D9fe
  • notifications.border#F3F3F0fe
  • notifications.foreground#393914ce
  • notificationsErrorIcon.foreground#920092ce
  • notificationsInfoIcon.foreground#25375Afe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F3F3F0fe
  • panel.background#E0E0D9fe
  • panel.border#F3F3F0fe
  • panel.dropBorder#F3F3F0fe
  • panelInput.border#F3F3F0fe
  • panelSection.border#F3F3F0fe
  • panelSection.dropBackground#E0E0D9fe
  • panelSectionHeader.background#E0E0D9fe
  • panelSectionHeader.border#F3F3F0fe
  • panelSectionHeader.foreground#393914ce
  • panelTitle.activeBorder#F6F5F700
  • panelTitle.activeForeground#454003fe
  • panelTitle.inactiveForeground#55554465
  • peekView.border#4A471Afe
  • peekViewEditor.background#F3F3F0fe
  • peekViewEditor.matchHighlightBackground#92A8A184
  • peekViewEditor.matchHighlightBorder#F5F7F600
  • peekViewEditorGutter.background#F3F3F0fe
  • peekViewEditorStickyScroll.background#E0E0D9fe
  • peekViewResult.background#EFEFECfe
  • peekViewResult.fileForeground#393914ce
  • peekViewResult.lineForeground#393914ce
  • peekViewResult.matchHighlightBackground#8890A186
  • peekViewResult.selectionBackground#BFAEB98e
  • peekViewResult.selectionForeground#720D0Dca
  • peekViewTitle.background#EFEFECfe
  • peekViewTitleDescription.foreground#393914ce
  • peekViewTitleLabel.foreground#393914ce
  • pickerGroup.border#F3F3F0fe
  • pickerGroup.foreground#393914ce
  • ports.iconRunningProcessForeground#64184Efe
  • problemsErrorIcon.foreground#920092ce
  • problemsInfoIcon.foreground#3D00FEce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#888110fe
  • profileBadge.foreground#EFEFECfe
  • progressBar.background#E0E0D9fe
  • quickInput.background#EFEFECfe
  • quickInput.foreground#393915ae
  • quickInputList.focusBackground#BFAEAEab
  • quickInputList.focusForeground#888110fe
  • quickInputList.focusIconForeground#898211fe
  • quickInputTitle.background#F3F3F0fe
  • sash.hoverBorder#F3F3F0fe
  • scrollbar.shadow#F6F5F700
  • scrollbarSlider.activeBackground#89896Dfe
  • scrollbarSlider.background#BFBFAEae
  • scrollbarSlider.hoverBackground#9D9D846e
  • search.resultsInfoForeground#393914ce
  • searchEditor.findMatchBackground#849D94ad
  • searchEditor.findMatchBorder#F3F3F0fe
  • searchEditor.textInputBorder#F3F3F0fe
  • selection.background#E0E0D9fe
  • settings.checkboxBackground#F3F3F0fe
  • settings.checkboxBorder#F3F3F0fe
  • settings.checkboxForeground#393914ce
  • settings.dropdownBackground#F3F3F0fe
  • settings.dropdownBorder#F3F3F0fe
  • settings.dropdownForeground#393914ce
  • settings.dropdownListBorder#F3F3F0fe
  • settings.focusedRowBackground#92A8A185
  • settings.focusedRowBorder#F3F3F0fe
  • settings.headerBorder#F3F3F0fe
  • settings.headerForeground#393914ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F3F3F0fe
  • settings.numberInputBorder#F3F3F0fe
  • settings.numberInputForeground#393914ce
  • settings.rowHoverBackground#E0E0D9fe
  • settings.sashBorder#F3F3F0fe
  • settings.settingsHeaderHoverForeground#767122fe
  • settings.textInputBackground#F3F3F0fe
  • settings.textInputBorder#F3F3F0fe
  • settings.textInputForeground#393914ce
  • sideBar.background#E0E0D9fe
  • sideBar.border#F3F3F0fe
  • sideBar.dropBackground#E0E0D9fe
  • sideBar.foreground#52522Dae
  • sideBarSectionHeader.background#F5F7F500
  • sideBarSectionHeader.border#F3F3F0fe
  • sideBarSectionHeader.foreground#393914ce
  • sideBarTitle.foreground#393914ce
  • sideBySideEditor.horizontalBorder#F3F3F0fe
  • sideBySideEditor.verticalBorder#F3F3F0fe
  • simpleFindWidget.sashBorder#F3F3F0fe
  • statusBar.background#EFEFECfe
  • statusBar.border#F3F3F0fe
  • statusBar.debuggingBackground#FFC6FFaf
  • statusBar.debuggingBorder#F3F3F0fe
  • statusBar.debuggingForeground#393914ce
  • statusBar.focusBorder#F7F5F500
  • statusBar.foreground#5353226e
  • statusBar.noFolderBackground#EFEFECfe
  • statusBar.noFolderBorder#F3F3F0fe
  • statusBar.noFolderForeground#393914ce
  • statusBarItem.activeBackground#EFEFECfe
  • statusBarItem.compactHoverBackground#EFEFECfe
  • statusBarItem.errorBackground#FFC6FFca
  • statusBarItem.errorForeground#920092ce
  • statusBarItem.errorHoverBackground#FFC6FFbc
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F7F5F600
  • statusBarItem.hoverBackground#EFEFECfe
  • statusBarItem.hoverForeground#767122fe
  • statusBarItem.offlineBackground#EFEFECfe
  • statusBarItem.offlineForeground#393914ce
  • statusBarItem.offlineHoverBackground#EFEFECfe
  • statusBarItem.offlineHoverForeground#89810Cfe
  • statusBarItem.prominentBackground#EFEFECfe
  • statusBarItem.prominentForeground#393914ce
  • statusBarItem.prominentHoverBackground#EFEFECfe
  • statusBarItem.prominentHoverForeground#89820Efe
  • statusBarItem.remoteBackground#89810Cfe
  • statusBarItem.remoteForeground#EFEFECfe
  • statusBarItem.remoteHoverBackground#EFEFECfe
  • statusBarItem.remoteHoverForeground#888110fe
  • statusBarItem.warningBackground#FFD303fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FFD303fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#0D3F2Efe
  • symbolIcon.booleanForeground#005A5Ace
  • symbolIcon.classForeground#3B344Cfe
  • symbolIcon.colorForeground#164016fe
  • symbolIcon.constantForeground#720C0Cfe
  • symbolIcon.constructorForeground#393901fe
  • symbolIcon.enumeratorForeground#562646fe
  • symbolIcon.enumeratorMemberForeground#2B3A35fe
  • symbolIcon.eventForeground#164016fe
  • symbolIcon.fieldForeground#69104Bfe
  • symbolIcon.fileForeground#393919fe
  • symbolIcon.folderForeground#1D3F1Dfe
  • symbolIcon.functionForeground#43323Cfe
  • symbolIcon.interfaceForeground#293C29fe
  • symbolIcon.keyForeground#393917fe
  • symbolIcon.keywordForeground#194019fe
  • symbolIcon.methodForeground#1D3D34fe
  • symbolIcon.moduleForeground#402871fe
  • symbolIcon.namespaceForeground#2B3A35fe
  • symbolIcon.nullForeground#393901fe
  • symbolIcon.numberForeground#0D3F2Efe
  • symbolIcon.objectForeground#1F3D35fe
  • symbolIcon.operatorForeground#164016fe
  • symbolIcon.packageForeground#522D2Dfe
  • symbolIcon.propertyForeground#25375Afe
  • symbolIcon.referenceForeground#522D2Dfe
  • symbolIcon.snippetForeground#1F375Efe
  • symbolIcon.stringForeground#3D3154fe
  • symbolIcon.structForeground#034029fe
  • symbolIcon.textForeground#3E3E31fe
  • symbolIcon.typeParameterForeground#411F85fe
  • symbolIcon.unitForeground#39391Bfe
  • symbolIcon.variableForeground#1F375Efe
  • tab.activeBackground#ECECE7fe
  • tab.activeBorder#F7F5F600
  • tab.activeBorderTop#454003fe
  • tab.activeForeground#4A471Afe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F5F6F700
  • tab.hoverBackground#873737a2
  • tab.hoverBorder#F3F3F0fe
  • tab.hoverForeground#89820Efe
  • tab.inactiveBackground#D7D7CD92
  • tab.inactiveForeground#47473865
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F3F3F0fe
  • tab.unfocusedActiveBackground#D9D9CF36
  • tab.unfocusedActiveBorder#F7F7F500
  • tab.unfocusedActiveBorderTop#D8D8CD65
  • tab.unfocusedActiveForeground#4C4C3C65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#52523638
  • tab.unfocusedHoverBorder#D7D7CC33
  • tab.unfocusedHoverForeground#55554465
  • tab.unfocusedInactiveBackground#C6C6B891
  • tab.unfocusedInactiveForeground#51514065
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b6
  • 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#670067ba
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb3
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E0E0D9fe
  • terminal.border#F3F3F0fe
  • terminal.dropBackground#E0E0D9fe
  • terminal.findMatchBackground#E0E0D9fe
  • terminal.findMatchBorder#F3F3F0fe
  • terminal.findMatchHighlightBackground#E0E0D9fe
  • terminal.findMatchHighlightBorder#F3F3F0fe
  • terminal.foreground#52522Dae
  • terminal.hoverHighlightBackground#E0E0D9fe
  • terminal.inactiveSelectionBackground#CACABC98
  • terminal.selectionBackground#848C9D84
  • terminal.selectionForeground#393901ca
  • terminal.tab.activeBorder#4A471Afe
  • terminalCommandDecoration.defaultBackground#44506Cad
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#E0E0D9fe
  • terminalCursor.foreground#857F24fe
  • terminalOverviewRuler.cursorForeground#393914ce
  • terminalOverviewRuler.findMatchForeground#005A5Ace
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a0
  • testing.iconUnset#808080be
  • testing.message.error.decorationForeground#57520Dfe
  • testing.message.error.lineBackground#FFC6FFc4
  • testing.message.info.decorationForeground#565212fe
  • testing.message.info.lineBackground#D3D3FFfe
  • testing.peekBorder#F3F3F0fe
  • testing.peekHeaderBackground#E0E0D9fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E0E0D9fe
  • textBlockQuote.border#F3F3F0fe
  • textCodeBlock.background#E0E0D9fe
  • textLink.activeForeground#89820Efe
  • textLink.foreground#3D00FEce
  • textPreformat.foreground#393914ce
  • textSeparator.foreground#393914ce
  • titleBar.activeBackground#EFEFECfe
  • titleBar.activeForeground#414114ae
  • titleBar.border#F6F5F700
  • titleBar.inactiveBackground#D7D7CCd4
  • titleBar.inactiveForeground#51514065
  • toolbar.activeBackground#CFD9D687
  • toolbar.hoverBackground#E0E0D9fe
  • toolbar.hoverOutline#F7F5F600
  • tree.inactiveIndentGuidesStroke#42353535
  • tree.indentGuidesStroke#57520Efe
  • tree.tableColumnsBorder#F3F3F0fe
  • tree.tableOddRowsBackground#E0E0D9fe
  • walkThrough.embeddedEditorBackground#E0E0D9fe
  • walkthrough.stepTitle.foreground#393914ce
  • welcomePage.background#E0E0D9fe
  • welcomePage.progress.background#E0E0D9fe
  • welcomePage.progress.foreground#393914ce
  • welcomePage.tileBackground#E0E0D9fe
  • welcomePage.tileBorder#F3F3F0fe
  • welcomePage.tileHoverBackground#E0E0D9fe
  • widget.border#F3F3F0fe
  • widget.shadow#F6F5F700
  • window.activeBorder#F3F3F0fe
  • window.inactiveBorder#D7D7CC9e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3232136e
comment.block.html#3232166e
comment.block.java#3232166e
comment.block.javadoc.java#3232166e
comment.block.powershell#3232166e
comment.block.xml#3232146e
comment.line.double-slash.c#3232136e
comment.line.double-slash.cpp#3232146e
comment.line.double-slash.java#3232146e
comment.line.double-slash.js#3232166e
comment.line.number-sign.makefile#3232166e
comment.line.number-sign.python#3232146e
comment.line.number-sign.yaml#3232136e
comment.line.percentage.erlang#3232166e
comment.line.powershell#3232146e
comment.source.cmake#3232146e
comment.source.cmakecache#3232166e
constant.character#0F3728de
constant.character.character-class.regexp#19314Cde
constant.character.escape#0B5137de
constant.character.set.regexp#143152de
constant.language#204318de
constant.numeric#1B3552de
constant.numeric.dec.python#0E5138de
constant.other.caps.python#39078Dde
constant.other.character-class.regexp#5D1610de
constant.other.character-class.set.regexp#0D3804de
constant.other.color.rgb-value#234A1Ade
constant.other.placeholder#0D305Dde
constant.other.rgb-value#591A16de
constant.regexp#103727de
constant.sha.git-rebase#5A0D4Bde
emphasis#4A471Ade
entity.name.class#434018de
entity.name.function#1D395Ade
entity.name.function.preprocessor#60120Cde
entity.name.function.python#5D1610de
entity.name.label#0D305Dde
entity.name.namespace#155207de
entity.name.operator#591A16de
entity.name.operator.custom-literal#183710de
entity.name.scope-resolution#204318de
entity.name.tag#18520Bde
entity.name.tag.css#0F382Ade
entity.name.type#434018debold
entity.name.variable#3C1A74de
entity.other.attribute#591A16de
entity.other.attribute-name#113729de
entity.other.attribute-name.class.css#204318de
entity.other.attribute-name.class.mixin.css#3E216Ede
entity.other.attribute-name.id#163150de
entity.other.attribute-name.id.css#33310Cde
entity.other.attribute-name.parent-selector.css#561D18de
entity.other.attribute-name.pseudo-class.css#67205Ade
entity.other.attribute-name.pseudo-element.css#0B5137de
entity.other.attribute-name.scss#5A0D4Ade
entity.other.document.begin.yaml#3232166e
entity.other.inherited-class#4C480Fde
header#113729de
invalid#085135de
keyword#1B3614debold
keyword.codetag.notation.python#1B520Edebold
keyword.control#1B520Edebold
keyword.control.anchor.regexp#5B1813debold
keyword.control.import.python#4B480Adebold
keyword.operator#4C480Fdebold
keyword.operator.alignas#1D395Adebold
keyword.operator.alignof#660603debold
keyword.operator.cast#18520Bdebold
keyword.operator.delete#0E3157debold
keyword.operator.documentation.powershell#3232136ebold
keyword.operator.expression#1D3C16debold
keyword.operator.instanceof#155207debold
keyword.operator.logical.python#5D1610debold
keyword.operator.minus.exponent#434018debold
keyword.operator.negation.regexp#581D4Ddebold
keyword.operator.new#551648debold
keyword.operator.noexcept#143629debold
keyword.operator.or.regexp#155207debold
keyword.operator.plus.exponent#531848debold
keyword.operator.quantifier.regexp#551648debold
keyword.operator.sizeof#1B3552debold
keyword.operator.typeid#3C1E6Cdebold
keyword.operator.wordlike#3B2067debold
keyword.other.operator#163150debold
keyword.other.package.java#17380Fdebold
keyword.other.unit#672420debold
keyword.other.using#0D305Ddebold
markup.bold#113154de
markup.changed#184333de
markup.deleted#183710de
markup.fenced_code.block.markdown#380094de
markup.heading#3C3A16de
markup.inline.raw#1A4A38de
markup.inserted#113807de
markup.italic#3C1E6Cde
markup.raw.block.markdown#363314de
markup.strikethrough#5B1813de
markup.underline#1B3614de
meta.block.c#113729de
meta.block.c#380193de
meta.class.java#143152de
meta.definition.variable.name#62110Cde
meta.diff.header#113807de
meta.embedded#3C3A16de
meta.embedded.assembly#6E2160de
meta.function-call.arguments.python#33310Cde
meta.function-call.python#095136de
meta.member.access.python#0D3159de
meta.method.java#581D4Dde
meta.object-literal.key#3B2067de
meta.paragraph.markdown#3B1D6Ede
meta.preprocessor#67205Ade
meta.preprocessor.numeric#5B1813de
meta.preprocessor.string#4C480Dde
meta.scope.prerequisites.makefile#113154de
meta.structure.dictionary.json.comments#3232166e
meta.structure.dictionary.key.python#6E2621de
meta.structure.dictionary.value.json.comments#3232146e
meta.template.expression#4A471Ade
meta.type.cast.expr#1B520Edebold
meta.type.new.expr#5A0D4Adebold
parameter#163C2Ede
punctuation.character.set.begin.regexp#3D1777de
punctuation.character.set.end.regexp#193711de
punctuation.definition.array.begin.json#660603de
punctuation.definition.character-class.regexp#214670de
punctuation.definition.comment#3232166e
punctuation.definition.comment.json.comments#3232136e
punctuation.definition.comment.python#3232136e
punctuation.definition.dictionary.begin.json#5F231Fde
punctuation.definition.dictionary.end.json#113154de
punctuation.definition.group.assertion.regexp#61100Bde
punctuation.definition.group.regexp#4B480Ade
punctuation.definition.list.begin.json#511C47de
punctuation.definition.list.begin.markdown#1D3C16de
punctuation.definition.list.begin.python#4C480Dde
punctuation.definition.list.end.json#67205Ade
punctuation.definition.list.end.markdown#5F1F53de
punctuation.definition.list.end.python#0D305Dde
punctuation.definition.parameters.begin.python#163C2Ede
punctuation.definition.parameters.end.bracket.round.java#660603de
punctuation.definition.quote.begin.markdown#0E5138de
punctuation.definition.tag#5A0D4Bde
punctuation.definition.template-expression.begin#61100Bde
punctuation.definition.template-expression.end#17370Fde
punctuation.section.class.begin.bracket.curly.java#531948de
punctuation.section.embedded#6E2160de
punctuation.section.embedded.begin.php#67205Ade
punctuation.section.embedded.end.php#0F3728de
punctuation.terminator.java#5E034Bde
source.cmake#113154de
source.coffee.embedded#3B0E86de
source.cpp#343203de
source.css.less#61110Cde
source.groovy.embedded#0F382Ade
source.java#0E3157de
source.java-properties#5B084Cde
source.json.comments#3232136e
source.makefile#0D5137de
source.powershell#5E034Bde
source.powershell.variable.other.member#60120Cde
source.python#434018de
storage#1A4A38de
storage.modifier#083725de
storage.modifier.import.java#551648de
storage.modifier.package.java#1D3C16de
storage.type#380193debold
storage.type.annotation.groovy#183710debold
storage.type.annotation.java#0E5138debold
storage.type.boolean.go#1D395Adebold
storage.type.byte.go#3A0290debold
storage.type.cs#184333debold
storage.type.error.go#1B3552debold
storage.type.generic.cs#333110debold
storage.type.generic.groovy#0E3157debold
storage.type.generic.java#67205Adebold
storage.type.groovy#61100Bdebold
storage.type.java#3C1A74debold
storage.type.modifier.cs#61110Cdebold
storage.type.numeric.go#5B1813debold
storage.type.object.array.groovy#043824debold
storage.type.object.array.java#3D1777debold
storage.type.parameters.groovy#085135debold
storage.type.primitive.array.groovy#043824debold
storage.type.primitive.array.java#380193debold
storage.type.primitive.groovy#113729debold
storage.type.primitive.java#18520Bdebold
storage.type.rune.go#103727debold
storage.type.string.go#5A0D4Adebold
storage.type.token.java#1B3614debold
storage.type.uintptr.go#113729debold
storage.type.variable.cs#3B0E86debold
string#08305Bde
string.quoted.docstring.multi.python#3232136e
string.regexp#340096de
string.tag#183710de
string.value#3C1A74de
strong#62110Cde
support.class#0D3159de
support.constant.color#561D18de
support.constant.dom#1A4A38de
support.constant.font-name#3A0290de
support.constant.handlebars#4A471Ade
support.constant.json#3A0290de
support.constant.math#3C3A16de
support.constant.media#67205Ade
support.constant.media-type#18520Bdebold
support.constant.property-value#0F382Ade
support.function#0D305Dde
support.function.git-rebase#561F1Bde
support.other.parenthesis.regexp#083725de
support.type#193711debold
support.type.property-name#1B3614debold
support.type.vendored.property-name#561D18debold
support.variable#163150de
token.debug-token#0B5137de
token.error-token#5E034Bde
token.info-token#5B0D4Bde
token.warn-token#18520Bde
variable#0E3157de
variable.css#58104Cde
variable.language#0F382Ade
variable.language.wildcard.java#5D1610de
variable.other.constant#113729de
variable.other.definition.java#5B1813de
variable.other.enummember#4B480Ade
variable.other.less#193711de
variable.other.object.java#333110de
variable.other.object.property.java#3C1E6Cde
variable.parameter.c#4B480Ade
variable.parameter.function.language.python#085135de
variable.parameter.java#3D1777de
variable.scss#0F382Ade
viiv by B.W - VS Code Theme