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#E2E1E2fe
  • activityBar.activeBackground#E2E1E2fe
  • activityBar.activeBorder#D95E94fe
  • activityBar.activeFocusBorder#87878700
  • activityBar.background#F2F2F2fe
  • activityBar.border#87878700
  • activityBar.dropBorder#D75C94fe
  • activityBar.foreground#D95D96fe
  • activityBar.inactiveForeground#54515465
  • activityBarBadge.background#B23E6Ffe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#6E364Efe
  • badge.foreground#F2F2F2fe
  • banner.background#E2E1E2fe
  • banner.foreground#585858ce
  • banner.iconForeground#415D54fe
  • breadcrumb.activeSelectionForeground#4D5E3Dca
  • breadcrumb.background#EEEDEEfe
  • breadcrumb.focusForeground#9A3C64fe
  • breadcrumb.foreground#575757ae
  • breadcrumbPicker.background#E2E1E2fe
  • button.background#BDBABDae
  • button.border#F6F6F600
  • button.foreground#585858ce
  • button.hoverBackground#D1D0D16e
  • button.secondaryBackground#E2E1E2fe
  • button.secondaryForeground#585858ce
  • button.secondaryHoverBackground#E2E1E2fe
  • button.separator#F6F6F600
  • charts.blue#1b1bfffe
  • charts.foreground#585858ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a0
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F6F6F6fe
  • chat.slashCommandBackground#E2E1E2fe
  • chat.slashCommandForeground#585858ce
  • checkbox.background#F6F6F6fe
  • checkbox.border#F6F6F6fe
  • checkbox.foreground#585858ce
  • checkbox.selectBackground#F6F6F6fe
  • checkbox.selectBorder#F6F6F6fe
  • commandCenter.activeBackground#F3CDE08a
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#6E364Efe
  • commandCenter.background#E2E1E2fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#585858ce
  • commandCenter.inactiveBorder#E9CFE996
  • commandCenter.inactiveForeground#C264C265
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F6F6F600
  • contrastBorder#FAFAFA00
  • debugConsole.errorForeground#9E009Ece
  • debugConsole.infoForeground#585858ce
  • debugConsole.sourceForeground#585858ce
  • debugConsole.warningForeground#6A5700ce
  • debugConsoleInputIcon.foreground#6F4983fe
  • debugExceptionWidget.background#FECEFEb5
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#415D54fe
  • debugIcon.breakpointDisabledForeground#47454765
  • debugIcon.breakpointForeground#6F449Bfe
  • debugIcon.breakpointStackframeForeground#8C405Afe
  • debugIcon.breakpointUnverifiedForeground#714B71fe
  • debugIcon.continueForeground#4B5E38fe
  • debugIcon.disconnectForeground#435F51fe
  • debugIcon.pauseForeground#7E427Efe
  • debugIcon.restartForeground#6643AEfe
  • debugIcon.startForeground#4F5C42fe
  • debugIcon.stepBackForeground#425A73fe
  • debugIcon.stepIntoForeground#744974fe
  • debugIcon.stepOutForeground#784878fe
  • debugIcon.stepOverForeground#396146fe
  • debugIcon.stopForeground#70429Dfe
  • debugTokenExpression.boolean#1D1C1Bca
  • debugTokenExpression.error#20211Fca
  • debugTokenExpression.name#19181Aca
  • debugTokenExpression.number#232425ca
  • debugTokenExpression.value#201F21ca
  • debugToolBar.background#FECEFE9c
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#E5CFFCca
  • debugView.exceptionLabelForeground#385E4Bca
  • debugView.stateLabelBackground#B3E67Fca
  • debugView.stateLabelForeground#3F5B77ca
  • debugView.valueChangedHighlight#18191Aca
  • descriptionForeground#585858ce
  • diffEditor.border#FAFAFA00
  • diffEditor.diagonalFill#000000ef
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#89EE8Efb
  • diffEditor.insertedTextBorder#F6F6F600
  • diffEditor.move.border#F6F6F600
  • diffEditor.moveActive.border#F6F6F600
  • diffEditor.removedLineBackground#FECCCC31
  • diffEditor.removedTextBackground#FECFCFfb
  • diffEditor.removedTextBorder#F6F6F600
  • diffEditor.unchangedCodeBackground#E2E1E2fe
  • diffEditor.unchangedRegionBackground#E2E1E2fe
  • diffEditor.unchangedRegionForeground#585858ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#54515465
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#585858ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E2E1E2fe
  • editor.findMatchBackground#B0ADB0ab
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#9E9AA1aa
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#8D9195ad
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#B3B6B08b
  • editor.foldBackground#2A5C7Dab
  • editor.foreground#585858ce
  • editor.hoverHighlightBackground#9E9AA1ad
  • editor.inactiveSelectionBackground#C5C3C595
  • editor.inlineValuesBackground#E2E1E2fe
  • editor.inlineValuesForeground#585858ce
  • editor.lineHighlightBackground#C5C3C5b4
  • editor.lineHighlightBorder#F6F6F600
  • editor.linkedEditingBackground#E2E1E2fe
  • editor.rangeHighlightBackground#A3A9A6a8
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#969D9Aa9
  • editor.selectionForeground#824362ca
  • editor.selectionHighlightBackground#AFACB188
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#A3A6A9a3
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#ACB1AFac
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#B4BAB7a3
  • editor.symbolHighlightBackground#929995ab
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#B4B2B4a9
  • editor.wordHighlightBorder#F6F6F600
  • editor.wordHighlightStrongBackground#ACAFB1aa
  • editor.wordHighlightStrongBorder#F6F6F600
  • editor.wordHighlightTextBackground#B0B3B6a6
  • editor.wordHighlightTextBorder#F6F6F600
  • editorBracketHighlight.foreground1#0D0D0Dce
  • editorBracketHighlight.foreground2#0D0D0Dce
  • editorBracketHighlight.foreground3#0D0D0Dce
  • editorBracketHighlight.foreground4#0D0D0Dce
  • editorBracketHighlight.foreground5#0D0D0Dce
  • editorBracketHighlight.foreground6#0D0D0Dce
  • editorBracketHighlight.unexpectedBracket.foreground#585858ce
  • editorBracketMatch.background#24497Aa7
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#764F2883
  • editorBracketPairGuide.activeBackground2#2554778e
  • editorBracketPairGuide.activeBackground3#811BCE84
  • editorBracketPairGuide.activeBackground4#2462478d
  • editorBracketPairGuide.activeBackground5#2562488a
  • editorBracketPairGuide.activeBackground6#804B2386
  • editorBracketPairGuide.background1#91EABDfe
  • editorBracketPairGuide.background2#FBC9FBfe
  • editorBracketPairGuide.background3#E6D1FCfe
  • editorBracketPairGuide.background4#8EE9BCfe
  • editorBracketPairGuide.background5#B1DFF6fe
  • editorBracketPairGuide.background6#B6E586fe
  • editorCodeLens.foreground#5855586e
  • editorCommentsWidget.rangeActiveBackground#873687fe
  • editorCommentsWidget.rangeBackground#E2E1E2fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FED0D0cb
  • editorCursor.background#E2E1E2fe
  • editorCursor.foreground#753752fe
  • editorError.background#F6F6F600
  • editorError.border#F6F6F600
  • editorError.foreground#9E009Ece
  • editorGhostText.background#E2E1E2fe
  • editorGhostText.border#F6F6F600
  • editorGhostText.foreground#9D099D6e
  • editorGroup.border#F6F6F6fe
  • editorGroup.dropBackground#E2E1E2fe
  • editorGroup.dropIntoPromptBackground#E2E1E2fe
  • editorGroup.dropIntoPromptBorder#F6F6F6fe
  • editorGroup.dropIntoPromptForeground#585858ce
  • editorGroup.emptyBackground#E2E1E2fe
  • editorGroup.focusedEmptyBorder#F6F6F6fe
  • editorGroupHeader.border#F6F6F600
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#DEDCDEa1
  • editorGroupHeader.tabsBorder#FAFAFA00
  • editorGutter.addedBackground#0E5C12fb
  • editorGutter.background#E2E1E2fe
  • editorGutter.commentGlyphForeground#585858ce
  • editorGutter.commentRangeForeground#585858ce
  • editorGutter.commentUnresolvedGlyphForeground#17661Bcb
  • editorGutter.deletedBackground#B40000cb
  • editorGutter.foldingControlForeground#585858ce
  • editorGutter.modifiedBackground#6A5700ce
  • editorHint.border#FAFAFA00
  • editorHint.foreground#511AFFce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#585858ce
  • editorHoverWidget.highlightForeground#4B5D39ca
  • editorHoverWidget.statusBarBackground#E2E1E2fe
  • editorIndentGuide.activeBackground1#991A99fe
  • editorIndentGuide.activeBackground2#991D99fe
  • editorIndentGuide.activeBackground3#971F97fe
  • editorIndentGuide.activeBackground4#981C98fe
  • editorIndentGuide.activeBackground5#952195fe
  • editorIndentGuide.activeBackground6#991D99fe
  • editorIndentGuide.background1#4A474C35
  • editorIndentGuide.background2#413F4435
  • editorIndentGuide.background3#474A4C35
  • editorIndentGuide.background4#5F636735
  • editorIndentGuide.background5#53595635
  • editorIndentGuide.background6#514E4B35
  • editorInfo.background#F6F6F600
  • editorInfo.border#F6F6F600
  • editorInfo.foreground#511AFFce
  • editorInlayHint.background#E2E1E2fe
  • editorInlayHint.foreground#585858ce
  • editorInlayHint.parameterBackground#E2E1E2fe
  • editorInlayHint.parameterForeground#585858ce
  • editorInlayHint.typeBackground#E2E1E2fe
  • editorInlayHint.typeForeground#585858ce
  • editorLightBulb.foreground#6A5700ce
  • editorLightBulbAutoFix.foreground#17661Bcb
  • editorLineNumber.activeForeground#8A3B5Dfe
  • editorLineNumber.dimmedForeground#9E079E6e
  • editorLineNumber.foreground#5855586e
  • editorLink.activeForeground#8A3B5Dfe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FECEFEcb
  • editorMarkerNavigationError.headerBackground#FECEFEc6
  • editorMarkerNavigationInfo.background#D3D3FFfe
  • editorMarkerNavigationInfo.headerBackground#D3D3FFfe
  • editorMarkerNavigationWarning.background#FED40Afe
  • editorMarkerNavigationWarning.headerBackground#FED40Afe
  • editorOverviewRuler.addedForeground#17661Bcb
  • editorOverviewRuler.background#E2E1E2fe
  • editorOverviewRuler.border#F1CBF1fe
  • editorOverviewRuler.bracketMatchForeground#585858ce
  • editorOverviewRuler.commentForeground#9E079E6e
  • editorOverviewRuler.commentUnresolvedForeground#17661Bcb
  • editorOverviewRuler.commonContentForeground#585858ce
  • editorOverviewRuler.currentContentForeground#585858b8
  • editorOverviewRuler.deletedForeground#B40000cb
  • editorOverviewRuler.errorForeground#9E009Ece
  • editorOverviewRuler.findMatchForeground#006262ce
  • editorOverviewRuler.incomingContentForeground#17661Bcb
  • editorOverviewRuler.infoForeground#511AFFce
  • editorOverviewRuler.modifiedForeground#6A5700ce
  • editorOverviewRuler.rangeHighlightForeground#68543Fca
  • editorOverviewRuler.selectionHighlightForeground#511AFFce
  • editorOverviewRuler.warningForeground#6A5700ce
  • editorOverviewRuler.wordHighlightForeground#405973ca
  • editorOverviewRuler.wordHighlightStrongForeground#585858ce
  • editorOverviewRuler.wordHighlightTextForeground#585858ce
  • editorPane.background#E2E1E2fe
  • editorRuler.foreground#8B338B36
  • editorStickyScroll.background#E2E1E2fe
  • editorStickyScroll.shadow#F6F6F600
  • editorStickyScrollHover.background#E2D2E26e
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#F6F6F600
  • editorSuggestWidget.focusHighlightForeground#A56FDBfe
  • editorSuggestWidget.foreground#6F4983fe
  • editorSuggestWidget.highlightForeground#884064ca
  • editorSuggestWidget.selectedBackground#9D9A9684
  • editorSuggestWidget.selectedForeground#425A73ca
  • editorSuggestWidget.selectedIconForeground#7A447Aca
  • editorSuggestWidgetStatus.foreground#3F5B77fe
  • editorUnicodeHighlight.background#959299ae
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F6F6F600
  • editorWarning.border#F6F6F600
  • editorWarning.foreground#6A5700ce
  • editorWhitespace.foreground#585858ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#585858ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#9E009Ece
  • extensionBadge.remoteBackground#8A3B5Dfe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#F3CAF3ae
  • extensionButton.foreground#585858ce
  • extensionButton.hoverBackground#E9CFE96e
  • extensionButton.prominentBackground#E2E1E2fe
  • extensionButton.prominentForeground#585858ce
  • extensionButton.prominentHoverBackground#E2E1E2fe
  • extensionButton.separator#F6F6F600
  • extensionIcon.preReleaseForeground#40604Afe
  • extensionIcon.sponsorForeground#475B6Ffe
  • extensionIcon.starForeground#744F3Dfe
  • extensionIcon.verifiedForeground#824463fe
  • focusBorder#F6F6F600
  • foreground#585858ce
  • gitDecoration.addedResourceForeground#17661Bcb
  • gitDecoration.deletedResourceForeground#B40000cb
  • gitDecoration.modifiedResourceForeground#6A5700ce
  • gitDecoration.renamedResourceForeground#511AFFce
  • gitDecoration.stageDeletedResourceForeground#B40000cb
  • gitDecoration.stageModifiedResourceForeground#17661Bcb
  • gitDecoration.untrackedResourceForeground#006262ce
  • icon.foreground#922892ae
  • inlineChat.background#E6D1FCca
  • inlineChat.border#E5CFFCca
  • inlineChat.regionHighlight#242523ca
  • inlineChat.shadow#181A19ca
  • inlineChatDiff.inserted#1B1D1Cca
  • inlineChatDiff.removed#19181Aca
  • inlineChatInput.background#201F21ca
  • inlineChatInput.border#89EAB9ca
  • inlineChatInput.focusBorder#F6F6F600
  • inlineChatInput.placeholderForeground#824362ca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#585858ce
  • input.placeholderForeground#54515465
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#753752fe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#670067c7
  • inputValidation.errorBorder#FECEFEb2
  • inputValidation.errorForeground#9E009Ece
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F6F6F6fe
  • inputValidation.infoForeground#585858ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F6F6F6fe
  • inputValidation.warningForeground#6A5700ce
  • interactive.activeCodeBorder#F6F6F6fe
  • interactive.inactiveCodeBorder#EDCDED93
  • keybindingLabel.background#E2E1E2fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#585858ce
  • keybindingTable.headerBackground#E2E1E2fe
  • keybindingTable.rowsBackground#E2E1E2fe
  • list.activeSelectionBackground#B7B4BA89
  • list.activeSelectionForeground#7E427Eca
  • list.activeSelectionIconForeground#884064ca
  • list.deemphasizedForeground#585858ce
  • list.dropBackground#E2E1E2fe
  • list.errorForeground#9E009Ece
  • list.filterMatchBackground#E2E1E2fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#F6F6F600
  • list.focusBackground#CDCBCD96
  • list.focusForeground#753752fe
  • list.focusHighlightForeground#4C8FB1fe
  • list.focusOutline#F6F6F600
  • list.highlightForeground#744F3Dca
  • list.hoverBackground#EBCEEB6e
  • list.hoverForeground#923C61fe
  • list.inactiveFocusBackground#C5C3C596
  • list.inactiveFocusOutline#FAFAFA00
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#54515465
  • list.inactiveSelectionIconForeground#504D5065
  • list.invalidItemForeground#585858ce
  • list.warningForeground#6A5700ce
  • listFilterWidget.background#E2E1E2fe
  • listFilterWidget.noMatchesOutline#FAFAFA00
  • listFilterWidget.outline#FAFAFA00
  • listFilterWidget.shadow#F6F6F600
  • menu.background#F2F2F2fe
  • menu.border#F6F6F600
  • menu.foreground#575757ae
  • menu.selectionBackground#81787Ca4
  • menu.selectionBorder#F6F6F600
  • menu.selectionForeground#B23E6Ffe
  • menu.separatorBackground#FAC9FA65
  • menubar.selectionBackground#808985ab
  • menubar.selectionBorder#F6F6F600
  • menubar.selectionForeground#7C3955fe
  • merge.border#F6F6F6fe
  • merge.commonContentBackground#E2E1E2fe
  • merge.commonHeaderBackground#E2E1E2fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#89EE8Efb
  • merge.incomingContentBackground#A3E7A6cb
  • merge.incomingHeaderBackground#89EE8Efb
  • mergeEditor.change.background#E2E1E2fe
  • mergeEditor.change.word.background#E2E1E2fe
  • mergeEditor.changeBase.background#E2E1E2fe
  • mergeEditor.changeBase.word.background#E2E1E2fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F6F6F6fe
  • mergeEditor.conflict.handledUnfocused.border#D9D8D935
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c8
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#DDD4DD34
  • mergeEditor.conflictingLines.background#E2E1E2fe
  • minimap.background#E2E1E2fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0D0D0Dce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#B50000fb
  • minimapGutter.modifiedBackground#6A5700ce
  • minimapSlider.activeBackground#878387fe
  • minimapSlider.background#B8B6B8ae
  • minimapSlider.hoverBackground#C9C7C96e
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E2E1E2fe
  • notebook.cellHoverBackground#E2E1E2fe
  • notebook.cellInsertionIndicator#1D1C1Bca
  • notebook.cellStatusBarItemHoverBackground#E2E1E2fe
  • notebook.cellToolbarSeparator#1B1A1Dca
  • notebook.editorBackground#E2E1E2fe
  • notebook.focusedCellBackground#E2E1E2fe
  • notebook.focusedCellBorder#833A59fe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#9390938e
  • notebook.inactiveSelectedCellBorder#8F8B8F8e
  • notebook.outputContainerBackgroundColor#E2E1E2fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E2E1E2fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E2E1E2fe
  • notebookEditorOverviewRuler.runningCellForeground#585858ce
  • notebookScrollbarSlider.activeBackground#8F8B8Ffe
  • notebookScrollbarSlider.background#B0ADB0ae
  • notebookScrollbarSlider.hoverBackground#D1D0D16e
  • notebookStatusErrorIcon.foreground#9E009Ece
  • notebookStatusRunningIcon.foreground#655544fe
  • notebookStatusSuccessIcon.foreground#17661Bcb
  • notificationCenter.border#F6F6F6fe
  • notificationCenterHeader.background#E2E1E2fe
  • notificationCenterHeader.foreground#585858ce
  • notificationLink.foreground#585858ce
  • notifications.background#E2E1E2fe
  • notifications.border#F6F6F6fe
  • notifications.foreground#585858ce
  • notificationsErrorIcon.foreground#9E009Ece
  • notificationsInfoIcon.foreground#694B87fe
  • notificationsWarningIcon.foreground#6A5700ce
  • notificationToast.border#F6F6F6fe
  • panel.background#E2E1E2fe
  • panel.border#F6F6F6fe
  • panel.dropBorder#F6F6F6fe
  • panelInput.border#F6F6F6fe
  • panelSection.border#F6F6F6fe
  • panelSection.dropBackground#E2E1E2fe
  • panelSectionHeader.background#E2E1E2fe
  • panelSectionHeader.border#F6F6F6fe
  • panelSectionHeader.foreground#585858ce
  • panelTitle.activeBorder#FAFAFA00
  • panelTitle.activeForeground#D95D97fe
  • panelTitle.inactiveForeground#C264C265
  • peekView.border#D95E94fe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#A19A9E8c
  • peekViewEditor.matchHighlightBorder#F6F6F600
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E2E1E2fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#585858ce
  • peekViewResult.lineForeground#585858ce
  • peekViewResult.matchHighlightBackground#A29FA587
  • peekViewResult.selectionBackground#958D9182
  • peekViewResult.selectionForeground#385E4Bca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#585858ce
  • peekViewTitleLabel.foreground#585858ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#585858ce
  • ports.iconRunningProcessForeground#415D54fe
  • problemsErrorIcon.foreground#9E009Ece
  • problemsInfoIcon.foreground#511AFFce
  • problemsWarningIcon.foreground#6A5700ce
  • profileBadge.background#7C3955fe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E2E1E2fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#7F3F7Fae
  • quickInputList.focusBackground#A7ADAAaa
  • quickInputList.focusForeground#A23D68fe
  • quickInputList.focusIconForeground#833A59fe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#F6F6F600
  • scrollbarSlider.activeBackground#837E83fe
  • scrollbarSlider.background#BDBABDae
  • scrollbarSlider.hoverBackground#CDCBCD6e
  • search.resultsInfoForeground#585858ce
  • searchEditor.findMatchBackground#BAB4B7a1
  • searchEditor.findMatchBorder#F6F6F6fe
  • searchEditor.textInputBorder#F6F6F6fe
  • selection.background#E2E1E2fe
  • settings.checkboxBackground#F6F6F6fe
  • settings.checkboxBorder#F6F6F6fe
  • settings.checkboxForeground#585858ce
  • settings.dropdownBackground#F6F6F6fe
  • settings.dropdownBorder#F6F6F6fe
  • settings.dropdownForeground#585858ce
  • settings.dropdownListBorder#F6F6F6fe
  • settings.focusedRowBackground#A7ADAA87
  • settings.focusedRowBorder#F6F6F6fe
  • settings.headerBorder#F6F6F6fe
  • settings.headerForeground#585858ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F6F6F6fe
  • settings.numberInputBorder#F6F6F6fe
  • settings.numberInputForeground#585858ce
  • settings.rowHoverBackground#E2E1E2fe
  • settings.sashBorder#F6F6F6fe
  • settings.settingsHeaderHoverForeground#923C61fe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#585858ce
  • sideBar.background#E2E1E2fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E2E1E2fe
  • sideBar.foreground#922892ae
  • sideBarSectionHeader.background#FAFAFA00
  • sideBarSectionHeader.border#F6F6F6fe
  • sideBarSectionHeader.foreground#585858ce
  • sideBarTitle.foreground#585858ce
  • sideBySideEditor.horizontalBorder#F6F6F6fe
  • sideBySideEditor.verticalBorder#F6F6F6fe
  • simpleFindWidget.sashBorder#F6F6F6fe
  • statusBar.background#F2F2F2fe
  • statusBar.border#F6F6F6fe
  • statusBar.debuggingBackground#FECEFE9d
  • statusBar.debuggingBorder#F6F6F6fe
  • statusBar.debuggingForeground#585858ce
  • statusBar.focusBorder#F6F6F600
  • statusBar.foreground#9C0C9C6e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#585858ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#FECEFE9d
  • statusBarItem.errorForeground#9E009Ece
  • statusBarItem.errorHoverBackground#FECEFEa0
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F6F6F600
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#A23D68fe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#585858ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#7C3955fe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#585858ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#9A3C64fe
  • statusBarItem.remoteBackground#A23D68fe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#B23E6Ffe
  • statusBarItem.warningBackground#FED40Afe
  • statusBarItem.warningForeground#6A5700ce
  • statusBarItem.warningHoverBackground#FED40Afe
  • statusBarItem.warningHoverForeground#A08400ce
  • symbolIcon.arrayForeground#4F5C42fe
  • symbolIcon.booleanForeground#006262ce
  • symbolIcon.classForeground#4B5D39fe
  • symbolIcon.colorForeground#3E5F49fe
  • symbolIcon.constantForeground#385E4Bfe
  • symbolIcon.constructorForeground#7E437Efe
  • symbolIcon.enumeratorForeground#485A6Cfe
  • symbolIcon.enumeratorMemberForeground#6D5143fe
  • symbolIcon.eventForeground#6D5143fe
  • symbolIcon.fieldForeground#46597Ffe
  • symbolIcon.fileForeground#3D5E4Dfe
  • symbolIcon.folderForeground#40604Afe
  • symbolIcon.functionForeground#4B5D39fe
  • symbolIcon.interfaceForeground#405888fe
  • symbolIcon.keyForeground#445C50fe
  • symbolIcon.keywordForeground#3F5B77fe
  • symbolIcon.methodForeground#4D5E3Dfe
  • symbolIcon.moduleForeground#445C50fe
  • symbolIcon.namespaceForeground#714B71fe
  • symbolIcon.nullForeground#7F4659fe
  • symbolIcon.numberForeground#784878fe
  • symbolIcon.objectForeground#774677fe
  • symbolIcon.operatorForeground#485A6Cfe
  • symbolIcon.packageForeground#3F5B77fe
  • symbolIcon.propertyForeground#655544fe
  • symbolIcon.referenceForeground#714B71fe
  • symbolIcon.snippetForeground#4B5D39fe
  • symbolIcon.stringForeground#764A60fe
  • symbolIcon.structForeground#605642fe
  • symbolIcon.textForeground#3B5D4Cfe
  • symbolIcon.typeParameterForeground#665647fe
  • symbolIcon.unitForeground#485A6Cfe
  • symbolIcon.variableForeground#714B71fe
  • tab.activeBackground#EEEDEEfe
  • tab.activeBorder#F6F6F600
  • tab.activeBorderTop#D95E94fe
  • tab.activeForeground#D95D96fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F6F6F600
  • tab.hoverBackground#8C338C6e
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#753752fe
  • tab.inactiveBackground#E9CFE995
  • tab.inactiveForeground#4B494B65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D9D8D937
  • tab.unfocusedActiveBorder#F6F6F600
  • tab.unfocusedActiveBorderTop#FAC8FA65
  • tab.unfocusedActiveForeground#54515465
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#8C338C6e
  • tab.unfocusedHoverBorder#DDD4DD28
  • tab.unfocusedHoverForeground#C264C265
  • tab.unfocusedInactiveBackground#C5C3C596
  • tab.unfocusedInactiveForeground#C264C265
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339b
  • 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#670067c3
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea0
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E2E1E2fe
  • terminal.border#F6F6F6fe
  • terminal.dropBackground#E2E1E2fe
  • terminal.findMatchBackground#E2E1E2fe
  • terminal.findMatchBorder#F6F6F6fe
  • terminal.findMatchHighlightBackground#E2E1E2fe
  • terminal.findMatchHighlightBorder#F6F6F6fe
  • terminal.foreground#922892ae
  • terminal.hoverHighlightBackground#E2E1E2fe
  • terminal.inactiveSelectionBackground#C9C7C994
  • terminal.selectionBackground#B7BAB48e
  • terminal.selectionForeground#4B5D39ca
  • terminal.tab.activeBorder#D95E93fe
  • terminalCommandDecoration.defaultBackground#922892a8
  • terminalCommandDecoration.errorBackground#B40000cb
  • terminalCommandDecoration.successBackground#17661Bcb
  • terminalCursor.background#E2E1E2fe
  • terminalCursor.foreground#833A59fe
  • terminalOverviewRuler.cursorForeground#585858ce
  • terminalOverviewRuler.findMatchForeground#006262ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c7
  • testing.iconUnset#808080c4
  • testing.message.error.decorationForeground#AF0951fe
  • testing.message.error.lineBackground#FECEFE99
  • testing.message.info.decorationForeground#6E364Efe
  • testing.message.info.lineBackground#D3D3FFfe
  • testing.peekBorder#F6F6F6fe
  • testing.peekHeaderBackground#E2E1E2fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E2E1E2fe
  • textBlockQuote.border#F6F6F6fe
  • textCodeBlock.background#E2E1E2fe
  • textLink.activeForeground#923C61fe
  • textLink.foreground#511AFFce
  • textPreformat.foreground#585858ce
  • textSeparator.foreground#585858ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#CE57CEae
  • titleBar.border#F6F6F600
  • titleBar.inactiveBackground#D9D8D9d8
  • titleBar.inactiveForeground#4B494B65
  • toolbar.activeBackground#B0E2CC8b
  • toolbar.hoverBackground#E2E1E2fe
  • toolbar.hoverOutline#F6F6F600
  • tree.inactiveIndentGuidesStroke#474C4A35
  • tree.indentGuidesStroke#B0074Ffe
  • tree.tableColumnsBorder#F6F6F6fe
  • tree.tableOddRowsBackground#E2E1E2fe
  • walkThrough.embeddedEditorBackground#E2E1E2fe
  • walkthrough.stepTitle.foreground#585858ce
  • welcomePage.background#E2E1E2fe
  • welcomePage.progress.background#E2E1E2fe
  • welcomePage.progress.foreground#585858ce
  • welcomePage.tileBackground#E2E1E2fe
  • welcomePage.tileBorder#F6F6F6fe
  • welcomePage.tileHoverBackground#E2E1E2fe
  • widget.border#F6F6F6fe
  • widget.shadow#F6F6F600
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#E7D0E791

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#4E4E4E6e
comment.block.html#6F3A6F6e
comment.block.java#6F3C6F6e
comment.block.javadoc.java#6F3C6F6e
comment.block.powershell#4E4E4E6e
comment.block.xml#6F3C6F6e
comment.line.double-slash.c#4E4E4E6e
comment.line.double-slash.cpp#4E4E4E6e
comment.line.double-slash.java#6F3A6F6e
comment.line.double-slash.js#6F3A6F6e
comment.line.number-sign.makefile#4F4F4F6e
comment.line.number-sign.python#6F3A6F6e
comment.line.number-sign.yaml#6F3C6F6e
comment.line.percentage.erlang#6F3C6F6e
comment.line.powershell#6F3A6F6e
comment.source.cmake#4E4E4E6e
comment.source.cmakecache#6F3A6F6e
constant.character#0C550Cde
constant.character.character-class.regexp#8A320Ede
constant.character.escape#730BC1de
constant.character.set.regexp#2B462Bde
constant.language#091FADde
constant.numeric#9A0E4Ade
constant.numeric.dec.python#8A320Ede
constant.other.caps.python#674334de
constant.other.character-class.regexp#0C550Cde
constant.other.character-class.set.regexp#394028de
constant.other.color.rgb-value#9D0949de
constant.other.placeholder#0E23A9de
constant.other.rgb-value#0E5B0Ede
constant.regexp#7201C8de
constant.sha.git-rebase#693A88de
emphasis#9C0C4Ade
entity.name.class#2D4C4Cde
entity.name.function#673B89de
entity.name.function.preprocessor#6A4535de
entity.name.function.python#0E23A9de
entity.name.label#41550Ede
entity.name.namespace#7A3854de
entity.name.operator#7A3854de
entity.name.operator.custom-literal#0C4F0Cde
entity.name.scope-resolution#0E5A0Ede
entity.name.tag#0F5B0Fde
entity.name.tag.css#41560Ade
entity.name.type#7201C8debold
entity.name.variable#593D31de
entity.other.attribute#343C67de
entity.other.attribute-name#0C22A8de
entity.other.attribute-name.class.css#7303C5de
entity.other.attribute-name.class.mixin.css#6F00C2de
entity.other.attribute-name.id#730BC1de
entity.other.attribute-name.id.css#730BC0de
entity.other.attribute-name.parent-selector.css#0C420Cde
entity.other.attribute-name.pseudo-class.css#49532Fde
entity.other.attribute-name.pseudo-element.css#343C67de
entity.other.attribute-name.scss#7C3857de
entity.other.document.begin.yaml#6F3A6F6e
entity.other.inherited-class#0E5B0Ede
header#7207C4de
invalid#41550Ede
keyword#0D24B2debold
keyword.codetag.notation.python#0C4242debold
keyword.control#0E5757debold
keyword.control.anchor.regexp#673B89debold
keyword.control.import.python#9D0646debold
keyword.operator#9D0544debold
keyword.operator.alignas#56366Edebold
keyword.operator.alignof#343C67debold
keyword.operator.cast#8F2E06debold
keyword.operator.delete#56366Edebold
keyword.operator.documentation.powershell#6F3A6F6ebold
keyword.operator.expression#604033debold
keyword.operator.instanceof#0D23A6debold
keyword.operator.logical.python#67344Adebold
keyword.operator.minus.exponent#674334debold
keyword.operator.negation.regexp#40540Ddebold
keyword.operator.new#673A8Bdebold
keyword.operator.noexcept#333960debold
keyword.operator.or.regexp#0E25AAdebold
keyword.operator.plus.exponent#7309C2debold
keyword.operator.quantifier.regexp#694435debold
keyword.operator.sizeof#7A3854debold
keyword.operator.typeid#374075debold
keyword.operator.wordlike#305830debold
keyword.other.operator#9A0E4Adebold
keyword.other.package.java#0E5858debold
keyword.other.unit#0D5858debold
keyword.other.using#532F3Edebold
markup.bold#8B310Ede
markup.changed#8F2E06de
markup.deleted#9A0E4Ade
markup.fenced_code.block.markdown#0F5B0Fde
markup.heading#091FADde
markup.inline.raw#730BC0de
markup.inserted#9A0E4Ade
markup.italic#434C2Dde
markup.raw.block.markdown#0A21ACde
markup.strikethrough#313759de
markup.underline#305830de
meta.block.c#9A0E4Ade
meta.block.c#284028de
meta.class.java#0E25AAde
meta.definition.variable.name#0B21ABde
meta.diff.header#4D3360de
meta.embedded#333960de
meta.embedded.assembly#0E5757de
meta.function-call.arguments.python#3B4895de
meta.function-call.python#674334de
meta.member.access.python#7B3956de
meta.method.java#0C4242de
meta.object-literal.key#0E5858de
meta.paragraph.markdown#0E5B0Ede
meta.preprocessor#673987de
meta.preprocessor.numeric#0D23A6de
meta.preprocessor.string#4D3360de
meta.scope.prerequisites.makefile#673987de
meta.structure.dictionary.json.comments#4E4E4E6e
meta.structure.dictionary.key.python#0E5757de
meta.structure.dictionary.value.json.comments#4E4E4E6e
meta.template.expression#0D5858de
meta.type.cast.expr#0E5757debold
meta.type.new.expr#41550Fdebold
parameter#434C2Dde
punctuation.character.set.begin.regexp#41550Ede
punctuation.character.set.end.regexp#47522Ede
punctuation.definition.array.begin.json#0E5757de
punctuation.definition.character-class.regexp#47522Fde
punctuation.definition.comment#4E4E4E6e
punctuation.definition.comment.json.comments#6F3A6F6e
punctuation.definition.comment.python#4F4F4F6e
punctuation.definition.dictionary.begin.json#2B462Bde
punctuation.definition.dictionary.end.json#7C3857de
punctuation.definition.group.assertion.regexp#0E25AAde
punctuation.definition.group.regexp#41560Ede
punctuation.definition.list.begin.json#8B310Ede
punctuation.definition.list.begin.markdown#0E23A9de
punctuation.definition.list.begin.python#333960de
punctuation.definition.list.end.json#0820ABde
punctuation.definition.list.end.markdown#394028de
punctuation.definition.list.end.python#2B462Bde
punctuation.definition.parameters.begin.python#41560Dde
punctuation.definition.parameters.end.bracket.round.java#41550Ede
punctuation.definition.quote.begin.markdown#0E5757de
punctuation.definition.tag#2F5353de
punctuation.definition.template-expression.begin#9C0C4Ade
punctuation.definition.template-expression.end#394028de
punctuation.section.class.begin.bracket.curly.java#9D0949de
punctuation.section.embedded#41550Ede
punctuation.section.embedded.begin.php#0D24B2de
punctuation.section.embedded.end.php#41550Ede
punctuation.terminator.java#8A310Dde
source.cmake#41550Ede
source.coffee.embedded#0D24ABde
source.cpp#604033de
source.css.less#394028de
source.groovy.embedded#8E2E08de
source.java#0D24ABde
source.java-properties#0C4F4Fde
source.json.comments#4F4F4F6e
source.makefile#9C0C4Ade
source.powershell#6E364Ede
source.powershell.variable.other.member#9D0646de
source.python#8C310Dde
storage#673A88de
storage.modifier#0E5757de
storage.modifier.import.java#643A83de
storage.modifier.package.java#513467de
storage.type#0D23A6debold
storage.type.annotation.groovy#0D24B2debold
storage.type.annotation.java#0E5757debold
storage.type.boolean.go#0F5B0Fdebold
storage.type.byte.go#47522Edebold
storage.type.cs#6E364Edebold
storage.type.error.go#2B462Bdebold
storage.type.generic.cs#0C4F4Fdebold
storage.type.generic.groovy#7201C8debold
storage.type.generic.java#9C0C4Adebold
storage.type.groovy#673A86debold
storage.type.java#49532Fdebold
storage.type.modifier.cs#7207C4debold
storage.type.numeric.go#7309C2debold
storage.type.object.array.groovy#434C2Ddebold
storage.type.object.array.java#9B0D4Adebold
storage.type.parameters.groovy#0E5757debold
storage.type.primitive.array.groovy#0C550Cdebold
storage.type.primitive.array.java#305555debold
storage.type.primitive.groovy#7207C4debold
storage.type.primitive.java#2B462Bdebold
storage.type.rune.go#674334debold
storage.type.string.go#3B498Edebold
storage.type.token.java#7A3854debold
storage.type.uintptr.go#8D300Adebold
storage.type.variable.cs#7B3858debold
string#39427Cde
string.quoted.docstring.multi.python#6F3A6F6e
string.regexp#2B462Bde
string.tag#7206C4de
string.value#7201C8de
strong#8A310Dde
support.class#0E5757de
support.constant.color#0E5C0Ede
support.constant.dom#7309C2de
support.constant.font-name#41560Ade
support.constant.handlebars#47522Fde
support.constant.json#0D24ABde
support.constant.math#730CC1de
support.constant.media#9A0E4Ade
support.constant.media-type#673A86debold
support.constant.property-value#0F5B0Fde
support.function#9C0C4Ade
support.function.git-rebase#9A0E4Ade
support.other.parenthesis.regexp#0E5757de
support.type#5F397Cdebold
support.type.property-name#8B310Edebold
support.type.vendored.property-name#41550Fdebold
support.variable#0E25AAde
token.debug-token#674334de
token.error-token#9D0949de
token.info-token#8B310Ede
token.warn-token#9C0C4Ade
variable#9A0E4Ade
variable.css#53392Fde
variable.language#7B3858de
variable.language.wildcard.java#663B89de
variable.other.constant#0C5555de
variable.other.definition.java#673A88de
variable.other.enummember#0E5757de
variable.other.less#0E5757de
variable.other.object.java#9D0646de
variable.other.object.property.java#2D4C4Cde
variable.parameter.c#305555de
variable.parameter.function.language.python#2F5353de
variable.parameter.java#6A4535de
variable.scss#40540Ede
viiv by B.W - VS Code Theme