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#1d1d15fe
  • activityBar.activeBackground#1d1d15fe
  • activityBar.activeBorder#B2B2B2fe
  • activityBar.activeFocusBorder#566F5600
  • activityBar.background#12120Dfe
  • activityBar.border#536D6400
  • activityBar.dropBorder#B2B2B2fe
  • activityBar.foreground#B2B2B2fe
  • activityBar.inactiveForeground#B7B73A65
  • activityBarBadge.background#7C7C7Cfe
  • activityBarBadge.foreground#12120Dfe
  • badge.background#8A8A8Afe
  • badge.foreground#12120Dfe
  • banner.background#1d1d15fe
  • banner.foreground#F4F4B4ce
  • banner.iconForeground#D3D7DEfe
  • breadcrumb.activeSelectionForeground#D7D3DEca
  • breadcrumb.background#14140Efe
  • breadcrumb.focusForeground#939393fe
  • breadcrumb.foreground#E9E9E1ae
  • breadcrumbPicker.background#1d1d15fe
  • button.background#58583Fae
  • button.border#0A0B0D00
  • button.foreground#F4F4B4ce
  • button.hoverBackground#6C6C4E6e
  • button.secondaryBackground#1d1d15fe
  • button.secondaryForeground#F4F4B4ce
  • button.secondaryHoverBackground#1d1d15fe
  • button.separator#0D0A0A00
  • charts.blue#1b1bfffe
  • charts.foreground#F4F4B4ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c0
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#10100Bfe
  • chat.slashCommandBackground#1d1d15fe
  • chat.slashCommandForeground#F4F4B4ce
  • checkbox.background#10100Bfe
  • checkbox.border#10100Bfe
  • checkbox.foreground#F4F4B4ce
  • checkbox.selectBackground#10100Bfe
  • checkbox.selectBorder#10100Bfe
  • commandCenter.activeBackground#20334F8e
  • commandCenter.activeBorder#10100Bfe
  • commandCenter.activeForeground#858585fe
  • commandCenter.background#1d1d15fe
  • commandCenter.border#10100Bfe
  • commandCenter.foreground#F4F4B4ce
  • commandCenter.inactiveBorder#34341499
  • commandCenter.inactiveForeground#B7B74265
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0A0D00
  • contrastBorder#0B0A0D00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#F4F4B4ce
  • debugConsole.sourceForeground#F4F4B4ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C5C5AFfe
  • debugExceptionWidget.background#5F005Fb8
  • debugExceptionWidget.border#10100Bfe
  • debugIcon.breakpointCurrentStackframeForeground#E0DCE5fe
  • debugIcon.breakpointDisabledForeground#BFBFA765
  • debugIcon.breakpointForeground#CBBABAfe
  • debugIcon.breakpointStackframeForeground#DACECEfe
  • debugIcon.breakpointUnverifiedForeground#CFBFCAfe
  • debugIcon.continueForeground#CED3DAfe
  • debugIcon.disconnectForeground#C9CFD6fe
  • debugIcon.pauseForeground#D3D7DEfe
  • debugIcon.restartForeground#CAC4D3fe
  • debugIcon.startForeground#BFCFCAfe
  • debugIcon.stepBackForeground#CED3DAfe
  • debugIcon.stepIntoForeground#D3C4CEfe
  • debugIcon.stepOutForeground#DACED6fe
  • debugIcon.stepOverForeground#C9D6D2fe
  • debugIcon.stopForeground#E1D7D7fe
  • debugTokenExpression.boolean#DEDED2ca
  • debugTokenExpression.error#D6C9D2ca
  • debugTokenExpression.name#DED3D3ca
  • debugTokenExpression.number#DCD7E1ca
  • debugTokenExpression.value#D7D3DEca
  • debugToolBar.background#5F005Fb4
  • debugToolBar.border#10100Bfe
  • debugView.exceptionLabelBackground#3E2D39ca
  • debugView.exceptionLabelForeground#DACECEca
  • debugView.stateLabelBackground#33331Eca
  • debugView.stateLabelForeground#D4DED3ca
  • debugView.valueChangedHighlight#CED3DAca
  • descriptionForeground#F4F4B4ce
  • diffEditor.border#0D0A0C00
  • diffEditor.diagonalFill#000000f5
  • diffEditor.insertedLineBackground#003C0031
  • diffEditor.insertedTextBackground#123A14fb
  • diffEditor.insertedTextBorder#0A0D0C00
  • diffEditor.move.border#0D0A0C00
  • diffEditor.moveActive.border#0B0A0D00
  • diffEditor.removedLineBackground#6C000031
  • diffEditor.removedTextBackground#6C0000fb
  • diffEditor.removedTextBorder#0D0D0A00
  • diffEditor.unchangedCodeBackground#1d1d15fe
  • diffEditor.unchangedRegionBackground#1d1d15fe
  • diffEditor.unchangedRegionForeground#F4F4B4ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#C2C2AB65
  • dropdown.background#10100Bfe
  • dropdown.border#10100Bfe
  • dropdown.foreground#F4F4B4ce
  • dropdown.listBackground#10100Bfe
  • editor.background#1d1d15fe
  • editor.findMatchBackground#5F4747a5
  • editor.findMatchBorder#10100Bfe
  • editor.findMatchHighlightBackground#445B54a5
  • editor.findMatchHighlightBorder#10100Bfe
  • editor.findRangeHighlightBackground#544962a6
  • editor.findRangeHighlightBorder#10100Bfe
  • editor.focusedStackFrameHighlightBackground#4F6A628e
  • editor.foldBackground#CBB9B9ac
  • editor.foreground#F4F4B4ce
  • editor.hoverHighlightBackground#536A4Fae
  • editor.inactiveSelectionBackground#4F4F3A9d
  • editor.inlineValuesBackground#1d1d15fe
  • editor.inlineValuesForeground#F4F4B4ce
  • editor.lineHighlightBackground#353526b4
  • editor.lineHighlightBorder#0A0B0D00
  • editor.linkedEditingBackground#1d1d15fe
  • editor.rangeHighlightBackground#604848ab
  • editor.rangeHighlightBorder#10100Bfe
  • editor.selectionBackground#604747a7
  • editor.selectionForeground#E0DCE5ca
  • editor.selectionHighlightBackground#536E678a
  • editor.selectionHighlightBorder#10100Bfe
  • editor.snippetFinalTabstopHighlightBackground#576E53a5
  • editor.snippetFinalTabstopHighlightBorder#10100Bfe
  • editor.snippetTabstopHighlightBackground#505039ae
  • editor.snippetTabstopHighlightBorder#10100Bfe
  • editor.stackFrameHighlightBackground#576E53a3
  • editor.symbolHighlightBackground#3D524Ca3
  • editor.symbolHighlightBorder#10100Bfe
  • editor.wordHighlightBackground#454E5Ca6
  • editor.wordHighlightBorder#0D0A0C00
  • editor.wordHighlightStrongBackground#544A62aa
  • editor.wordHighlightStrongBorder#0A0D0A00
  • editor.wordHighlightTextBackground#566373ad
  • editor.wordHighlightTextBorder#0A0D0C00
  • editorBracketHighlight.foreground1#F7F7F5ce
  • editorBracketHighlight.foreground2#F7F7F5ce
  • editorBracketHighlight.foreground3#F7F7F5ce
  • editorBracketHighlight.foreground4#F7F7F5ce
  • editorBracketHighlight.foreground5#F7F7F5ce
  • editorBracketHighlight.foreground6#F7F7F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#F4F4B4ce
  • editorBracketMatch.background#B6BEC8a1
  • editorBracketMatch.border#10100Bfe
  • editorBracketPairGuide.activeBackground1#AEC2BC8b
  • editorBracketPairGuide.activeBackground2#AEC2BC8d
  • editorBracketPairGuide.activeBackground3#CAB8C48d
  • editorBracketPairGuide.activeBackground4#CBBAC68a
  • editorBracketPairGuide.activeBackground5#CBB9C68b
  • editorBracketPairGuide.activeBackground6#AEC3BD89
  • editorBracketPairGuide.background1#1F362Efe
  • editorBracketPairGuide.background2#20362Ffe
  • editorBracketPairGuide.background3#2C333Efe
  • editorBracketPairGuide.background4#3E2E2Efe
  • editorBracketPairGuide.background5#20372Ffe
  • editorBracketPairGuide.background6#1E352Ffe
  • editorCodeLens.foreground#BFBFA76e
  • editorCommentsWidget.rangeActiveBackground#C0C0A9fe
  • editorCommentsWidget.rangeBackground#1d1d15fe
  • editorCommentsWidget.resolvedBorder#10100Bfe
  • editorCommentsWidget.unresolvedBorder#6C0000cb
  • editorCursor.background#1d1d15fe
  • editorCursor.foreground#979797fe
  • editorError.background#0B0A0D00
  • editorError.border#0D0A0A00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#1d1d15fe
  • editorGhostText.border#0A0D0C00
  • editorGhostText.foreground#BFBFA76e
  • editorGroup.border#10100Bfe
  • editorGroup.dropBackground#1d1d15fe
  • editorGroup.dropIntoPromptBackground#1d1d15fe
  • editorGroup.dropIntoPromptBorder#10100Bfe
  • editorGroup.dropIntoPromptForeground#F4F4B4ce
  • editorGroup.emptyBackground#1d1d15fe
  • editorGroup.focusedEmptyBorder#10100Bfe
  • editorGroupHeader.border#0A0D0C00
  • editorGroupHeader.noTabsBackground#12120Dae
  • editorGroupHeader.tabsBackground#1d1d15a1
  • editorGroupHeader.tabsBorder#0D0A0A00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#1d1d15fe
  • editorGutter.commentGlyphForeground#F4F4B4ce
  • editorGutter.commentRangeForeground#F4F4B4ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#F4F4B4ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0A0B0D00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#10100Bfe
  • editorHoverWidget.border#10100Bfe
  • editorHoverWidget.foreground#F4F4B4ce
  • editorHoverWidget.highlightForeground#E5DCDCca
  • editorHoverWidget.statusBarBackground#1d1d15fe
  • editorIndentGuide.activeBackground1#B2B2B2fe
  • editorIndentGuide.activeBackground2#B2B2B2fe
  • editorIndentGuide.activeBackground3#B2B2B2fe
  • editorIndentGuide.activeBackground4#B2B2B2fe
  • editorIndentGuide.activeBackground5#B2B2B2fe
  • editorIndentGuide.activeBackground6#B2B2B2fe
  • editorIndentGuide.background1#9F93AE35
  • editorIndentGuide.background2#A2ACB935
  • editorIndentGuide.background3#AE93A635
  • editorIndentGuide.background4#A7898935
  • editorIndentGuide.background5#AE93A635
  • editorIndentGuide.background6#C0ACAC35
  • editorInfo.background#0A0B0D00
  • editorInfo.border#0A0D0C00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#1d1d15fe
  • editorInlayHint.foreground#F4F4B4ce
  • editorInlayHint.parameterBackground#1d1d15fe
  • editorInlayHint.parameterForeground#F4F4B4ce
  • editorInlayHint.typeBackground#1d1d15fe
  • editorInlayHint.typeForeground#F4F4B4ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#939393fe
  • editorLineNumber.dimmedForeground#BFBFA66e
  • editorLineNumber.foreground#BFBFA76e
  • editorLink.activeForeground#737373fe
  • editorMarkerNavigation.background#10100Bfe
  • editorMarkerNavigationError.background#5F005Fc1
  • editorMarkerNavigationError.headerBackground#5F005Fbb
  • editorMarkerNavigationInfo.background#0000B3fe
  • editorMarkerNavigationInfo.headerBackground#0000B3fe
  • editorMarkerNavigationWarning.background#3C3200fe
  • editorMarkerNavigationWarning.headerBackground#3C3200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1d1d15fe
  • editorOverviewRuler.border#34341Efe
  • editorOverviewRuler.bracketMatchForeground#F4F4B4ce
  • editorOverviewRuler.commentForeground#BFBFA76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F4F4B4ce
  • editorOverviewRuler.currentContentForeground#cecece9e
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D3D7DEca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D7D3DEca
  • editorOverviewRuler.wordHighlightStrongForeground#F4F4B4ce
  • editorOverviewRuler.wordHighlightTextForeground#F4F4B4ce
  • editorPane.background#1d1d15fe
  • editorRuler.foreground#C0C0A824
  • editorStickyScroll.background#1d1d15fe
  • editorStickyScrollHover.background#3333246e
  • editorSuggestWidget.background#10100Bfe
  • editorSuggestWidget.border#0B0A0D00
  • editorSuggestWidget.focusHighlightForeground#56C5A0fe
  • editorSuggestWidget.foreground#DED3D3fe
  • editorSuggestWidget.highlightForeground#DACECEca
  • editorSuggestWidget.selectedBackground#536E6789
  • editorSuggestWidget.selectedForeground#E1D7DEca
  • editorSuggestWidget.selectedIconForeground#DED3DAca
  • editorSuggestWidgetStatus.foreground#DED3DAfe
  • editorUnicodeHighlight.background#6C6C4Eaa
  • editorUnicodeHighlight.border#10100Bfe
  • editorUnnecessaryCode.border#3B3100ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0A0A00
  • editorWarning.border#0A0B0D00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F4F4B4ce
  • editorWidget.background#10100Bfe
  • editorWidget.border#10100Bfe
  • editorWidget.foreground#F4F4B4ce
  • editorWidget.resizeBorder#10100Bfe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#858585fe
  • extensionBadge.remoteForeground#12120Dfe
  • extensionButton.background#343416ae
  • extensionButton.foreground#F4F4B4ce
  • extensionButton.hoverBackground#3434196e
  • extensionButton.prominentBackground#1d1d15fe
  • extensionButton.prominentForeground#F4F4B4ce
  • extensionButton.prominentHoverBackground#1d1d15fe
  • extensionButton.separator#0D0A0C00
  • extensionIcon.preReleaseForeground#C1BACBfe
  • extensionIcon.sponsorForeground#E1D7D7fe
  • extensionIcon.starForeground#CFDACEfe
  • extensionIcon.verifiedForeground#DCE0E5fe
  • focusBorder#0D0A0A00
  • foreground#F4F4B4ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#BFBFA6ae
  • inlineChat.background#213520ca
  • inlineChat.border#382F40ca
  • inlineChat.regionHighlight#E5DCDCca
  • inlineChat.shadow#E4E1E9ca
  • inlineChatDiff.inserted#E5E5DCca
  • inlineChatDiff.removed#DED3D3ca
  • inlineChatInput.background#DACED6ca
  • inlineChatInput.border#233720ca
  • inlineChatInput.focusBorder#0A0D0C00
  • inlineChatInput.placeholderForeground#E1E9E6ca
  • input.background#10100Bfe
  • input.border#10100Bfe
  • input.foreground#F4F4B4ce
  • input.placeholderForeground#BFBFA665
  • inputOption.activeBackground#10100Bfe
  • inputOption.activeBorder#10100Bfe
  • inputOption.activeForeground#858585fe
  • inputOption.hoverBackground#10100Bfe
  • inputValidation.errorBackground#670067ba
  • inputValidation.errorBorder#5F005Fb1
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#10100Bfe
  • inputValidation.infoForeground#F4F4B4ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#10100Bfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#10100Bfe
  • interactive.inactiveCodeBorder#34341192
  • keybindingLabel.background#1d1d15fe
  • keybindingLabel.border#10100Bfe
  • keybindingLabel.bottomBorder#10100Bfe
  • keybindingLabel.foreground#F4F4B4ce
  • keybindingTable.headerBackground#1d1d15fe
  • keybindingTable.rowsBackground#1d1d15fe
  • list.activeSelectionBackground#6E535386
  • list.activeSelectionForeground#D7D7C8ca
  • list.activeSelectionIconForeground#CFDACEca
  • list.deemphasizedForeground#F4F4B4ce
  • list.dropBackground#1d1d15fe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#1d1d15fe
  • list.filterMatchBorder#10100Bfe
  • list.focusAndSelectionOutline#0D0A0C00
  • list.focusBackground#4F4F3A96
  • list.focusForeground#818181fe
  • list.focusHighlightForeground#88B4F3fe
  • list.focusOutline#0A0D0A00
  • list.highlightForeground#E1E4E9ca
  • list.hoverBackground#392A2Aac
  • list.hoverForeground#9B9B9Bfe
  • list.inactiveFocusBackground#3F3F2E9c
  • list.inactiveFocusOutline#0D0D0A00
  • list.inactiveSelectionBackground#12120Dae
  • list.inactiveSelectionForeground#BFBFA765
  • list.inactiveSelectionIconForeground#BFBFA765
  • list.invalidItemForeground#F4F4B4ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1d1d15fe
  • listFilterWidget.noMatchesOutline#0A0B0D00
  • listFilterWidget.outline#0A0B0D00
  • listFilterWidget.shadow#0D0A0A00
  • menu.background#12120Dfe
  • menu.border#0D0A0A00
  • menu.foreground#F5F5B1ae
  • menu.selectionBackground#5F4747ad
  • menu.selectionBorder#0A0B0D00
  • menu.selectionForeground#939393fe
  • menu.separatorBackground#32322465
  • menubar.selectionBackground#604747a1
  • menubar.selectionBorder#0D0A0C00
  • menubar.selectionForeground#818181fe
  • merge.border#10100Bfe
  • merge.commonContentBackground#1d1d15fe
  • merge.commonHeaderBackground#1d1d15fe
  • merge.currentContentBackground#003C0031
  • merge.currentHeaderBackground#123A14fb
  • merge.incomingContentBackground#133A15cb
  • merge.incomingHeaderBackground#123A14fb
  • mergeEditor.change.background#1d1d15fe
  • mergeEditor.change.word.background#1d1d15fe
  • mergeEditor.changeBase.background#1d1d15fe
  • mergeEditor.changeBase.word.background#1d1d15fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#10100Bfe
  • mergeEditor.conflict.handledUnfocused.border#26261C38
  • mergeEditor.conflict.input1.background#10100Bfe
  • mergeEditor.conflict.input2.background#10100Bfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ab
  • mergeEditor.conflict.unhandledFocused.border#10100Bfe
  • mergeEditor.conflict.unhandledUnfocused.border#21211829
  • mergeEditor.conflictingLines.background#1d1d15fe
  • minimap.background#1d1d15fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F7F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#757555fe
  • minimapSlider.background#494935ae
  • minimapSlider.hoverBackground#6262476e
  • notebook.cellBorderColor#10100Bfe
  • notebook.cellEditorBackground#1d1d15fe
  • notebook.cellHoverBackground#1d1d15fe
  • notebook.cellInsertionIndicator#DED3D3ca
  • notebook.cellStatusBarItemHoverBackground#1d1d15fe
  • notebook.cellToolbarSeparator#D7DCE1ca
  • notebook.editorBackground#1d1d15fe
  • notebook.focusedCellBackground#1d1d15fe
  • notebook.focusedCellBorder#7C7C7Cfe
  • notebook.focusedEditorBorder#10100Bfe
  • notebook.inactiveFocusedCellBorder#8989638e
  • notebook.inactiveSelectedCellBorder#8989638e
  • notebook.outputContainerBackgroundColor#1d1d15fe
  • notebook.outputContainerBorderColor#10100Bfe
  • notebook.selectedCellBackground#1d1d15fe
  • notebook.selectedCellBorder#10100Bfe
  • notebook.symbolHighlightBackground#1d1d15fe
  • notebookEditorOverviewRuler.runningCellForeground#F4F4B4ce
  • notebookScrollbarSlider.activeBackground#757555fe
  • notebookScrollbarSlider.background#58583Fae
  • notebookScrollbarSlider.hoverBackground#67674A6e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#CFDACEfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#10100Bfe
  • notificationCenterHeader.background#1d1d15fe
  • notificationCenterHeader.foreground#F4F4B4ce
  • notificationLink.foreground#F4F4B4ce
  • notifications.background#1d1d15fe
  • notifications.border#10100Bfe
  • notifications.foreground#F4F4B4ce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#BAC2CBfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#10100Bfe
  • panel.background#1d1d15fe
  • panel.border#10100Bfe
  • panel.dropBorder#10100Bfe
  • panelInput.border#10100Bfe
  • panelSection.border#10100Bfe
  • panelSection.dropBackground#1d1d15fe
  • panelSectionHeader.background#1d1d15fe
  • panelSectionHeader.border#10100Bfe
  • panelSectionHeader.foreground#F4F4B4ce
  • panelTitle.activeBorder#0D0D0A00
  • panelTitle.activeForeground#B2B2B2fe
  • panelTitle.inactiveForeground#B5B53D65
  • peekView.border#B2B2B2fe
  • peekViewEditor.background#10100Bfe
  • peekViewEditor.matchHighlightBackground#5F465888
  • peekViewEditor.matchHighlightBorder#0D0A0C00
  • peekViewEditorGutter.background#10100Bfe
  • peekViewEditorStickyScroll.background#1d1d15fe
  • peekViewResult.background#12120Dfe
  • peekViewResult.fileForeground#F4F4B4ce
  • peekViewResult.lineForeground#F4F4B4ce
  • peekViewResult.matchHighlightBackground#475B4488
  • peekViewResult.selectionBackground#40523D81
  • peekViewResult.selectionForeground#DEE5DCca
  • peekViewTitle.background#12120Dfe
  • peekViewTitleDescription.foreground#F4F4B4ce
  • peekViewTitleLabel.foreground#F4F4B4ce
  • pickerGroup.border#10100Bfe
  • pickerGroup.foreground#F4F4B4ce
  • ports.iconRunningProcessForeground#CBD6C9fe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#7C7C7Cfe
  • profileBadge.foreground#12120Dfe
  • progressBar.background#1d1d15fe
  • quickInput.background#12120Dfe
  • quickInput.foreground#E9E9E1ae
  • quickInputList.focusBackground#4B6048ae
  • quickInputList.focusForeground#979797fe
  • quickInputList.focusIconForeground#858585fe
  • quickInputTitle.background#10100Bfe
  • sash.hoverBorder#10100Bfe
  • scrollbar.shadow#0D0A0A00
  • scrollbarSlider.activeBackground#7F7F5Cfe
  • scrollbarSlider.background#4E4E38ae
  • scrollbarSlider.hoverBackground#5D5D436e
  • search.resultsInfoForeground#F4F4B4ce
  • searchEditor.findMatchBackground#505039a1
  • searchEditor.findMatchBorder#10100Bfe
  • searchEditor.textInputBorder#10100Bfe
  • selection.background#1d1d15fe
  • settings.checkboxBackground#10100Bfe
  • settings.checkboxBorder#10100Bfe
  • settings.checkboxForeground#F4F4B4ce
  • settings.dropdownBackground#10100Bfe
  • settings.dropdownBorder#10100Bfe
  • settings.dropdownForeground#F4F4B4ce
  • settings.dropdownListBorder#10100Bfe
  • settings.focusedRowBackground#3E524C8a
  • settings.focusedRowBorder#10100Bfe
  • settings.headerBorder#10100Bfe
  • settings.headerForeground#F4F4B4ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#10100Bfe
  • settings.numberInputBorder#10100Bfe
  • settings.numberInputForeground#F4F4B4ce
  • settings.rowHoverBackground#1d1d15fe
  • settings.sashBorder#10100Bfe
  • settings.settingsHeaderHoverForeground#9B9B9Bfe
  • settings.textInputBackground#10100Bfe
  • settings.textInputBorder#10100Bfe
  • settings.textInputForeground#F4F4B4ce
  • sideBar.background#1d1d15fe
  • sideBar.border#10100Bfe
  • sideBar.dropBackground#1d1d15fe
  • sideBar.foreground#BFBFA6ae
  • sideBarSectionHeader.background#0D0D0A00
  • sideBarSectionHeader.border#10100Bfe
  • sideBarSectionHeader.foreground#F4F4B4ce
  • sideBarTitle.foreground#F4F4B4ce
  • sideBySideEditor.horizontalBorder#10100Bfe
  • sideBySideEditor.verticalBorder#10100Bfe
  • simpleFindWidget.sashBorder#10100Bfe
  • statusBar.background#12120Dfe
  • statusBar.border#10100Bfe
  • statusBar.debuggingBackground#5F005Fba
  • statusBar.debuggingBorder#10100Bfe
  • statusBar.debuggingForeground#F4F4B4ce
  • statusBar.focusBorder#0B0A0D00
  • statusBar.foreground#BFBFA66e
  • statusBar.noFolderBackground#12120Dfe
  • statusBar.noFolderBorder#10100Bfe
  • statusBar.noFolderForeground#F4F4B4ce
  • statusBarItem.activeBackground#12120Dfe
  • statusBarItem.compactHoverBackground#12120Dfe
  • statusBarItem.errorBackground#5F005Fc2
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#5F005Fbd
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0A0D0A00
  • statusBarItem.hoverBackground#12120Dfe
  • statusBarItem.hoverForeground#9B9B9Bfe
  • statusBarItem.offlineBackground#12120Dfe
  • statusBarItem.offlineForeground#F4F4B4ce
  • statusBarItem.offlineHoverBackground#12120Dfe
  • statusBarItem.offlineHoverForeground#939393fe
  • statusBarItem.prominentBackground#12120Dfe
  • statusBarItem.prominentForeground#F4F4B4ce
  • statusBarItem.prominentHoverBackground#12120Dfe
  • statusBarItem.prominentHoverForeground#858585fe
  • statusBarItem.remoteBackground#737373fe
  • statusBarItem.remoteForeground#12120Dfe
  • statusBarItem.remoteHoverBackground#12120Dfe
  • statusBarItem.remoteHoverForeground#858585fe
  • statusBarItem.warningBackground#3C3200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#3C3200fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#D4D4C3fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#C4D3CEfe
  • symbolIcon.colorForeground#CBBABAfe
  • symbolIcon.constantForeground#E5DCDCfe
  • symbolIcon.constructorForeground#E5DCDCfe
  • symbolIcon.enumeratorForeground#DACED6fe
  • symbolIcon.enumeratorMemberForeground#E2E2D7fe
  • symbolIcon.eventForeground#C1BACBfe
  • symbolIcon.fieldForeground#BFC6CFfe
  • symbolIcon.fileForeground#E5DCE2fe
  • symbolIcon.folderForeground#B5C8C2fe
  • symbolIcon.functionForeground#D7DCE1fe
  • symbolIcon.interfaceForeground#CFBFCAfe
  • symbolIcon.keyForeground#C9D6D2fe
  • symbolIcon.keywordForeground#CAB8C5fe
  • symbolIcon.methodForeground#D9E1D7fe
  • symbolIcon.moduleForeground#E5E5DCfe
  • symbolIcon.namespaceForeground#E9E1E1fe
  • symbolIcon.nullForeground#D3C4C4fe
  • symbolIcon.numberForeground#DED3DAfe
  • symbolIcon.objectForeground#C5C5AFfe
  • symbolIcon.operatorForeground#E1D7DEfe
  • symbolIcon.packageForeground#C4D3CEfe
  • symbolIcon.propertyForeground#CFBFBFfe
  • symbolIcon.referenceForeground#CED3DAfe
  • symbolIcon.snippetForeground#C1BACBfe
  • symbolIcon.stringForeground#CAB8C5fe
  • symbolIcon.structForeground#CCCCB9fe
  • symbolIcon.textForeground#E0DCE5fe
  • symbolIcon.typeParameterForeground#DACED6fe
  • symbolIcon.unitForeground#CED3DAfe
  • symbolIcon.variableForeground#C1BACBfe
  • tab.activeBackground#14140Efe
  • tab.activeBorder#0A0B0D00
  • tab.activeBorderTop#B2B2B2fe
  • tab.activeForeground#B2B2B2fe
  • tab.activeModifiedBorder#3B3100ce
  • tab.border#0A0D0C00
  • tab.hoverBackground#CBB9B9a5
  • tab.hoverBorder#10100Bfe
  • tab.hoverForeground#979797fe
  • tab.inactiveBackground#3434149b
  • tab.inactiveForeground#B7B73A65
  • tab.inactiveModifiedBorder#3B3100ce
  • tab.lastPinnedBorder#10100Bfe
  • tab.unfocusedActiveBackground#2121183b
  • tab.unfocusedActiveBorder#0D0A0A00
  • tab.unfocusedActiveBorderTop#32322465
  • tab.unfocusedActiveForeground#B7B73F65
  • tab.unfocusedActiveModifiedBorder#3B3100ce
  • tab.unfocusedHoverBackground#C0C0AA23
  • tab.unfocusedHoverBorder#2121183a
  • tab.unfocusedHoverForeground#B5B53D65
  • tab.unfocusedInactiveBackground#35352694
  • tab.unfocusedInactiveForeground#B5B53D65
  • tab.unfocusedInactiveModifiedBorder#3B3100ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333aa
  • 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#6700679d
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec7
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1d1d15fe
  • terminal.border#10100Bfe
  • terminal.dropBackground#1d1d15fe
  • terminal.findMatchBackground#1d1d15fe
  • terminal.findMatchBorder#10100Bfe
  • terminal.findMatchHighlightBackground#1d1d15fe
  • terminal.findMatchHighlightBorder#10100Bfe
  • terminal.foreground#BFBFA6ae
  • terminal.hoverHighlightBackground#1d1d15fe
  • terminal.inactiveSelectionBackground#3A3A2A99
  • terminal.selectionBackground#4B566581
  • terminal.selectionForeground#CEDAD6ca
  • terminal.tab.activeBorder#B2B2B2fe
  • terminalCommandDecoration.defaultBackground#B7BEC9ab
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1d1d15fe
  • terminalCursor.foreground#979797fe
  • terminalOverviewRuler.cursorForeground#F4F4B4ce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c3
  • testing.iconUnset#8080809d
  • testing.message.error.decorationForeground#BDBDBDfe
  • testing.message.error.lineBackground#5F005Fb4
  • testing.message.info.decorationForeground#BDBDBDfe
  • testing.message.info.lineBackground#0000B3fe
  • testing.peekBorder#10100Bfe
  • testing.peekHeaderBackground#1d1d15fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1d1d15fe
  • textBlockQuote.border#10100Bfe
  • textCodeBlock.background#1d1d15fe
  • textLink.activeForeground#7C7C7Cfe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#F4F4B4ce
  • textSeparator.foreground#F4F4B4ce
  • titleBar.activeBackground#12120Dfe
  • titleBar.activeForeground#B6B665ae
  • titleBar.border#0A0D0A00
  • titleBar.inactiveBackground#26261Cd9
  • titleBar.inactiveForeground#B7B73F65
  • toolbar.activeBackground#5A1F1F84
  • toolbar.hoverBackground#1d1d15fe
  • toolbar.hoverOutline#0A0D0C00
  • tree.inactiveIndentGuidesStroke#89A79E35
  • tree.indentGuidesStroke#BDBDBDfe
  • tree.tableColumnsBorder#10100Bfe
  • tree.tableOddRowsBackground#1d1d15fe
  • walkThrough.embeddedEditorBackground#1d1d15fe
  • walkthrough.stepTitle.foreground#F4F4B4ce
  • welcomePage.background#1d1d15fe
  • welcomePage.progress.background#1d1d15fe
  • welcomePage.progress.foreground#F4F4B4ce
  • welcomePage.tileBackground#1d1d15fe
  • welcomePage.tileBorder#10100Bfe
  • welcomePage.tileHoverBackground#1d1d15fe
  • widget.border#10100Bfe
  • widget.shadow#0D0D0A00
  • window.activeBorder#10100Bfe
  • window.inactiveBorder#2B2B1F95

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#CBCB6F6e
comment.block.html#CBCB716e
comment.block.java#CBCB766e
comment.block.javadoc.java#CBCB766e
comment.block.powershell#CBCB766e
comment.block.xml#CACA786e
comment.line.double-slash.c#CBCB766e
comment.line.double-slash.cpp#CBCB766e
comment.line.double-slash.java#CBCB6F6e
comment.line.double-slash.js#CACA786e
comment.line.number-sign.makefile#CBCB766e
comment.line.number-sign.python#CACA786e
comment.line.number-sign.yaml#CBCB6F6e
comment.line.percentage.erlang#CBCB716e
comment.line.powershell#CBCB716e
comment.source.cmake#CBCB766e
comment.source.cmakecache#CBCB716e
constant.character#F7B7A8de
constant.character.character-class.regexp#C6C6C6de
constant.character.escape#EF86BFde
constant.character.set.regexp#C6C6C6de
constant.language#C592EFde
constant.numeric#11DFB8de
constant.numeric.dec.python#E9907Bde
constant.other.caps.python#10DFBAde
constant.other.character-class.regexp#8CA6ECde
constant.other.character-class.set.regexp#B1D315de
constant.other.color.rgb-value#12DFBBde
constant.other.placeholder#C6C6C6de
constant.other.rgb-value#ED9480de
constant.regexp#FEAFDAde
constant.sha.git-rebase#AFC4FEde
emphasis#C592EFde
entity.name.class#B1C6FEde
entity.name.function#0CE0B9de
entity.name.function.preprocessor#CFA1F6de
entity.name.function.python#B0D312de
entity.name.label#C794F2de
entity.name.namespace#AFD211de
entity.name.operator#94ADF2de
entity.name.operator.custom-literal#A7A7A7de
entity.name.scope-resolution#C4C4C4de
entity.name.tag#EA87BDde
entity.name.tag.css#A8BEF7de
entity.name.type#A9A9A9de
entity.name.variable#B2D415de
entity.other.attribute#F2A594de
entity.other.attribute-name#8CA6ECde
entity.other.attribute-name.class.css#F8B0D7de
entity.other.attribute-name.class.mixin.css#CB9AF4de
entity.other.attribute-name.id#A7A7A7de
entity.other.attribute-name.id.css#EA8F7Ade
entity.other.attribute-name.parent-selector.css#F2A594de
entity.other.attribute-name.pseudo-class.css#ACC3FEde
entity.other.attribute-name.pseudo-element.css#B1C6FEde
entity.other.attribute-name.scss#10DEB9de
entity.other.document.begin.yaml#CBCB716e
entity.other.inherited-class#C591F1de
header#C592EFde
invalid#B1D315de
keyword#C4C4C4de
keyword.codetag.notation.python#EA8F7Ade
keyword.control#EF9986de
keyword.control.anchor.regexp#AEAEAEde
keyword.control.import.python#BBBBBBde
keyword.operator#BBBBBBde
keyword.operator.alignas#10DEB9de
keyword.operator.alignof#13DFBAde
keyword.operator.cast#AFC4FEde
keyword.operator.delete#C5C5C5de
keyword.operator.documentation.powershell#CACA786e
keyword.operator.expression#D3A8F7de
keyword.operator.instanceof#B0D40Cde
keyword.operator.logical.python#F7B7A8de
keyword.operator.minus.exponent#13DEB7de
keyword.operator.negation.regexp#B0C6FEde
keyword.operator.new#DBB7F9de
keyword.operator.noexcept#10DFBAde
keyword.operator.or.regexp#9AB3F4de
keyword.operator.plus.exponent#C6C6C6de
keyword.operator.quantifier.regexp#B2D411de
keyword.operator.sizeof#C6C6C6de
keyword.operator.typeid#FEAEDAde
keyword.operator.wordlike#F6A1CFde
keyword.other.operator#8AA5ECde
keyword.other.package.java#F7B7A8de
keyword.other.unit#13DFBAde
keyword.other.using#ED9480de
markup.bold#B3D40Ede
markup.changed#14DEBAde
markup.deleted#C4C4C4de
markup.fenced_code.block.markdown#C6C6C6de
markup.heading#13DFBAde
markup.inline.raw#0DDDB9de
markup.inserted#8AA5ECde
markup.italic#AFD211de
markup.raw.block.markdown#EF9986de
markup.strikethrough#F6B1A1de
markup.underline#E8907Dde
meta.block.c#B0C3F8de
meta.block.c#14DEBAde
meta.class.java#F4AB9Ade
meta.definition.variable.name#B0C3F8de
meta.diff.header#14DFBBde
meta.embedded#F19F8Dde
meta.embedded.assembly#EF9986de
meta.function-call.arguments.python#F6B1A1de
meta.function-call.python#94ADF2de
meta.member.access.python#13DFBAde
meta.method.java#13DFBAde
meta.object-literal.key#F294C7de
meta.paragraph.markdown#B0C3F8de
meta.preprocessor#10DEB9de
meta.preprocessor.numeric#8CA6ECde
meta.preprocessor.string#DEB6FEde
meta.scope.prerequisites.makefile#C6C6C6de
meta.structure.dictionary.json.comments#CBCB766e
meta.structure.dictionary.key.python#EF9986de
meta.structure.dictionary.value.json.comments#CBCB766e
meta.template.expression#F19F8Dde
meta.type.cast.expr#14DEBAde
meta.type.new.expr#FEACD9de
parameter#F6B1A1de
punctuation.character.set.begin.regexp#0CE0B9de
punctuation.character.set.end.regexp#0EDDBAde
punctuation.definition.array.begin.json#B0D40Cde
punctuation.definition.character-class.regexp#A8BEF7de
punctuation.definition.comment#CACA786e
punctuation.definition.comment.json.comments#CBCB6F6e
punctuation.definition.comment.python#CBCB6F6e
punctuation.definition.dictionary.begin.json#C6C6C6de
punctuation.definition.dictionary.end.json#C6C6C6de
punctuation.definition.group.assertion.regexp#B1D315de
punctuation.definition.group.regexp#C592F0de
punctuation.definition.list.begin.json#FEB5A4de
punctuation.definition.list.begin.markdown#E8907Dde
punctuation.definition.list.begin.python#B3D40Ede
punctuation.definition.list.end.json#C4C4C4de
punctuation.definition.list.end.markdown#10DFBAde
punctuation.definition.list.end.python#CFA1F6de
punctuation.definition.parameters.begin.python#C592EFde
punctuation.definition.parameters.end.bracket.round.java#C6C6C6de
punctuation.definition.quote.begin.markdown#11DFB8de
punctuation.definition.tag#DEB6FEde
punctuation.definition.template-expression.begin#8DA8F1de
punctuation.definition.template-expression.end#13DFBAde
punctuation.section.class.begin.bracket.curly.java#9AB3F4de
punctuation.section.embedded#B0C6FEde
punctuation.section.embedded.begin.php#F6B1A1de
punctuation.section.embedded.end.php#C6C6C6de
punctuation.terminator.java#B0C3F8de
source.cmake#B0D310de
source.coffee.embedded#FEAEDAde
source.cpp#FEACD9de
source.css.less#11DFB8de
source.groovy.embedded#12DFBBde
source.java#C592EFde
source.java-properties#B2D411de
source.json.comments#CBCB716e
source.makefile#DDB6FEde
source.powershell#12DFBBde
source.powershell.variable.other.member#BBBBBBde
source.python#F18DC3de
storage#B0D314de
storage.modifier#13DEB7de
storage.modifier.import.java#AEAEAEde
storage.modifier.package.java#D3A8F7de
storage.type#E8907Dde
storage.type.annotation.groovy#EA87BDde
storage.type.annotation.java#14DFBBde
storage.type.boolean.go#8BA5EBde
storage.type.byte.go#FEB4A4de
storage.type.cs#B1D314de
storage.type.error.go#B0C6FEde
storage.type.generic.cs#9AB3F4de
storage.type.generic.groovy#B0D314de
storage.type.generic.java#14DFBBde
storage.type.groovy#ACC3FEde
storage.type.java#CB9AF4de
storage.type.modifier.cs#DBB7F9de
storage.type.numeric.go#B2D415de
storage.type.object.array.groovy#0CE0B9de
storage.type.object.array.java#AFD308de
storage.type.parameters.groovy#ED85BDde
storage.type.primitive.array.groovy#9AB3F4de
storage.type.primitive.array.java#AFD413de
storage.type.primitive.groovy#B1D315de
storage.type.primitive.java#C5C5C5de
storage.type.rune.go#ACC3FEde
storage.type.string.go#11DFB8de
storage.type.token.java#10DFBAde
storage.type.uintptr.go#C494ECde
storage.type.variable.cs#F49ACBde
string#13DFBAde
string.quoted.docstring.multi.python#CBCB6F6e
string.regexp#F7B7A8de
string.tag#FEAFDAde
string.value#10DEB9de
strong#AFC4FEde
support.class#0DDDB9de
support.constant.color#C6C6C6de
support.constant.dom#B0D314de
support.constant.font-name#B0D312de
support.constant.handlebars#B0D40Cde
support.constant.json#AFC4FEde
support.constant.math#10DFBAde
support.constant.media#BBBBBBde
support.constant.media-type#AFD211de
support.constant.property-value#F49ACBde
support.function#C0C0C0de
support.function.git-rebase#B0D40Cde
support.other.parenthesis.regexp#FEB4A3de
support.type#F4AB9Ade
support.type.property-name#ED9480de
support.type.vendored.property-name#E9907Bde
support.variable#DDB5FEde
token.debug-token#13DFBAde
token.error-token#10DFBAde
token.info-token#8DA8F1de
token.warn-token#F49ACBde
variable#B2D414de
variable.css#FEB5A4de
variable.language#E8907Dde
variable.language.wildcard.java#B0C3F8de
variable.other.constant#DEB6FEde
variable.other.definition.java#9AB3F4de
variable.other.enummember#13DFBAde
variable.other.less#13DFBAde
variable.other.object.java#C6C6C6de
variable.other.object.property.java#B1D314de
variable.parameter.c#C794F2de
variable.parameter.function.language.python#B3D40Ede
variable.parameter.java#F2A594de
variable.scss#10DEB9de
viiv by B.W - VS Code Theme