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#D8E1E1fe
  • activityBar.activeBackground#D8E1E1fe
  • activityBar.activeBorder#7D0745fe
  • activityBar.activeFocusBorder#A26F8900
  • activityBar.background#EBF0F0fe
  • activityBar.border#46888800
  • activityBar.dropBorder#7D0745fe
  • activityBar.foreground#721D4Cfe
  • activityBar.inactiveForeground#3F525265
  • activityBarBadge.background#B82A79fe
  • activityBarBadge.foreground#EBF0F0fe
  • badge.background#9F286Afe
  • badge.foreground#EBF0F0fe
  • banner.background#D8E1E1fe
  • banner.foreground#123D3Dce
  • banner.iconForeground#0E21A3fe
  • breadcrumb.activeSelectionForeground#193D3Dca
  • breadcrumb.background#E7ECECfe
  • breadcrumb.focusForeground#B82A79fe
  • breadcrumb.foreground#133D3Dae
  • breadcrumbPicker.background#D8E1E1fe
  • button.background#9FB5B5ae
  • button.border#F5F7F700
  • button.foreground#123D3Dce
  • button.hoverBackground#95AEAE6e
  • button.secondaryBackground#D8E1E1fe
  • button.secondaryForeground#123D3Dce
  • button.secondaryHoverBackground#D8E1E1fe
  • button.separator#F7F6F500
  • charts.blue#1b1bfffe
  • charts.foreground#123D3Dce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#6700679f
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F3F3fe
  • chat.slashCommandBackground#D8E1E1fe
  • chat.slashCommandForeground#123D3Dce
  • checkbox.background#F0F3F3fe
  • checkbox.border#F0F3F3fe
  • checkbox.foreground#123D3Dce
  • checkbox.selectBackground#F0F3F3fe
  • checkbox.selectBorder#F0F3F3fe
  • commandCenter.activeBackground#DBD5D287
  • commandCenter.activeBorder#F0F3F3fe
  • commandCenter.activeForeground#902761fe
  • commandCenter.background#D8E1E1fe
  • commandCenter.border#F0F3F3fe
  • commandCenter.foreground#123D3Dce
  • commandCenter.inactiveBorder#CDD9D994
  • commandCenter.inactiveForeground#34444465
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F7F500
  • contrastBorder#F7F7F500
  • debugConsole.errorForeground#910091ce
  • debugConsole.infoForeground#123D3Dce
  • debugConsole.sourceForeground#123D3Dce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#0C400Cfe
  • debugExceptionWidget.background#FFC6FFc0
  • debugExceptionWidget.border#F0F3F3fe
  • debugIcon.breakpointCurrentStackframeForeground#333646fe
  • debugIcon.breakpointDisabledForeground#3F525265
  • debugIcon.breakpointForeground#580A7Ffe
  • debugIcon.breakpointStackframeForeground#572B15fe
  • debugIcon.breakpointUnverifiedForeground#194019fe
  • debugIcon.continueForeground#303552fe
  • debugIcon.disconnectForeground#2D3A3Afe
  • debugIcon.pauseForeground#183D3Dfe
  • debugIcon.restartForeground#580A7Ffe
  • debugIcon.startForeground#024102fe
  • debugIcon.stepBackForeground#540588fe
  • debugIcon.stepIntoForeground#343A09fe
  • debugIcon.stepOutForeground#572B15fe
  • debugIcon.stepOverForeground#2F3654fe
  • debugIcon.stopForeground#532D14fe
  • debugTokenExpression.boolean#1C1D17ca
  • debugTokenExpression.error#161318ca
  • debugTokenExpression.name#181316ca
  • debugTokenExpression.number#1C1619ca
  • debugTokenExpression.value#20211Aca
  • debugToolBar.background#FFC6FFac
  • debugToolBar.border#F0F3F3fe
  • debugView.exceptionLabelBackground#DBD5D1ca
  • debugView.exceptionLabelForeground#2F3654ca
  • debugView.stateLabelBackground#DCD6D3ca
  • debugView.stateLabelForeground#353A19ca
  • debugView.valueChangedHighlight#25261Eca
  • descriptionForeground#123D3Dce
  • diffEditor.border#F7F7F500
  • diffEditor.diagonalFill#000000f9
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B9E1BBfb
  • diffEditor.insertedTextBorder#F5F5F700
  • diffEditor.move.border#F5F7F700
  • diffEditor.moveActive.border#F7F6F500
  • diffEditor.removedLineBackground#FFC9C931
  • diffEditor.removedTextBackground#FFC9C9fb
  • diffEditor.removedTextBorder#F5F7F500
  • diffEditor.unchangedCodeBackground#D8E1E1fe
  • diffEditor.unchangedRegionBackground#D8E1E1fe
  • diffEditor.unchangedRegionForeground#123D3Dce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#38494965
  • dropdown.background#F0F3F3fe
  • dropdown.border#F0F3F3fe
  • dropdown.foreground#123D3Dce
  • dropdown.listBackground#F0F3F3fe
  • editor.background#D8E1E1fe
  • editor.findMatchBackground#BFB4AEa6
  • editor.findMatchBorder#F0F3F3fe
  • editor.findMatchHighlightBackground#9FB5B5ad
  • editor.findMatchHighlightBorder#F0F3F3fe
  • editor.findRangeHighlightBackground#A4A892a3
  • editor.findRangeHighlightBorder#F0F3F3fe
  • editor.focusedStackFrameHighlightBackground#999D8489
  • editor.foldBackground#243FC9a7
  • editor.foreground#123D3Dce
  • editor.hoverHighlightBackground#A5A8B7ad
  • editor.inactiveSelectionBackground#B7C7C793
  • editor.inlineValuesBackground#D8E1E1fe
  • editor.inlineValuesForeground#123D3Dce
  • editor.lineHighlightBackground#B2C4C4b1
  • editor.lineHighlightBorder#F7F7F500
  • editor.linkedEditingBackground#D8E1E1fe
  • editor.rangeHighlightBackground#9295A8ac
  • editor.rangeHighlightBorder#F0F3F3fe
  • editor.selectionBackground#B8C6B8a8
  • editor.selectionForeground#58097Fca
  • editor.selectionHighlightBackground#A1A48D8c
  • editor.selectionHighlightBorder#F0F3F3fe
  • editor.snippetFinalTabstopHighlightBackground#B0A29Bac
  • editor.snippetFinalTabstopHighlightBorder#F0F3F3fe
  • editor.snippetTabstopHighlightBackground#9D8C84a5
  • editor.snippetTabstopHighlightBorder#F0F3F3fe
  • editor.stackFrameHighlightBackground#BBA9B2a4
  • editor.symbolHighlightBackground#A596ACa1
  • editor.symbolHighlightBorder#F0F3F3fe
  • editor.wordHighlightBackground#88A188a8
  • editor.wordHighlightBorder#F6F5F700
  • editor.wordHighlightStrongBackground#B1A5B7a9
  • editor.wordHighlightStrongBorder#F7F5F600
  • editor.wordHighlightTextBackground#BBA9B2aa
  • editor.wordHighlightTextBorder#F7F7F500
  • editorBracketHighlight.foreground1#0A0E0Ece
  • editorBracketHighlight.foreground2#0A0E0Ece
  • editorBracketHighlight.foreground3#0A0E0Ece
  • editorBracketHighlight.foreground4#0A0E0Ece
  • editorBracketHighlight.foreground5#0A0E0Ece
  • editorBracketHighlight.foreground6#0A0E0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#123D3Dce
  • editorBracketMatch.background#3847A7a2
  • editorBracketMatch.border#F0F3F3fe
  • editorBracketPairGuide.activeBackground1#82355986
  • editorBracketPairGuide.activeBackground2#6F435986
  • editorBracketPairGuide.activeBackground3#594C6088
  • editorBracketPairGuide.activeBackground4#4C523186
  • editorBracketPairGuide.activeBackground5#7036908a
  • editorBracketPairGuide.activeBackground6#4C523187
  • editorBracketPairGuide.background1#D5D7CCfe
  • editorBracketPairGuide.background2#DBD5DEfe
  • editorBracketPairGuide.background3#CFD9CFfe
  • editorBracketPairGuide.background4#DED6DAfe
  • editorBracketPairGuide.background5#DBD5D2fe
  • editorBracketPairGuide.background6#DED6DAfe
  • editorCodeLens.foreground#2358586e
  • editorCommentsWidget.rangeActiveBackground#375656fe
  • editorCommentsWidget.rangeBackground#D8E1E1fe
  • editorCommentsWidget.resolvedBorder#F0F3F3fe
  • editorCommentsWidget.unresolvedBorder#FEC9C9cb
  • editorCursor.background#D8E1E1fe
  • editorCursor.foreground#C02A7Dfe
  • editorError.background#F7F7F500
  • editorError.border#F6F5F700
  • editorError.foreground#910091ce
  • editorGhostText.background#D8E1E1fe
  • editorGhostText.border#F5F5F700
  • editorGhostText.foreground#2358586e
  • editorGroup.border#F0F3F3fe
  • editorGroup.dropBackground#D8E1E1fe
  • editorGroup.dropIntoPromptBackground#D8E1E1fe
  • editorGroup.dropIntoPromptBorder#F0F3F3fe
  • editorGroup.dropIntoPromptForeground#123D3Dce
  • editorGroup.emptyBackground#D8E1E1fe
  • editorGroup.focusedEmptyBorder#F0F3F3fe
  • editorGroupHeader.border#F6F5F700
  • editorGroupHeader.noTabsBackground#EBF0F0ae
  • editorGroupHeader.tabsBackground#D3DDDDa1
  • editorGroupHeader.tabsBorder#F5F7F500
  • editorGutter.addedBackground#1A5D1Dfb
  • editorGutter.background#D8E1E1fe
  • editorGutter.commentGlyphForeground#123D3Dce
  • editorGutter.commentRangeForeground#123D3Dce
  • editorGutter.commentUnresolvedGlyphForeground#1F5C22cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#123D3Dce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#F5F5F700
  • editorHint.foreground#3C00FCce
  • editorHoverWidget.background#F0F3F3fe
  • editorHoverWidget.border#F0F3F3fe
  • editorHoverWidget.foreground#123D3Dce
  • editorHoverWidget.highlightForeground#193D3Dca
  • editorHoverWidget.statusBarBackground#D8E1E1fe
  • editorIndentGuide.activeBackground1#77144Afe
  • editorIndentGuide.activeBackground2#7E0245fe
  • editorIndentGuide.activeBackground3#790F4Cfe
  • editorIndentGuide.activeBackground4#77144Afe
  • editorIndentGuide.activeBackground5#7D0745fe
  • editorIndentGuide.activeBackground6#77144Afe
  • editorIndentGuide.background1#52554435
  • editorIndentGuide.background2#473D3835
  • editorIndentGuide.background3#44465535
  • editorIndentGuide.background4#42393535
  • editorIndentGuide.background5#584B5F35
  • editorIndentGuide.background6#4F445535
  • editorInfo.background#F5F5F700
  • editorInfo.border#F7F5F600
  • editorInfo.foreground#3C00FCce
  • editorInlayHint.background#D8E1E1fe
  • editorInlayHint.foreground#123D3Dce
  • editorInlayHint.parameterBackground#D8E1E1fe
  • editorInlayHint.parameterForeground#123D3Dce
  • editorInlayHint.typeBackground#D8E1E1fe
  • editorInlayHint.typeForeground#123D3Dce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5C22cb
  • editorLineNumber.activeForeground#982866fe
  • editorLineNumber.dimmedForeground#1B59596e
  • editorLineNumber.foreground#1E59596e
  • editorLink.activeForeground#802558fe
  • editorMarkerNavigation.background#F0F3F3fe
  • editorMarkerNavigationError.background#FFC6FFb9
  • editorMarkerNavigationError.headerBackground#FFC6FFc3
  • editorMarkerNavigationInfo.background#D3D3FFfe
  • editorMarkerNavigationInfo.headerBackground#D3D3FFfe
  • editorMarkerNavigationWarning.background#FED200fe
  • editorMarkerNavigationWarning.headerBackground#FED200fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#D8E1E1fe
  • editorOverviewRuler.border#CDD8D8fe
  • editorOverviewRuler.bracketMatchForeground#123D3Dce
  • editorOverviewRuler.commentForeground#2158586e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#123D3Dce
  • editorOverviewRuler.currentContentForeground#505050a5
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#910091ce
  • editorOverviewRuler.findMatchForeground#005A5Ace
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3C00FCce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#193D3Dca
  • editorOverviewRuler.selectionHighlightForeground#3C00FCce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#193D3Dca
  • editorOverviewRuler.wordHighlightStrongForeground#123D3Dce
  • editorOverviewRuler.wordHighlightTextForeground#123D3Dce
  • editorPane.background#D8E1E1fe
  • editorRuler.foreground#35565627
  • editorStickyScroll.background#D8E1E1fe
  • editorStickyScrollHover.background#CED9D96e
  • editorSuggestWidget.background#F0F3F3fe
  • editorSuggestWidget.border#F6F5F700
  • editorSuggestWidget.focusHighlightForeground#7C0B44fe
  • editorSuggestWidget.foreground#632202fe
  • editorSuggestWidget.highlightForeground#582B14ca
  • editorSuggestWidget.selectedBackground#9DA1888d
  • editorSuggestWidget.selectedForeground#6A103Dca
  • editorSuggestWidget.selectedIconForeground#641843ca
  • editorSuggestWidgetStatus.foreground#6A0F45fe
  • editorUnicodeHighlight.background#92A892ad
  • editorUnicodeHighlight.border#F0F3F3fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F5F7F700
  • editorWarning.border#F7F5F600
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#123D3Dce
  • editorWidget.background#F0F3F3fe
  • editorWidget.border#F0F3F3fe
  • editorWidget.foreground#123D3Dce
  • editorWidget.resizeBorder#F0F3F3fe
  • errorForeground#910091ce
  • extensionBadge.remoteBackground#982866fe
  • extensionBadge.remoteForeground#EBF0F0fe
  • extensionButton.background#CDD8D8ae
  • extensionButton.foreground#123D3Dce
  • extensionButton.hoverBackground#CDD8D86e
  • extensionButton.prominentBackground#D8E1E1fe
  • extensionButton.prominentForeground#123D3Dce
  • extensionButton.prominentHoverBackground#D8E1E1fe
  • extensionButton.separator#F6F5F700
  • extensionIcon.preReleaseForeground#153F15fe
  • extensionIcon.sponsorForeground#1D298Dfe
  • extensionIcon.starForeground#58097Ffe
  • extensionIcon.verifiedForeground#333A17fe
  • focusBorder#F7F7F500
  • foreground#123D3Dce
  • gitDecoration.addedResourceForeground#1F5C22cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3C00FCce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5C22cb
  • gitDecoration.untrackedResourceForeground#005A5Ace
  • icon.foreground#2C5757ae
  • inlineChat.background#DAD5DDca
  • inlineChat.border#DED5DAca
  • inlineChat.regionHighlight#131919ca
  • inlineChat.shadow#1A1B21ca
  • inlineChatDiff.inserted#1C1619ca
  • inlineChatDiff.removed#231E26ca
  • inlineChatInput.background#1C1816ca
  • inlineChatInput.border#DCD6D3ca
  • inlineChatInput.focusBorder#F7F6F500
  • inlineChatInput.placeholderForeground#353A19ca
  • input.background#F0F3F3fe
  • input.border#F0F3F3fe
  • input.foreground#123D3Dce
  • input.placeholderForeground#38494965
  • inputOption.activeBackground#F0F3F3fe
  • inputOption.activeBorder#F0F3F3fe
  • inputOption.activeForeground#C02A7Dfe
  • inputOption.hoverBackground#F0F3F3fe
  • inputValidation.errorBackground#670067ca
  • inputValidation.errorBorder#FFC6FFc2
  • inputValidation.errorForeground#910091ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F3F3fe
  • inputValidation.infoForeground#123D3Dce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F3F3fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F0F3F3fe
  • interactive.inactiveCodeBorder#CDD9D994
  • keybindingLabel.background#D8E1E1fe
  • keybindingLabel.border#F0F3F3fe
  • keybindingLabel.bottomBorder#F0F3F3fe
  • keybindingLabel.foreground#123D3Dce
  • keybindingTable.headerBackground#D8E1E1fe
  • keybindingTable.rowsBackground#D8E1E1fe
  • list.activeSelectionBackground#B4B7A58c
  • list.activeSelectionForeground#333A17ca
  • list.activeSelectionIconForeground#024102ca
  • list.deemphasizedForeground#123D3Dce
  • list.dropBackground#D8E1E1fe
  • list.errorForeground#910091ce
  • list.filterMatchBackground#D8E1E1fe
  • list.filterMatchBorder#F0F3F3fe
  • list.focusAndSelectionOutline#F5F7F500
  • list.focusBackground#C0CFCF97
  • list.focusForeground#802558fe
  • list.focusHighlightForeground#224444fe
  • list.focusOutline#F5F7F500
  • list.highlightForeground#163F16ca
  • list.hoverBackground#CFD9CFac
  • list.hoverForeground#982866fe
  • list.inactiveFocusBackground#C5D2D29e
  • list.inactiveFocusOutline#F7F6F500
  • list.inactiveSelectionBackground#EBF0F0ae
  • list.inactiveSelectionForeground#3F525265
  • list.inactiveSelectionIconForeground#19595965
  • list.invalidItemForeground#123D3Dce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#D8E1E1fe
  • listFilterWidget.noMatchesOutline#F7F6F500
  • listFilterWidget.outline#F5F5F700
  • listFilterWidget.shadow#F7F5F600
  • menu.background#EBF0F0fe
  • menu.border#F6F5F700
  • menu.foreground#163D3Dae
  • menu.selectionBackground#B3C2B3ab
  • menu.selectionBorder#F5F5F700
  • menu.selectionForeground#982866fe
  • menu.separatorBackground#CED9D965
  • menubar.selectionBackground#C1CEC1ab
  • menubar.selectionBorder#F7F5F600
  • menubar.selectionForeground#C02A7Dfe
  • merge.border#F0F3F3fe
  • merge.commonContentBackground#D8E1E1fe
  • merge.commonHeaderBackground#D8E1E1fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B9E1BBfb
  • merge.incomingContentBackground#B8E0BAcb
  • merge.incomingHeaderBackground#B9E1BBfb
  • mergeEditor.change.background#D8E1E1fe
  • mergeEditor.change.word.background#D8E1E1fe
  • mergeEditor.changeBase.background#D8E1E1fe
  • mergeEditor.changeBase.word.background#D8E1E1fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F3F3fe
  • mergeEditor.conflict.handledUnfocused.border#CFDADA3c
  • mergeEditor.conflict.input1.background#F0F3F3fe
  • mergeEditor.conflict.input2.background#F0F3F3fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c6
  • mergeEditor.conflict.unhandledFocused.border#F0F3F3fe
  • mergeEditor.conflict.unhandledUnfocused.border#CDD8D82c
  • mergeEditor.conflictingLines.background#D8E1E1fe
  • minimap.background#D8E1E1fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0E0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5D1Dfb
  • minimapGutter.deletedBackground#A60000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#6B8C8Cfe
  • minimapSlider.background#A3B9B9ae
  • minimapSlider.hoverBackground#90AAAA6e
  • notebook.cellBorderColor#F0F3F3fe
  • notebook.cellEditorBackground#D8E1E1fe
  • notebook.cellHoverBackground#D8E1E1fe
  • notebook.cellInsertionIndicator#1A211Aca
  • notebook.cellStatusBarItemHoverBackground#D8E1E1fe
  • notebook.cellToolbarSeparator#1E2727ca
  • notebook.editorBackground#D8E1E1fe
  • notebook.focusedCellBackground#D8E1E1fe
  • notebook.focusedCellBorder#902761fe
  • notebook.focusedEditorBorder#F0F3F3fe
  • notebook.inactiveFocusedCellBorder#6B8C8C8e
  • notebook.inactiveSelectedCellBorder#6B8C8C8e
  • notebook.outputContainerBackgroundColor#D8E1E1fe
  • notebook.outputContainerBorderColor#F0F3F3fe
  • notebook.selectedCellBackground#D8E1E1fe
  • notebook.selectedCellBorder#F0F3F3fe
  • notebook.symbolHighlightBackground#D8E1E1fe
  • notebookEditorOverviewRuler.runningCellForeground#123D3Dce
  • notebookScrollbarSlider.activeBackground#6F9090fe
  • notebookScrollbarSlider.background#A3B9B9ae
  • notebookScrollbarSlider.hoverBackground#90AAAA6e
  • notebookStatusErrorIcon.foreground#910091ce
  • notebookStatusRunningIcon.foreground#163F16fe
  • notebookStatusSuccessIcon.foreground#1F5C22cb
  • notificationCenter.border#F0F3F3fe
  • notificationCenterHeader.background#D8E1E1fe
  • notificationCenterHeader.foreground#123D3Dce
  • notificationLink.foreground#123D3Dce
  • notifications.background#D8E1E1fe
  • notifications.border#F0F3F3fe
  • notifications.foreground#123D3Dce
  • notificationsErrorIcon.foreground#910091ce
  • notificationsInfoIcon.foreground#1D3E1Dfe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F0F3F3fe
  • panel.background#D8E1E1fe
  • panel.border#F0F3F3fe
  • panel.dropBorder#F0F3F3fe
  • panelInput.border#F0F3F3fe
  • panelSection.border#F0F3F3fe
  • panelSection.dropBackground#D8E1E1fe
  • panelSectionHeader.background#D8E1E1fe
  • panelSectionHeader.border#F0F3F3fe
  • panelSectionHeader.foreground#123D3Dce
  • panelTitle.activeBorder#F7F5F600
  • panelTitle.activeForeground#701F4Bfe
  • panelTitle.inactiveForeground#34444465
  • peekView.border#7E0245fe
  • peekViewEditor.background#F0F3F3fe
  • peekViewEditor.matchHighlightBackground#9D849084
  • peekViewEditor.matchHighlightBorder#F5F7F700
  • peekViewEditorGutter.background#F0F3F3fe
  • peekViewEditorStickyScroll.background#D8E1E1fe
  • peekViewResult.background#EBF0F0fe
  • peekViewResult.fileForeground#123D3Dce
  • peekViewResult.lineForeground#123D3Dce
  • peekViewResult.matchHighlightBackground#A1889489
  • peekViewResult.selectionBackground#B09BA584
  • peekViewResult.selectionForeground#333A17ca
  • peekViewTitle.background#EBF0F0fe
  • peekViewTitleDescription.foreground#123D3Dce
  • peekViewTitleLabel.foreground#123D3Dce
  • pickerGroup.border#F0F3F3fe
  • pickerGroup.foreground#123D3Dce
  • ports.iconRunningProcessForeground#3E3531fe
  • problemsErrorIcon.foreground#910091ce
  • problemsInfoIcon.foreground#3C00FCce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#B82A79fe
  • profileBadge.foreground#EBF0F0fe
  • progressBar.background#D8E1E1fe
  • quickInput.background#EBF0F0fe
  • quickInput.foreground#163D3Dae
  • quickInputList.focusBackground#A89992aa
  • quickInputList.focusForeground#802558fe
  • quickInputList.focusIconForeground#C02A7Dfe
  • quickInputTitle.background#F0F3F3fe
  • sash.hoverBorder#F0F3F3fe
  • scrollbar.shadow#F5F7F700
  • scrollbarSlider.activeBackground#7D9B9Bfe
  • scrollbarSlider.background#A8BCBCae
  • scrollbarSlider.hoverBackground#90AAAA6e
  • search.resultsInfoForeground#123D3Dce
  • searchEditor.findMatchBackground#B9AEBFae
  • searchEditor.findMatchBorder#F0F3F3fe
  • searchEditor.textInputBorder#F0F3F3fe
  • selection.background#D8E1E1fe
  • settings.checkboxBackground#F0F3F3fe
  • settings.checkboxBorder#F0F3F3fe
  • settings.checkboxForeground#123D3Dce
  • settings.dropdownBackground#F0F3F3fe
  • settings.dropdownBorder#F0F3F3fe
  • settings.dropdownForeground#123D3Dce
  • settings.dropdownListBorder#F0F3F3fe
  • settings.focusedRowBackground#969AAC88
  • settings.focusedRowBorder#F0F3F3fe
  • settings.headerBorder#F0F3F3fe
  • settings.headerForeground#123D3Dce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F3F3fe
  • settings.numberInputBorder#F0F3F3fe
  • settings.numberInputForeground#123D3Dce
  • settings.rowHoverBackground#D8E1E1fe
  • settings.sashBorder#F0F3F3fe
  • settings.settingsHeaderHoverForeground#902761fe
  • settings.textInputBackground#F0F3F3fe
  • settings.textInputBorder#F0F3F3fe
  • settings.textInputForeground#123D3Dce
  • sideBar.background#D8E1E1fe
  • sideBar.border#F0F3F3fe
  • sideBar.dropBackground#D8E1E1fe
  • sideBar.foreground#2C5757ae
  • sideBarSectionHeader.background#F7F5F600
  • sideBarSectionHeader.border#F0F3F3fe
  • sideBarSectionHeader.foreground#123D3Dce
  • sideBarTitle.foreground#123D3Dce
  • sideBySideEditor.horizontalBorder#F0F3F3fe
  • sideBySideEditor.verticalBorder#F0F3F3fe
  • simpleFindWidget.sashBorder#F0F3F3fe
  • statusBar.background#EBF0F0fe
  • statusBar.border#F0F3F3fe
  • statusBar.debuggingBackground#FFC6FFa5
  • statusBar.debuggingBorder#F0F3F3fe
  • statusBar.debuggingForeground#123D3Dce
  • statusBar.focusBorder#F7F5F600
  • statusBar.foreground#1E59596e
  • statusBar.noFolderBackground#EBF0F0fe
  • statusBar.noFolderBorder#F0F3F3fe
  • statusBar.noFolderForeground#123D3Dce
  • statusBarItem.activeBackground#EBF0F0fe
  • statusBarItem.compactHoverBackground#EBF0F0fe
  • statusBarItem.errorBackground#FFC6FFb3
  • statusBarItem.errorForeground#910091ce
  • statusBarItem.errorHoverBackground#FFC6FFa5
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F6F5F700
  • statusBarItem.hoverBackground#EBF0F0fe
  • statusBarItem.hoverForeground#C02A7Dfe
  • statusBarItem.offlineBackground#EBF0F0fe
  • statusBarItem.offlineForeground#123D3Dce
  • statusBarItem.offlineHoverBackground#EBF0F0fe
  • statusBarItem.offlineHoverForeground#9F286Afe
  • statusBarItem.prominentBackground#EBF0F0fe
  • statusBarItem.prominentForeground#123D3Dce
  • statusBarItem.prominentHoverBackground#EBF0F0fe
  • statusBarItem.prominentHoverForeground#C02A7Dfe
  • statusBarItem.remoteBackground#C02A7Dfe
  • statusBarItem.remoteForeground#EBF0F0fe
  • statusBarItem.remoteHoverBackground#EBF0F0fe
  • statusBarItem.remoteHoverForeground#88265Cfe
  • statusBarItem.warningBackground#FED200fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FED200fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#313E31fe
  • symbolIcon.booleanForeground#005A5Ace
  • symbolIcon.classForeground#1D3E1Dfe
  • symbolIcon.colorForeground#163D3Dfe
  • symbolIcon.constantForeground#580A7Ffe
  • symbolIcon.constructorForeground#6C0F3Dfe
  • symbolIcon.enumeratorForeground#641843fe
  • symbolIcon.enumeratorMemberForeground#4D311Bfe
  • symbolIcon.eventForeground#153F15fe
  • symbolIcon.fieldForeground#163D3Dfe
  • symbolIcon.fileForeground#103D3Dfe
  • symbolIcon.folderForeground#4A2A59fe
  • symbolIcon.functionForeground#4D311Bfe
  • symbolIcon.interfaceForeground#472D50fe
  • symbolIcon.keyForeground#3E3531fe
  • symbolIcon.keywordForeground#58097Ffe
  • symbolIcon.methodForeground#48303Cfe
  • symbolIcon.moduleForeground#2D3557fe
  • symbolIcon.namespaceForeground#333A17fe
  • symbolIcon.nullForeground#303552fe
  • symbolIcon.numberForeground#163D3Dfe
  • symbolIcon.objectForeground#353A19fe
  • symbolIcon.operatorForeground#063E3Efe
  • symbolIcon.packageForeground#323B11fe
  • symbolIcon.propertyForeground#303552fe
  • symbolIcon.referenceForeground#1D298Dfe
  • symbolIcon.snippetForeground#581473fe
  • symbolIcon.stringForeground#303655fe
  • symbolIcon.structForeground#572B15fe
  • symbolIcon.textForeground#45332Afe
  • symbolIcon.typeParameterForeground#283073fe
  • symbolIcon.unitForeground#333646fe
  • symbolIcon.variableForeground#194019fe
  • tab.activeBackground#E7ECECfe
  • tab.activeBorder#F7F5F600
  • tab.activeBorderTop#76174Dfe
  • tab.activeForeground#7C0948fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F6F5F700
  • tab.hoverBackground#345734ae
  • tab.hoverBorder#F0F3F3fe
  • tab.hoverForeground#802558fe
  • tab.inactiveBackground#CDD8D89a
  • tab.inactiveForeground#34444465
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F3F3fe
  • tab.unfocusedActiveBackground#CFDADA26
  • tab.unfocusedActiveBorder#F7F5F600
  • tab.unfocusedActiveBorderTop#CED9D965
  • tab.unfocusedActiveForeground#3B4D4D65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#35565634
  • tab.unfocusedHoverBorder#CFDADA29
  • tab.unfocusedHoverForeground#3F525265
  • tab.unfocusedInactiveBackground#C0CFCF98
  • tab.unfocusedInactiveForeground#3F525265
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b9
  • 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#670067c8
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec3
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D8E1E1fe
  • terminal.border#F0F3F3fe
  • terminal.dropBackground#D8E1E1fe
  • terminal.findMatchBackground#D8E1E1fe
  • terminal.findMatchBorder#F0F3F3fe
  • terminal.findMatchHighlightBackground#D8E1E1fe
  • terminal.findMatchHighlightBorder#F0F3F3fe
  • terminal.foreground#2C5757ae
  • terminal.hoverHighlightBackground#D8E1E1fe
  • terminal.inactiveSelectionBackground#B7C7C79b
  • terminal.selectionBackground#A8929D84
  • terminal.selectionForeground#532D14ca
  • terminal.tab.activeBorder#790F4Cfe
  • terminalCommandDecoration.defaultBackground#3E5353aa
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#D8E1E1fe
  • terminalCursor.foreground#88265Cfe
  • terminalOverviewRuler.cursorForeground#123D3Dce
  • terminalOverviewRuler.findMatchForeground#005A5Ace
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bc
  • testing.iconUnset#808080c0
  • testing.message.error.decorationForeground#792453fe
  • testing.message.error.lineBackground#FFC6FFba
  • testing.message.info.decorationForeground#9C0C5Cfe
  • testing.message.info.lineBackground#D3D3FFfe
  • testing.peekBorder#F0F3F3fe
  • testing.peekHeaderBackground#D8E1E1fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D8E1E1fe
  • textBlockQuote.border#F0F3F3fe
  • textCodeBlock.background#D8E1E1fe
  • textLink.activeForeground#9F286Afe
  • textLink.foreground#3C00FCce
  • textPreformat.foreground#123D3Dce
  • textSeparator.foreground#123D3Dce
  • titleBar.activeBackground#EBF0F0fe
  • titleBar.activeForeground#154646ae
  • titleBar.border#F5F7F700
  • titleBar.inactiveBackground#CFDADAd1
  • titleBar.inactiveForeground#43575765
  • toolbar.activeBackground#D5D6DD85
  • toolbar.hoverBackground#D8E1E1fe
  • toolbar.hoverOutline#F5F7F700
  • tree.inactiveIndentGuidesStroke#51454035
  • tree.indentGuidesStroke#88265Cfe
  • tree.tableColumnsBorder#F0F3F3fe
  • tree.tableOddRowsBackground#D8E1E1fe
  • walkThrough.embeddedEditorBackground#D8E1E1fe
  • walkthrough.stepTitle.foreground#123D3Dce
  • welcomePage.background#D8E1E1fe
  • welcomePage.progress.background#D8E1E1fe
  • welcomePage.progress.foreground#123D3Dce
  • welcomePage.tileBackground#D8E1E1fe
  • welcomePage.tileBorder#F0F3F3fe
  • welcomePage.tileHoverBackground#D8E1E1fe
  • widget.border#F0F3F3fe
  • widget.shadow#F5F7F500
  • window.activeBorder#F0F3F3fe
  • window.inactiveBorder#CDD9D993

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1335356e
comment.block.html#1535356e
comment.block.java#1635356e
comment.block.javadoc.java#1335356e
comment.block.powershell#1635356e
comment.block.xml#1536366e
comment.line.double-slash.c#1535356e
comment.line.double-slash.cpp#1635356e
comment.line.double-slash.java#1536366e
comment.line.double-slash.js#1635356e
comment.line.number-sign.makefile#1536366e
comment.line.number-sign.python#1335356e
comment.line.number-sign.yaml#1335356e
comment.line.percentage.erlang#1635356e
comment.line.powershell#1635356e
comment.source.cmake#1535356e
comment.source.cmakecache#1536366e
constant.character#5D0D37de
constant.character.character-class.regexp#1C4E45de
constant.character.escape#59133Bde
constant.character.set.regexp#103732de
constant.language#303030de
constant.numeric#434B09de
constant.numeric.dec.python#6A224Ade
constant.other.caps.python#4C2519de
constant.other.character-class.regexp#1C4E45de
constant.other.character-class.set.regexp#303030de
constant.other.color.rgb-value#2E330Ade
constant.other.placeholder#303030de
constant.other.rgb-value#5D0D37de
constant.regexp#103732de
constant.sha.git-rebase#303030de
emphasis#012583de
entity.name.class#4C2519de
entity.name.function#430F78de
entity.name.function.preprocessor#22366Ade
entity.name.function.python#1A473Fde
entity.name.label#5E0B38de
entity.name.namespace#1C2D5Dde
entity.name.operator#411C66de
entity.name.operator.custom-literal#1C4E45de
entity.name.scope-resolution#4E2418de
entity.name.tag#44097Fde
entity.name.tag.css#1A473Fde
entity.name.type#22366Adebold
entity.name.variable#44097Fde
entity.other.attribute#0B2876de
entity.other.attribute-name#401E62de
entity.other.attribute-name.class.css#3B4018de
entity.other.attribute-name.class.mixin.css#440681de
entity.other.attribute-name.id#1A473Fde
entity.other.attribute-name.id.css#5E1603de
entity.other.attribute-name.parent-selector.css#434B0Dde
entity.other.attribute-name.pseudo-class.css#103630de
entity.other.attribute-name.pseudo-element.css#2E330Ade
entity.other.attribute-name.scss#052384de
entity.other.document.begin.yaml#1635356e
entity.other.inherited-class#1A473Fde
header#421473de
invalid#052384de
keyword#440681debold
keyword.codetag.notation.python#421473debold
keyword.control#444A0Fdebold
keyword.control.anchor.regexp#5D0D37debold
keyword.control.import.python#2D3303debold
keyword.operator#373737debold
keyword.operator.alignas#6A224Adebold
keyword.operator.alignof#2F3210debold
keyword.operator.cast#1F305Cdebold
keyword.operator.delete#112A6Fdebold
keyword.operator.documentation.powershell#1635356ebold
keyword.operator.expression#03372Edebold
keyword.operator.instanceof#4E2418debold
keyword.operator.logical.python#541F0Fdebold
keyword.operator.minus.exponent#454545debold
keyword.operator.negation.regexp#434B0Ddebold
keyword.operator.new#5D0D3Adebold
keyword.operator.noexcept#303030debold
keyword.operator.or.regexp#541D3Cdebold
keyword.operator.plus.exponent#3B4018debold
keyword.operator.quantifier.regexp#5C1F41debold
keyword.operator.sizeof#542A1Ddebold
keyword.operator.typeid#11362Fdebold
keyword.operator.wordlike#43186Cdebold
keyword.other.operator#444A10debold
keyword.other.package.java#353916debold
keyword.other.unit#541B3Bdebold
keyword.other.using#4C2519debold
markup.bold#5C1F41de
markup.changed#411C66de
markup.deleted#5D0D37de
markup.fenced_code.block.markdown#1C4E45de
markup.heading#632F20de
markup.inline.raw#233971de
markup.inserted#4F2316de
markup.italic#434B09de
markup.raw.block.markdown#454545de
markup.strikethrough#095045de
markup.underline#303030de
meta.block.c#2E330Ade
meta.block.c#620337de
meta.class.java#5C2C1Fde
meta.definition.variable.name#5C1F41de
meta.diff.header#5C2C1Fde
meta.embedded#07362Fde
meta.embedded.assembly#42471Ade
meta.function-call.arguments.python#095045de
meta.function-call.python#3B4018de
meta.member.access.python#3C3C3Cde
meta.method.java#233971de
meta.object-literal.key#713423de
meta.paragraph.markdown#4A2371de
meta.preprocessor#303030de
meta.preprocessor.numeric#46226Ade
meta.preprocessor.string#4E271Cde
meta.scope.prerequisites.makefile#632F20de
meta.structure.dictionary.json.comments#1535356e
meta.structure.dictionary.key.python#03372Ede
meta.structure.dictionary.value.json.comments#1535356e
meta.template.expression#43186Cde
meta.type.cast.expr#012583debold
meta.type.new.expr#353916debold
parameter#1A2D5Ede
punctuation.character.set.begin.regexp#541D3Cde
punctuation.character.set.end.regexp#095045de
punctuation.definition.array.begin.json#303030de
punctuation.definition.character-class.regexp#303030de
punctuation.definition.comment#1635356e
punctuation.definition.comment.json.comments#1535356e
punctuation.definition.comment.python#1635356e
punctuation.definition.dictionary.begin.json#203363de
punctuation.definition.dictionary.end.json#542010de
punctuation.definition.group.assertion.regexp#163933de
punctuation.definition.group.regexp#2C3302de
punctuation.definition.list.begin.json#2F3314de
punctuation.definition.list.begin.markdown#103630de
punctuation.definition.list.begin.python#03372Ede
punctuation.definition.list.end.json#541B3Bde
punctuation.definition.list.end.markdown#303030de
punctuation.definition.list.end.python#303030de
punctuation.definition.parameters.begin.python#430F78de
punctuation.definition.parameters.end.bracket.round.java#71234Ede
punctuation.definition.quote.begin.markdown#07277Ade
punctuation.definition.tag#541A3Ade
punctuation.definition.template-expression.begin#542010de
punctuation.definition.template-expression.end#233971de
punctuation.section.class.begin.bracket.curly.java#1A2D5Ede
punctuation.section.embedded#444A0Fde
punctuation.section.embedded.begin.php#632F20de
punctuation.section.embedded.end.php#2E330Ade
punctuation.terminator.java#551E0Ede
source.cmake#2E330Ade
source.coffee.embedded#434B0Dde
source.cpp#1A473Fde
source.css.less#404040de
source.groovy.embedded#6A3222de
source.java#5E1603de
source.java-properties#1C4E45de
source.json.comments#1335356e
source.makefile#303030de
source.powershell#303030de
source.powershell.variable.other.member#541F0Fde
source.python#1C2D5Dde
storage#411C66de
storage.modifier#454545de
storage.modifier.import.java#373737de
storage.modifier.package.java#303030de
storage.type#22366Adebold
storage.type.annotation.groovy#4F2316debold
storage.type.annotation.java#420186debold
storage.type.boolean.go#59133Bdebold
storage.type.byte.go#541A3Adebold
storage.type.cs#3B4018debold
storage.type.error.go#103630debold
storage.type.generic.cs#07362Fdebold
storage.type.generic.groovy#551E0Edebold
storage.type.generic.java#551E0Edebold
storage.type.groovy#233971debold
storage.type.java#42471Adebold
storage.type.modifier.cs#152C65debold
storage.type.numeric.go#303030debold
storage.type.object.array.groovy#0B2876debold
storage.type.object.array.java#1C4E45debold
storage.type.parameters.groovy#0B5043debold
storage.type.primitive.array.groovy#0F5045debold
storage.type.primitive.array.java#71234Edebold
storage.type.primitive.groovy#542A1Ddebold
storage.type.primitive.java#03372Edebold
storage.type.rune.go#412063debold
storage.type.string.go#412063debold
storage.type.token.java#541D3Cdebold
storage.type.uintptr.go#233971debold
storage.type.variable.cs#71234Edebold
string#0E5045de
string.quoted.docstring.multi.python#1535356e
string.regexp#0C5045de
string.tag#163933de
string.value#4E2418de
strong#6A224Ade
support.class#59133Bde
support.constant.color#401E62de
support.constant.dom#0F5045de
support.constant.font-name#4A2371de
support.constant.handlebars#401F62de
support.constant.json#0B2876de
support.constant.math#333333de
support.constant.media#303030de
support.constant.media-type#0B5043debold
support.constant.property-value#303030de
support.function#5E0B38de
support.function.git-rebase#5C0F39de
support.other.parenthesis.regexp#410584de
support.type#0B5043debold
support.type.property-name#411C66debold
support.type.vendored.property-name#303030debold
support.variable#632F20de
token.debug-token#421473de
token.error-token#0B5043de
token.info-token#0F5045de
token.warn-token#434B0Cde
variable#71234Ede
variable.css#541F0Fde
variable.language#5C1703de
variable.language.wildcard.java#5E0B38de
variable.other.constant#0F5045de
variable.other.definition.java#0B5043de
variable.other.enummember#43186Cde
variable.other.less#434A0Ade
variable.other.object.java#112A6Fde
variable.other.object.property.java#4E2418de
variable.parameter.c#303030de
variable.parameter.function.language.python#5C1F41de
variable.parameter.java#44097Fde
variable.scss#152C65de
viiv by B.W - VS Code Theme