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#1F1D1Ffe
  • activityBar.activeBackground#1F1D1Ffe
  • activityBar.activeBorder#08ABC1fe
  • activityBar.activeFocusBorder#B1B1B100
  • activityBar.background#141314fe
  • activityBar.border#B1B1B100
  • activityBar.dropBorder#06C2D9fe
  • activityBar.foreground#07C1DAfe
  • activityBar.inactiveForeground#B1AEB165
  • activityBarBadge.background#0A8A9Bfe
  • activityBarBadge.foreground#141314fe
  • badge.background#0A8C9Dfe
  • badge.foreground#141314fe
  • banner.background#1F1D1Ffe
  • banner.foreground#F1F1F1ce
  • banner.iconForeground#DDDEDCfe
  • breadcrumb.activeSelectionForeground#E5E5E6ca
  • breadcrumb.background#161616fe
  • breadcrumb.focusForeground#2CC2D6fe
  • breadcrumb.foreground#EAE9EAae
  • breadcrumbPicker.background#1F1D1Ffe
  • button.background#403E40ae
  • button.border#0E0E0E00
  • button.foreground#F1F1F1ce
  • button.hoverBackground#555355fe
  • button.secondaryBackground#1F1D1Ffe
  • button.secondaryForeground#F1F1F1ce
  • button.secondaryHoverBackground#1F1D1Ffe
  • button.separator#0E0E0E00
  • charts.blue#1b1bfffe
  • charts.foreground#F1F1F1ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067aa
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#111011fe
  • chat.slashCommandBackground#1F1D1Ffe
  • chat.slashCommandForeground#F1F1F1ce
  • checkbox.background#111011fe
  • checkbox.border#111011fe
  • checkbox.foreground#F1F1F1ce
  • checkbox.selectBackground#111011fe
  • checkbox.selectBorder#111011fe
  • commandCenter.activeBackground#2230148d
  • commandCenter.activeBorder#111011fe
  • commandCenter.activeForeground#0A8596fe
  • commandCenter.background#1F1D1Ffe
  • commandCenter.border#111011fe
  • commandCenter.foreground#F1F1F1ce
  • commandCenter.inactiveBorder#2B2A2B91
  • commandCenter.inactiveForeground#A9A6A965
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0E0E00
  • contrastBorder#0E0E0E00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#F1F1F1ce
  • debugConsole.sourceForeground#F1F1F1ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#E0E1E2fe
  • debugExceptionWidget.background#670067c2
  • debugExceptionWidget.border#111011fe
  • debugIcon.breakpointCurrentStackframeForeground#E5E5E6fe
  • debugIcon.breakpointDisabledForeground#FDEDFD65
  • debugIcon.breakpointForeground#CFD2D1fe
  • debugIcon.breakpointStackframeForeground#DCDEDDfe
  • debugIcon.breakpointUnverifiedForeground#D5D3D6fe
  • debugIcon.continueForeground#CBCECCfe
  • debugIcon.disconnectForeground#C6C4C2fe
  • debugIcon.pauseForeground#CBCECCfe
  • debugIcon.restartForeground#C2C0BEfe
  • debugIcon.startForeground#C7CAC8fe
  • debugIcon.stepBackForeground#CCCBCEfe
  • debugIcon.stepIntoForeground#DDDCDEfe
  • debugIcon.stepOutForeground#D6D5D3fe
  • debugIcon.stepOverForeground#CCCBCEfe
  • debugIcon.stopForeground#E2E0E1fe
  • debugTokenExpression.boolean#D5D3D6ca
  • debugTokenExpression.error#E5E6E5ca
  • debugTokenExpression.name#E0E2E1ca
  • debugTokenExpression.number#D3D6D5ca
  • debugTokenExpression.value#D6D5D3ca
  • debugToolBar.background#670067a3
  • debugToolBar.border#111011fe
  • debugView.exceptionLabelBackground#3C2430ca
  • debugView.exceptionLabelForeground#DEDDDEca
  • debugView.stateLabelBackground#222C37ca
  • debugView.stateLabelForeground#D5D6D3ca
  • debugView.valueChangedHighlight#D8DAD9ca
  • descriptionForeground#F1F1F1ce
  • diffEditor.border#0E0E0E00
  • diffEditor.diagonalFill#000000f7
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0E0E0E00
  • diffEditor.move.border#0E0E0E00
  • diffEditor.moveActive.border#0E0E0E00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0E0E0E00
  • diffEditor.unchangedCodeBackground#1F1D1Ffe
  • diffEditor.unchangedRegionBackground#1F1D1Ffe
  • diffEditor.unchangedRegionForeground#F1F1F1ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#FDEDFD65
  • dropdown.background#111011fe
  • dropdown.border#111011fe
  • dropdown.foreground#F1F1F1ce
  • dropdown.listBackground#111011fe
  • editor.background#1F1D1Ffe
  • editor.findMatchBackground#5C595Fa6
  • editor.findMatchBorder#111011fe
  • editor.findMatchHighlightBackground#5F595Ca1
  • editor.findMatchHighlightBorder#111011fe
  • editor.findRangeHighlightBackground#51866Ca4
  • editor.findRangeHighlightBorder#111011fe
  • editor.focusedStackFrameHighlightBackground#63605D87
  • editor.foldBackground#E2FACAa3
  • editor.foreground#F1F1F1ce
  • editor.hoverHighlightBackground#6D516Dad
  • editor.inactiveSelectionBackground#A24BA296
  • editor.inlineValuesBackground#1F1D1Ffe
  • editor.inlineValuesForeground#F1F1F1ce
  • editor.lineHighlightBackground#3C3A3Cb1
  • editor.lineHighlightBorder#0E0E0E00
  • editor.linkedEditingBackground#1F1D1Ffe
  • editor.rangeHighlightBackground#555B58a1
  • editor.rangeHighlightBorder#111011fe
  • editor.selectionBackground#5A575Aa8
  • editor.selectionForeground#E0E1E2ca
  • editor.selectionHighlightBackground#64616887
  • editor.selectionHighlightBorder#111011fe
  • editor.snippetFinalTabstopHighlightBackground#678255a8
  • editor.snippetFinalTabstopHighlightBorder#111011fe
  • editor.snippetTabstopHighlightBackground#666366a4
  • editor.snippetTabstopHighlightBorder#111011fe
  • editor.stackFrameHighlightBackground#635D60ab
  • editor.symbolHighlightBackground#5D6063ac
  • editor.symbolHighlightBorder#111011fe
  • editor.wordHighlightBackground#69656Cad
  • editor.wordHighlightBorder#0E0E0E00
  • editor.wordHighlightStrongBackground#8663BCac
  • editor.wordHighlightStrongBorder#0E0E0E00
  • editor.wordHighlightTextBackground#66507Ca6
  • editor.wordHighlightTextBorder#0E0E0E00
  • editorBracketHighlight.foreground1#F6F6F6ce
  • editorBracketHighlight.foreground2#F6F6F6ce
  • editorBracketHighlight.foreground3#F6F6F6ce
  • editorBracketHighlight.foreground4#F6F6F6ce
  • editorBracketHighlight.foreground5#F6F6F6ce
  • editorBracketHighlight.foreground6#F6F6F6ce
  • editorBracketHighlight.unexpectedBracket.foreground#F1F1F1ce
  • editorBracketMatch.background#E2FACAae
  • editorBracketMatch.border#111011fe
  • editorBracketPairGuide.activeBackground1#FEECF48e
  • editorBracketPairGuide.activeBackground2#F7EDFE81
  • editorBracketPairGuide.activeBackground3#F4EDFE86
  • editorBracketPairGuide.activeBackground4#D1FBE68a
  • editorBracketPairGuide.activeBackground5#E9F3FE88
  • editorBracketPairGuide.activeBackground6#FEECF487
  • editorBracketPairGuide.background1#1D2D25fe
  • editorBracketPairGuide.background2#1F2E1Ffe
  • editorBracketPairGuide.background3#3C2334fe
  • editorBracketPairGuide.background4#392439fe
  • editorBracketPairGuide.background5#1F2F27fe
  • editorBracketPairGuide.background6#1E2F24fe
  • editorCodeLens.foreground#FEECFE6e
  • editorCommentsWidget.rangeActiveBackground#FEEDFEfe
  • editorCommentsWidget.rangeBackground#1F1D1Ffe
  • editorCommentsWidget.resolvedBorder#111011fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#1F1D1Ffe
  • editorCursor.foreground#0A93A5fe
  • editorError.background#0E0E0E00
  • editorError.border#0E0E0E00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#1F1D1Ffe
  • editorGhostText.border#0E0E0E00
  • editorGhostText.foreground#FEEDFE6e
  • editorGroup.border#111011fe
  • editorGroup.dropBackground#1F1D1Ffe
  • editorGroup.dropIntoPromptBackground#1F1D1Ffe
  • editorGroup.dropIntoPromptBorder#111011fe
  • editorGroup.dropIntoPromptForeground#F1F1F1ce
  • editorGroup.emptyBackground#1F1D1Ffe
  • editorGroup.focusedEmptyBorder#111011fe
  • editorGroupHeader.border#0E0E0E00
  • editorGroupHeader.noTabsBackground#141314ae
  • editorGroupHeader.tabsBackground#1F1D1Fa1
  • editorGroupHeader.tabsBorder#0E0E0E00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#1F1D1Ffe
  • editorGutter.commentGlyphForeground#F1F1F1ce
  • editorGutter.commentRangeForeground#F1F1F1ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#F1F1F1ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0E0E00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#111011fe
  • editorHoverWidget.border#111011fe
  • editorHoverWidget.foreground#F1F1F1ce
  • editorHoverWidget.highlightForeground#DEDDDCca
  • editorHoverWidget.statusBarBackground#1F1D1Ffe
  • editorIndentGuide.activeBackground1#FEEBFEfe
  • editorIndentGuide.activeBackground2#FEECFEfe
  • editorIndentGuide.activeBackground3#FEEBFEfe
  • editorIndentGuide.activeBackground4#FEECFEfe
  • editorIndentGuide.activeBackground5#FEEBFEfe
  • editorIndentGuide.activeBackground6#FEEDFEfe
  • editorIndentGuide.background1#BABEBC35
  • editorIndentGuide.background2#BAB8B535
  • editorIndentGuide.background3#A6A3A035
  • editorIndentGuide.background4#ABA8AE35
  • editorIndentGuide.background5#979B9E35
  • editorIndentGuide.background6#A29F9B35
  • editorInfo.background#0E0E0E00
  • editorInfo.border#0E0E0E00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#1F1D1Ffe
  • editorInlayHint.foreground#F1F1F1ce
  • editorInlayHint.parameterBackground#1F1D1Ffe
  • editorInlayHint.parameterForeground#F1F1F1ce
  • editorInlayHint.typeBackground#1F1D1Ffe
  • editorInlayHint.typeForeground#F1F1F1ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#0A8A9Bfe
  • editorLineNumber.dimmedForeground#FEECFE6e
  • editorLineNumber.foreground#FEEDFE6e
  • editorLink.activeForeground#2CC2D6fe
  • editorMarkerNavigation.background#111011fe
  • editorMarkerNavigationError.background#670067ac
  • editorMarkerNavigationError.headerBackground#6700679c
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1F1D1Ffe
  • editorOverviewRuler.border#4D0E4Dfe
  • editorOverviewRuler.bracketMatchForeground#F1F1F1ce
  • editorOverviewRuler.commentForeground#FEEDFE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F1F1F1ce
  • editorOverviewRuler.currentContentForeground#cececeb5
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D6D3D5ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D5D3D6ca
  • editorOverviewRuler.wordHighlightStrongForeground#F1F1F1ce
  • editorOverviewRuler.wordHighlightTextForeground#F1F1F1ce
  • editorPane.background#1F1D1Ffe
  • editorRuler.foreground#FEE9FE29
  • editorStickyScroll.background#1F1D1Ffe
  • editorStickyScroll.shadow#0E0E0E00
  • editorStickyScrollHover.background#4D0E4Dfe
  • editorSuggestWidget.background#111011fe
  • editorSuggestWidget.border#0E0E0E00
  • editorSuggestWidget.focusHighlightForeground#F78AF7fe
  • editorSuggestWidget.foreground#C1BFC1fe
  • editorSuggestWidget.highlightForeground#E0E1E2ca
  • editorSuggestWidget.selectedBackground#61686487
  • editorSuggestWidget.selectedForeground#E2E0E1ca
  • editorSuggestWidget.selectedIconForeground#D9D8DAca
  • editorSuggestWidgetStatus.foreground#E2E1E0fe
  • editorUnicodeHighlight.background#667C50a5
  • editorUnicodeHighlight.border#111011fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0E0E00
  • editorWarning.border#0E0E0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F1F1F1ce
  • editorWidget.background#111011fe
  • editorWidget.border#111011fe
  • editorWidget.foreground#F1F1F1ce
  • editorWidget.resizeBorder#111011fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#09B2C8fe
  • extensionBadge.remoteForeground#141314fe
  • extensionButton.background#4F0C4Fae
  • extensionButton.foreground#F1F1F1ce
  • extensionButton.hoverBackground#4D114Dfe
  • extensionButton.prominentBackground#1F1D1Ffe
  • extensionButton.prominentForeground#F1F1F1ce
  • extensionButton.prominentHoverBackground#1F1D1Ffe
  • extensionButton.separator#0E0E0E00
  • extensionIcon.preReleaseForeground#DEDCDDfe
  • extensionIcon.sponsorForeground#BEC2C0fe
  • extensionIcon.starForeground#D9D8DAfe
  • extensionIcon.verifiedForeground#C0C2BEfe
  • focusBorder#0E0E0E00
  • foreground#F1F1F1ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#FEEBFEae
  • inlineChat.background#342A21ca
  • inlineChat.border#3C2430ca
  • inlineChat.regionHighlight#E2E0E1ca
  • inlineChat.shadow#D8D9DAca
  • inlineChatDiff.inserted#DAD8DAca
  • inlineChatDiff.removed#E0E1E2ca
  • inlineChatInput.background#D3D5D6ca
  • inlineChatInput.border#232D38ca
  • inlineChatInput.focusBorder#0E0E0E00
  • inlineChatInput.placeholderForeground#E6E5E5ca
  • input.background#111011fe
  • input.border#111011fe
  • input.foreground#F1F1F1ce
  • input.placeholderForeground#FDEDFD65
  • inputOption.activeBackground#111011fe
  • inputOption.activeBorder#111011fe
  • inputOption.activeForeground#0A8A9Bfe
  • inputOption.hoverBackground#111011fe
  • inputValidation.errorBackground#670067a9
  • inputValidation.errorBorder#670067c9
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#111011fe
  • inputValidation.infoForeground#F1F1F1ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#111011fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#111011fe
  • interactive.inactiveCodeBorder#50085094
  • keybindingLabel.background#1F1D1Ffe
  • keybindingLabel.border#111011fe
  • keybindingLabel.bottomBorder#111011fe
  • keybindingLabel.foreground#F1F1F1ce
  • keybindingTable.headerBackground#1F1D1Ffe
  • keybindingTable.rowsBackground#1F1D1Ffe
  • list.activeSelectionBackground#4D525081
  • list.activeSelectionForeground#DCDDDEca
  • list.activeSelectionIconForeground#DEDCDDca
  • list.deemphasizedForeground#F1F1F1ce
  • list.dropBackground#1F1D1Ffe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#1F1D1Ffe
  • list.filterMatchBorder#111011fe
  • list.focusAndSelectionOutline#0E0E0E00
  • list.focusBackground#B952B997
  • list.focusForeground#09B2C8fe
  • list.focusHighlightForeground#F889F8fe
  • list.focusOutline#0E0E0E00
  • list.highlightForeground#DCDDDEca
  • list.hoverBackground#4B144Bfe
  • list.hoverForeground#0A8C9Dfe
  • list.inactiveFocusBackground#3C3A3C98
  • list.inactiveFocusOutline#0E0E0E00
  • list.inactiveSelectionBackground#141314ae
  • list.inactiveSelectionForeground#FDEDFD65
  • list.inactiveSelectionIconForeground#FDECFD65
  • list.invalidItemForeground#F1F1F1ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1F1D1Ffe
  • listFilterWidget.noMatchesOutline#0E0E0E00
  • listFilterWidget.outline#0E0E0E00
  • listFilterWidget.shadow#0E0E0E00
  • menu.background#141314fe
  • menu.border#0E0E0E00
  • menu.foreground#E6E5E6ae
  • menu.selectionBackground#666366a7
  • menu.selectionBorder#0E0E0E00
  • menu.selectionForeground#0A8C9Dfe
  • menu.separatorBackground#3C213C65
  • menubar.selectionBackground#5E5B5Ea5
  • menubar.selectionBorder#0E0E0E00
  • menubar.selectionForeground#0A8C9Dfe
  • merge.border#111011fe
  • merge.commonContentBackground#1F1D1Ffe
  • merge.commonHeaderBackground#1F1D1Ffe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#1F1D1Ffe
  • mergeEditor.change.word.background#1F1D1Ffe
  • mergeEditor.changeBase.background#1F1D1Ffe
  • mergeEditor.changeBase.word.background#1F1D1Ffe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#111011fe
  • mergeEditor.conflict.handledUnfocused.border#27262735
  • mergeEditor.conflict.input1.background#111011fe
  • mergeEditor.conflict.input2.background#111011fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b4
  • mergeEditor.conflict.unhandledFocused.border#111011fe
  • mergeEditor.conflict.unhandledUnfocused.border#23222334
  • mergeEditor.conflictingLines.background#1F1D1Ffe
  • minimap.background#1F1D1Ffe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F6F6F6ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#777377fe
  • minimapSlider.background#494649ae
  • minimapSlider.hoverBackground#403E40fe
  • notebook.cellBorderColor#111011fe
  • notebook.cellEditorBackground#1F1D1Ffe
  • notebook.cellHoverBackground#1F1D1Ffe
  • notebook.cellInsertionIndicator#E5E6E5ca
  • notebook.cellStatusBarItemHoverBackground#1F1D1Ffe
  • notebook.cellToolbarSeparator#E2E0E1ca
  • notebook.editorBackground#1F1D1Ffe
  • notebook.focusedCellBackground#1F1D1Ffe
  • notebook.focusedCellBorder#0A8C9Dfe
  • notebook.focusedEditorBorder#111011fe
  • notebook.inactiveFocusedCellBorder#736F738e
  • notebook.inactiveSelectedCellBorder#7B777B8e
  • notebook.outputContainerBackgroundColor#1F1D1Ffe
  • notebook.outputContainerBorderColor#111011fe
  • notebook.selectedCellBackground#1F1D1Ffe
  • notebook.selectedCellBorder#111011fe
  • notebook.symbolHighlightBackground#1F1D1Ffe
  • notebookEditorOverviewRuler.runningCellForeground#F1F1F1ce
  • notebookScrollbarSlider.activeBackground#7B777Bfe
  • notebookScrollbarSlider.background#514F51ae
  • notebookScrollbarSlider.hoverBackground#666366fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#E5E5E6fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#111011fe
  • notificationCenterHeader.background#1F1D1Ffe
  • notificationCenterHeader.foreground#F1F1F1ce
  • notificationLink.foreground#F1F1F1ce
  • notifications.background#1F1D1Ffe
  • notifications.border#111011fe
  • notifications.foreground#F1F1F1ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#CECBCCfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#111011fe
  • panel.background#1F1D1Ffe
  • panel.border#111011fe
  • panel.dropBorder#111011fe
  • panelInput.border#111011fe
  • panelSection.border#111011fe
  • panelSection.dropBackground#1F1D1Ffe
  • panelSectionHeader.background#1F1D1Ffe
  • panelSectionHeader.border#111011fe
  • panelSectionHeader.foreground#F1F1F1ce
  • panelTitle.activeBorder#0E0E0E00
  • panelTitle.activeForeground#06C2D9fe
  • panelTitle.inactiveForeground#A9A6A965
  • peekView.border#06C3DDfe
  • peekViewEditor.background#111011fe
  • peekViewEditor.matchHighlightBackground#4C665989
  • peekViewEditor.matchHighlightBorder#0E0E0E00
  • peekViewEditorGutter.background#111011fe
  • peekViewEditorStickyScroll.background#1F1D1Ffe
  • peekViewResult.background#141314fe
  • peekViewResult.fileForeground#F1F1F1ce
  • peekViewResult.lineForeground#F1F1F1ce
  • peekViewResult.matchHighlightBackground#524D508a
  • peekViewResult.selectionBackground#5D636082
  • peekViewResult.selectionForeground#DCDEDDca
  • peekViewTitle.background#141314fe
  • peekViewTitleDescription.foreground#F1F1F1ce
  • peekViewTitleLabel.foreground#F1F1F1ce
  • pickerGroup.border#111011fe
  • pickerGroup.foreground#F1F1F1ce
  • ports.iconRunningProcessForeground#E2E0E1fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#2ABCD0fe
  • profileBadge.foreground#141314fe
  • progressBar.background#1F1D1Ffe
  • quickInput.background#141314fe
  • quickInput.foreground#F2F2F2ae
  • quickInputList.focusBackground#595C5Fa1
  • quickInputList.focusForeground#09B2C8fe
  • quickInputList.focusIconForeground#0A8C9Dfe
  • quickInputTitle.background#111011fe
  • sash.hoverBorder#111011fe
  • scrollbar.shadow#0E0E0E00
  • scrollbarSlider.activeBackground#777377fe
  • scrollbarSlider.background#514F51ae
  • scrollbarSlider.hoverBackground#494649fe
  • search.resultsInfoForeground#F1F1F1ce
  • searchEditor.findMatchBackground#50715Da6
  • searchEditor.findMatchBorder#111011fe
  • searchEditor.textInputBorder#111011fe
  • selection.background#1F1D1Ffe
  • settings.checkboxBackground#111011fe
  • settings.checkboxBorder#111011fe
  • settings.checkboxForeground#F1F1F1ce
  • settings.dropdownBackground#111011fe
  • settings.dropdownBorder#111011fe
  • settings.dropdownForeground#F1F1F1ce
  • settings.dropdownListBorder#111011fe
  • settings.focusedRowBackground#55826782
  • settings.focusedRowBorder#111011fe
  • settings.headerBorder#111011fe
  • settings.headerForeground#F1F1F1ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#111011fe
  • settings.numberInputBorder#111011fe
  • settings.numberInputForeground#F1F1F1ce
  • settings.rowHoverBackground#1F1D1Ffe
  • settings.sashBorder#111011fe
  • settings.settingsHeaderHoverForeground#09B2C8fe
  • settings.textInputBackground#111011fe
  • settings.textInputBorder#111011fe
  • settings.textInputForeground#F1F1F1ce
  • sideBar.background#1F1D1Ffe
  • sideBar.border#111011fe
  • sideBar.dropBackground#1F1D1Ffe
  • sideBar.foreground#FEEBFEae
  • sideBarSectionHeader.background#0E0E0E00
  • sideBarSectionHeader.border#111011fe
  • sideBarSectionHeader.foreground#F1F1F1ce
  • sideBarTitle.foreground#F1F1F1ce
  • sideBySideEditor.horizontalBorder#111011fe
  • sideBySideEditor.verticalBorder#111011fe
  • simpleFindWidget.sashBorder#111011fe
  • statusBar.background#141314fe
  • statusBar.border#111011fe
  • statusBar.debuggingBackground#670067a4
  • statusBar.debuggingBorder#111011fe
  • statusBar.debuggingForeground#F1F1F1ce
  • statusBar.focusBorder#0E0E0E00
  • statusBar.foreground#FEEDFE6e
  • statusBar.noFolderBackground#141314fe
  • statusBar.noFolderBorder#111011fe
  • statusBar.noFolderForeground#F1F1F1ce
  • statusBarItem.activeBackground#141314fe
  • statusBarItem.compactHoverBackground#141314fe
  • statusBarItem.errorBackground#6700679c
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#6700679d
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0E0E00
  • statusBarItem.hoverBackground#141314fe
  • statusBarItem.hoverForeground#0A93A5fe
  • statusBarItem.offlineBackground#141314fe
  • statusBarItem.offlineForeground#F1F1F1ce
  • statusBarItem.offlineHoverBackground#141314fe
  • statusBarItem.offlineHoverForeground#09B2C8fe
  • statusBarItem.prominentBackground#141314fe
  • statusBarItem.prominentForeground#F1F1F1ce
  • statusBarItem.prominentHoverBackground#141314fe
  • statusBarItem.prominentHoverForeground#2ABCD0fe
  • statusBarItem.remoteBackground#2CC2D6fe
  • statusBarItem.remoteForeground#141314fe
  • statusBarItem.remoteHoverBackground#141314fe
  • statusBarItem.remoteHoverForeground#2CC2D6fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#CECBCCfe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#DAD9D8fe
  • symbolIcon.colorForeground#DAD8D9fe
  • symbolIcon.constantForeground#CCCBCEfe
  • symbolIcon.constructorForeground#DCDDDEfe
  • symbolIcon.enumeratorForeground#DDDCDEfe
  • symbolIcon.enumeratorMemberForeground#DEDCDDfe
  • symbolIcon.eventForeground#C2C0BEfe
  • symbolIcon.fieldForeground#CECCCBfe
  • symbolIcon.fileForeground#DDDCDEfe
  • symbolIcon.folderForeground#C7C8CAfe
  • symbolIcon.functionForeground#CECBCCfe
  • symbolIcon.interfaceForeground#E5E5E6fe
  • symbolIcon.keyForeground#E5E5E6fe
  • symbolIcon.keywordForeground#DEDCDDfe
  • symbolIcon.methodForeground#D2D0D2fe
  • symbolIcon.moduleForeground#C0BEC2fe
  • symbolIcon.namespaceForeground#E6E5E5fe
  • symbolIcon.nullForeground#D9D8DAfe
  • symbolIcon.numberForeground#BEC0C2fe
  • symbolIcon.objectForeground#CBCECCfe
  • symbolIcon.operatorForeground#D3D6D5fe
  • symbolIcon.packageForeground#DDDCDEfe
  • symbolIcon.propertyForeground#D2D0D2fe
  • symbolIcon.referenceForeground#C6C4C2fe
  • symbolIcon.snippetForeground#C1BFC1fe
  • symbolIcon.stringForeground#D2D0D2fe
  • symbolIcon.structForeground#CAC7C8fe
  • symbolIcon.textForeground#BEC0C2fe
  • symbolIcon.typeParameterForeground#DEDDDEfe
  • symbolIcon.unitForeground#C9C8C9fe
  • symbolIcon.variableForeground#D3D5D6fe
  • tab.activeBackground#161616fe
  • tab.activeBorder#0E0E0E00
  • tab.activeBorderTop#05C3DAfe
  • tab.activeForeground#08ABC1fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0E0E0E00
  • tab.hoverBackground#FEEDFEfe
  • tab.hoverBorder#111011fe
  • tab.hoverForeground#0A8A9Bfe
  • tab.inactiveBackground#53025391
  • tab.inactiveForeground#FE6EFE65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#111011fe
  • tab.unfocusedActiveBackground#23222339
  • tab.unfocusedActiveBorder#0E0E0E00
  • tab.unfocusedActiveBorderTop#3C223C65
  • tab.unfocusedActiveForeground#A9A6A965
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#FEECFEfe
  • tab.unfocusedHoverBorder#2322232a
  • tab.unfocusedHoverForeground#FE6EFE65
  • tab.unfocusedInactiveBackground#3C3A3C97
  • tab.unfocusedInactiveForeground#B5B2B565
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a0
  • 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#670067b4
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb8
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1F1D1Ffe
  • terminal.border#111011fe
  • terminal.dropBackground#1F1D1Ffe
  • terminal.findMatchBackground#1F1D1Ffe
  • terminal.findMatchBorder#111011fe
  • terminal.findMatchHighlightBackground#1F1D1Ffe
  • terminal.findMatchHighlightBorder#111011fe
  • terminal.foreground#FEEBFEae
  • terminal.hoverHighlightBackground#1F1D1Ffe
  • terminal.inactiveSelectionBackground#2B2A2B99
  • terminal.selectionBackground#5B555888
  • terminal.selectionForeground#E6E5E5ca
  • terminal.tab.activeBorder#06C3DDfe
  • terminalCommandDecoration.defaultBackground#F6EFFEa3
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1F1D1Ffe
  • terminalCursor.foreground#0A8C9Dfe
  • terminalOverviewRuler.cursorForeground#F1F1F1ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ad
  • testing.iconUnset#808080a5
  • testing.message.error.decorationForeground#D4F8FDfe
  • testing.message.error.lineBackground#6700679c
  • testing.message.info.decorationForeground#D4F9FDfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#111011fe
  • testing.peekHeaderBackground#1F1D1Ffe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1F1D1Ffe
  • textBlockQuote.border#111011fe
  • textCodeBlock.background#1F1D1Ffe
  • textLink.activeForeground#0A8A9Bfe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#F1F1F1ce
  • textSeparator.foreground#F1F1F1ce
  • titleBar.activeBackground#141314fe
  • titleBar.activeForeground#B2B2B2ae
  • titleBar.border#0E0E0E00
  • titleBar.inactiveBackground#272627d3
  • titleBar.inactiveForeground#B5B2B565
  • toolbar.activeBackground#11233F89
  • toolbar.hoverBackground#1F1D1Ffe
  • toolbar.hoverOutline#0E0E0E00
  • tree.inactiveIndentGuidesStroke#AAA7A435
  • tree.indentGuidesStroke#D4F8FDfe
  • tree.tableColumnsBorder#111011fe
  • tree.tableOddRowsBackground#1F1D1Ffe
  • walkThrough.embeddedEditorBackground#1F1D1Ffe
  • walkthrough.stepTitle.foreground#F1F1F1ce
  • welcomePage.background#1F1D1Ffe
  • welcomePage.progress.background#1F1D1Ffe
  • welcomePage.progress.foreground#F1F1F1ce
  • welcomePage.tileBackground#1F1D1Ffe
  • welcomePage.tileBorder#111011fe
  • welcomePage.tileHoverBackground#1F1D1Ffe
  • widget.border#111011fe
  • widget.shadow#0E0E0E00
  • window.activeBorder#111011fe
  • window.inactiveBorder#50085097

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#FBAAFB6e
comment.block.html#C5C5C56e
comment.block.java#F89BF86e
comment.block.javadoc.java#F797F76e
comment.block.powershell#F281F26e
comment.block.xml#AEAEAE6e
comment.line.double-slash.c#B4B4B46e
comment.line.double-slash.cpp#C6C6C66e
comment.line.double-slash.java#C5C5C56e
comment.line.double-slash.js#F793F76e
comment.line.number-sign.makefile#EF7CEF6e
comment.line.number-sign.python#B0B0B06e
comment.line.number-sign.yaml#F696F66e
comment.line.percentage.erlang#B3B3B36e
comment.line.powershell#B0B0B06e
comment.source.cmake#B0B0B06e
comment.source.cmakecache#F797F76e
constant.character#EDB0FAde
constant.character.character-class.regexp#06CC34de
constant.character.escape#F98C13de
constant.character.set.regexp#AFAFFAde
constant.language#7FD208de
constant.numeric#71BB09de
constant.numeric.dec.python#51D4E5de
constant.other.caps.python#90D62Cde
constant.other.character-class.regexp#07C9E3de
constant.other.character-class.set.regexp#EAAA61de
constant.other.color.rgb-value#3ECBDEde
constant.other.placeholder#2ED756de
constant.other.rgb-value#06C3DDde
constant.regexp#08BED5de
constant.sha.git-rebase#FAAFC4de
emphasis#F387A7de
entity.name.class#EFB573de
entity.name.function#E6A052de
entity.name.function.preprocessor#07BED6de
entity.name.function.python#90D62Cde
entity.name.label#A5A5F9de
entity.name.namespace#FB9B32de
entity.name.operator#FAB2C7de
entity.name.operator.custom-literal#B4B4FBde
entity.name.scope-resolution#F489A9de
entity.name.tag#ABABF9de
entity.name.tag.css#2CD654de
entity.name.type#F694B1de
entity.name.variable#45CEE0de
entity.other.attribute#E59F51de
entity.other.attribute-name#F8A0BAde
entity.other.attribute-name.class.css#E39B4Bde
entity.other.attribute-name.class.mixin.css#B7B7FBde
entity.other.attribute-name.id#FB992Ede
entity.other.attribute-name.id.css#F89FB9de
entity.other.attribute-name.parent-selector.css#31D959de
entity.other.attribute-name.pseudo-class.css#A3A3F8de
entity.other.attribute-name.pseudo-element.css#86C729de
entity.other.attribute-name.scss#F9AAC2de
entity.other.document.begin.yaml#BCBCBC6e
entity.other.inherited-class#EBA9F9de
header#78C708de
invalid#94D932de
keyword#E39B4Bde
keyword.codetag.notation.python#B7B7FBde
keyword.control#BBBBFBde
keyword.control.anchor.regexp#E9A85Ede
keyword.control.import.python#08D037de
keyword.operator#08C434de
keyword.operator.alignas#32C5D9de
keyword.operator.alignof#B8B8FBde
keyword.operator.cast#F489A9de
keyword.operator.delete#06D6F2de
keyword.operator.documentation.powershell#ABABAB6e
keyword.operator.expression#F9ABC2de
keyword.operator.instanceof#81D508de
keyword.operator.logical.python#F58FADde
keyword.operator.minus.exponent#07DAF6de
keyword.operator.negation.regexp#A1A1F8de
keyword.operator.new#EAA5F8de
keyword.operator.noexcept#F1B879de
keyword.operator.or.regexp#3EDE64de
keyword.operator.plus.exponent#08B9D0de
keyword.operator.quantifier.regexp#EBAC65de
keyword.operator.sizeof#E492F6de
keyword.operator.typeid#3DCBDDde
keyword.operator.wordlike#42E068de
keyword.other.operator#08B9D0de
keyword.other.package.java#3EDE64de
keyword.other.unit#F694B0de
keyword.other.using#FAB2C7de
markup.bold#07CD36de
markup.changed#E19846de
markup.deleted#07C3DCde
markup.fenced_code.block.markdown#E390F5de
markup.heading#EFB473de
markup.inline.raw#F694B1de
markup.inserted#08C8E1de
markup.italic#08CCE5de
markup.raw.block.markdown#7FD207de
markup.strikethrough#EEB3FAde
markup.underline#ADADFAde
meta.block.c#50D4E4de
meta.block.c#E6A152de
meta.class.java#B4B4FAde
meta.definition.variable.name#E39C4Bde
meta.diff.header#E493F6de
meta.embedded#7FD207de
meta.embedded.assembly#E49F4Fde
meta.function-call.arguments.python#FCA442de
meta.function-call.python#7CCD08de
meta.member.access.python#F9A3BDde
meta.method.java#A2A2F8de
meta.object-literal.key#94D932de
meta.paragraph.markdown#E596F6de
meta.preprocessor#E188F4de
meta.preprocessor.numeric#2AD051de
meta.preprocessor.string#7DD007de
meta.scope.prerequisites.makefile#FCA748de
meta.structure.dictionary.json.comments#F793F76e
meta.structure.dictionary.key.python#76C408de
meta.structure.dictionary.value.json.comments#AEAEAE6e
meta.template.expression#EBAC65de
meta.type.cast.expr#08C2DBde
meta.type.new.expr#07E039de
parameter#74C108de
punctuation.character.set.begin.regexp#F9A7BEde
punctuation.character.set.end.regexp#92D82Fde
punctuation.definition.array.begin.json#E38FF5de
punctuation.definition.character-class.regexp#47E26Cde
punctuation.definition.comment#B5B5B56e
punctuation.definition.comment.json.comments#F592F56e
punctuation.definition.comment.python#C6C6C66e
punctuation.definition.dictionary.begin.json#E38FF5de
punctuation.definition.dictionary.end.json#B9B9FBde
punctuation.definition.group.assertion.regexp#FAB3C8de
punctuation.definition.group.regexp#E8A55Ade
punctuation.definition.list.begin.json#F696B2de
punctuation.definition.list.begin.markdown#86C729de
punctuation.definition.list.begin.python#EDB1FAde
punctuation.definition.list.end.json#06CC35de
punctuation.definition.list.end.markdown#08D037de
punctuation.definition.list.end.python#F79CB7de
punctuation.definition.parameters.begin.python#F696B3de
punctuation.definition.parameters.end.bracket.round.java#09C534de
punctuation.definition.quote.begin.markdown#F89EB8de
punctuation.definition.tag#BCBCFBde
punctuation.definition.template-expression.begin#39DC5Fde
punctuation.definition.template-expression.end#E492F6de
punctuation.section.class.begin.bracket.curly.java#E595F6de
punctuation.section.embedded#7FD208de
punctuation.section.embedded.begin.php#3CDD62de
punctuation.section.embedded.end.php#FAB3C8de
punctuation.terminator.java#09C234de
source.cmake#F48CAAde
source.coffee.embedded#30D858de
source.cpp#ECAE68de
source.css.less#FAAFC5de
source.groovy.embedded#EBAC65de
source.java#E188F4de
source.java-properties#2CC2D6de
source.json.comments#F17EF16e
source.makefile#E69AF7de
source.powershell#FA9422de
source.powershell.variable.other.member#FCA94Cde
source.python#E18AF4de
storage#F9ACC3de
storage.modifier#E28CF4de
storage.modifier.import.java#E698F6de
storage.modifier.package.java#E39B4Ade
storage.type#E79AF7de
storage.type.annotation.groovy#F488A7de
storage.type.annotation.java#58D6E7de
storage.type.boolean.go#E085F3de
storage.type.byte.go#B1B1FAde
storage.type.cs#E29B4Bde
storage.type.error.go#AAAAF9de
storage.type.generic.cs#74C108de
storage.type.generic.groovy#E28DF5de
storage.type.generic.java#86C729de
storage.type.groovy#F697B3de
storage.type.java#FDB25Fde
storage.type.modifier.cs#E89EF8de
storage.type.numeric.go#51D4E5de
storage.type.object.array.groovy#07D3EEde
storage.type.object.array.java#FAB4C9de
storage.type.parameters.groovy#94DA33de
storage.type.primitive.array.groovy#E188F4de
storage.type.primitive.array.java#EDAFFAde
storage.type.primitive.groovy#E9A3F8de
storage.type.primitive.java#E39B4Bde
storage.type.rune.go#F798B4de
storage.type.string.go#F0B777de
storage.type.token.java#06D837de
storage.type.uintptr.go#E391F5de
storage.type.variable.cs#A2A2F8de
string#E38CF5de
string.quoted.docstring.multi.python#F080F06e
string.regexp#AFAFFAde
string.tag#45CEE0de
string.value#73BE09de
strong#F48AA9de
support.class#86C729de
support.constant.color#EBAD66de
support.constant.dom#B9B9FBde
support.constant.font-name#84DC06de
support.constant.handlebars#EBA9F9de
support.constant.json#98DB38de
support.constant.math#F1B879de
support.constant.media#E39C4Cde
support.constant.media-type#E596F6de
support.constant.property-value#C3C3FCde
support.function#BDBDFCde
support.function.git-rebase#E188F4de
support.other.parenthesis.regexp#C3C3FCde
support.type#F9ABC2de
support.type.property-name#58D6E7de
support.type.vendored.property-name#32D959de
support.variable#F58DABde
token.debug-token#07BED6de
token.error-token#90D62Cde
token.info-token#F488A7de
token.warn-token#E59F51de
variable#F9A9C1de
variable.css#F799B4de
variable.language#E6A052de
variable.language.wildcard.java#81BF29de
variable.other.constant#BDBDFBde
variable.other.definition.java#07C635de
variable.other.enummember#9F9FF8de
variable.other.less#3ECBDEde
variable.other.object.java#83DC07de
variable.other.object.property.java#38DB5Fde
variable.parameter.c#94D931de
variable.parameter.function.language.python#E7A458de
variable.parameter.java#B7B7FBde
variable.scss#B1B1FAde
viiv by B.W - VS Code Theme