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#1e1a16fe
  • activityBar.activeBackground#1e1a16fe
  • activityBar.activeBorder#12C975fe
  • activityBar.activeFocusBorder#785D8200
  • activityBar.background#12100Dfe
  • activityBar.border#785D8200
  • activityBar.dropBorder#11C973fe
  • activityBar.foreground#0FCA72fe
  • activityBar.inactiveForeground#B7AA9D65
  • activityBarBadge.background#0ECA73fe
  • activityBarBadge.foreground#12100Dfe
  • badge.background#13C874fe
  • badge.foreground#12100Dfe
  • banner.background#1e1a16fe
  • banner.foreground#FDECDAce
  • banner.iconForeground#C8B7BEfe
  • breadcrumb.activeSelectionForeground#CEDADAca
  • breadcrumb.background#15120Ffe
  • breadcrumb.focusForeground#0DC971fe
  • breadcrumb.foreground#FEEBD9ae
  • breadcrumbPicker.background#1e1a16fe
  • button.background#584C41ae
  • button.border#0D0A0E00
  • button.foreground#FDECDAce
  • button.hoverBackground#67594B6e
  • button.secondaryBackground#1e1a16fe
  • button.secondaryForeground#FDECDAce
  • button.secondaryHoverBackground#1e1a16fe
  • button.separator#0A0A0E00
  • charts.blue#1b1bfffe
  • charts.foreground#FDECDAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b8
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#100E0Cfe
  • chat.slashCommandBackground#1e1a16fe
  • chat.slashCommandForeground#FDECDAce
  • checkbox.background#100E0Cfe
  • checkbox.border#100E0Cfe
  • checkbox.foreground#FDECDAce
  • checkbox.selectBackground#100E0Cfe
  • checkbox.selectBorder#100E0Cfe
  • commandCenter.activeBackground#282E1C84
  • commandCenter.activeBorder#100E0Cfe
  • commandCenter.activeForeground#0ECA73fe
  • commandCenter.background#1e1a16fe
  • commandCenter.border#100E0Cfe
  • commandCenter.foreground#FDECDAce
  • commandCenter.inactiveBorder#312A2499
  • commandCenter.inactiveForeground#B3A59865
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0A0C00
  • contrastBorder#0E0A0C00
  • debugConsole.errorForeground#FF95FEce
  • debugConsole.infoForeground#FDECDAce
  • debugConsole.sourceForeground#FDECDAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C5BBB0fe
  • debugExceptionWidget.background#540054bc
  • debugExceptionWidget.border#100E0Cfe
  • debugIcon.breakpointCurrentStackframeForeground#D3DDDDfe
  • debugIcon.breakpointDisabledForeground#C4BAB065
  • debugIcon.breakpointForeground#D8CEDAfe
  • debugIcon.breakpointStackframeForeground#DEE1D8fe
  • debugIcon.breakpointUnverifiedForeground#E1E1E8fe
  • debugIcon.continueForeground#C0CFCFfe
  • debugIcon.disconnectForeground#C6B7C8fe
  • debugIcon.pauseForeground#C9BFB5fe
  • debugIcon.restartForeground#D8CEDAfe
  • debugIcon.startForeground#CECEDAfe
  • debugIcon.stepBackForeground#BBCBBDfe
  • debugIcon.stepIntoForeground#C8B7BEfe
  • debugIcon.stepOutForeground#E1E8E2fe
  • debugIcon.stepOverForeground#D6DACEfe
  • debugIcon.stopForeground#E0D8E1fe
  • debugTokenExpression.boolean#E4DDE5ca
  • debugTokenExpression.error#DACED3ca
  • debugTokenExpression.name#DADDD3ca
  • debugTokenExpression.number#DEE1D8ca
  • debugTokenExpression.value#E1E8E2ca
  • debugToolBar.background#5400549c
  • debugToolBar.border#100E0Cfe
  • debugView.exceptionLabelBackground#32291Eca
  • debugView.exceptionLabelForeground#CECEDAca
  • debugView.stateLabelBackground#1D3020ca
  • debugView.stateLabelForeground#DACED3ca
  • debugView.valueChangedHighlight#E2E5DDca
  • descriptionForeground#FDECDAce
  • diffEditor.border#0E0A0C00
  • diffEditor.diagonalFill#000000fa
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113213fb
  • diffEditor.insertedTextBorder#0A0E0B00
  • diffEditor.move.border#0D0A0E00
  • diffEditor.moveActive.border#0D0E0A00
  • diffEditor.removedLineBackground#5D000031
  • diffEditor.removedTextBackground#600000fb
  • diffEditor.removedTextBorder#0E0A0C00
  • diffEditor.unchangedCodeBackground#1e1a16fe
  • diffEditor.unchangedRegionBackground#1e1a16fe
  • diffEditor.unchangedRegionForeground#FDECDAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#C4BAAF65
  • dropdown.background#100E0Cfe
  • dropdown.border#100E0Cfe
  • dropdown.foreground#FDECDAce
  • dropdown.listBackground#100E0Cfe
  • editor.background#1e1a16fe
  • editor.findMatchBackground#584C41a1
  • editor.findMatchBorder#100E0Cfe
  • editor.findMatchHighlightBackground#506A6Aa3
  • editor.findMatchHighlightBorder#100E0Cfe
  • editor.findRangeHighlightBackground#506A54ac
  • editor.findRangeHighlightBorder#100E0Cfe
  • editor.focusedStackFrameHighlightBackground#3D51408d
  • editor.foldBackground#B8BEAAa4
  • editor.foreground#FDECDAce
  • editor.hoverHighlightBackground#415656a2
  • editor.inactiveSelectionBackground#564A3F9e
  • editor.inlineValuesBackground#1e1a16fe
  • editor.inlineValuesForeground#FDECDAce
  • editor.lineHighlightBackground#3B332Bb3
  • editor.lineHighlightBorder#0D0E0A00
  • editor.linkedEditingBackground#1e1a16fe
  • editor.rangeHighlightBackground#5D4960ac
  • editor.rangeHighlightBorder#100E0Cfe
  • editor.selectionBackground#5C4650ab
  • editor.selectionForeground#DBD4CEca
  • editor.selectionHighlightBackground#3E524188
  • editor.selectionHighlightBorder#100E0Cfe
  • editor.snippetFinalTabstopHighlightBackground#415644a5
  • editor.snippetFinalTabstopHighlightBorder#100E0Cfe
  • editor.snippetTabstopHighlightBackground#6B7357ab
  • editor.snippetTabstopHighlightBorder#100E0Cfe
  • editor.stackFrameHighlightBackground#546F6Fa7
  • editor.symbolHighlightBackground#554A3Ea2
  • editor.symbolHighlightBorder#100E0Cfe
  • editor.wordHighlightBackground#59465Da4
  • editor.wordHighlightBorder#0D0E0A00
  • editor.wordHighlightStrongBackground#4C4C65a7
  • editor.wordHighlightStrongBorder#0E0A0C00
  • editor.wordHighlightTextBackground#5C464Fa6
  • editor.wordHighlightTextBorder#0E0A0C00
  • editorBracketHighlight.foreground1#F7F6F5ce
  • editorBracketHighlight.foreground2#F7F6F5ce
  • editorBracketHighlight.foreground3#F7F6F5ce
  • editorBracketHighlight.foreground4#F7F6F5ce
  • editorBracketHighlight.foreground5#F7F6F5ce
  • editorBracketHighlight.foreground6#F7F6F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#FDECDAce
  • editorBracketMatch.background#C5BAAFa3
  • editorBracketMatch.border#100E0Cfe
  • editorBracketPairGuide.activeBackground1#C9B8BF81
  • editorBracketPairGuide.activeBackground2#AEC1B083
  • editorBracketPairGuide.activeBackground3#ABC0C089
  • editorBracketPairGuide.activeBackground4#C6B7C88c
  • editorBracketPairGuide.activeBackground5#AEC1B08c
  • editorBracketPairGuide.activeBackground6#ADC1B085
  • editorBracketPairGuide.background1#3A233Efe
  • editorBracketPairGuide.background2#1D2E2Efe
  • editorBracketPairGuide.background3#33291Efe
  • editorBracketPairGuide.background4#1C2D2Dfe
  • editorBracketPairGuide.background5#282848fe
  • editorBracketPairGuide.background6#282E1Cfe
  • editorCodeLens.foreground#C4BAAF6e
  • editorCommentsWidget.rangeActiveBackground#C6BCB1fe
  • editorCommentsWidget.rangeBackground#1e1a16fe
  • editorCommentsWidget.resolvedBorder#100E0Cfe
  • editorCommentsWidget.unresolvedBorder#5F0000cb
  • editorCursor.background#1e1a16fe
  • editorCursor.foreground#0ECA73fe
  • editorError.background#0A0E0B00
  • editorError.border#0E0C0A00
  • editorError.foreground#FF95FEce
  • editorGhostText.background#1e1a16fe
  • editorGhostText.border#0A0E0E00
  • editorGhostText.foreground#C5BAB06e
  • editorGroup.border#100E0Cfe
  • editorGroup.dropBackground#1e1a16fe
  • editorGroup.dropIntoPromptBackground#1e1a16fe
  • editorGroup.dropIntoPromptBorder#100E0Cfe
  • editorGroup.dropIntoPromptForeground#FDECDAce
  • editorGroup.emptyBackground#1e1a16fe
  • editorGroup.focusedEmptyBorder#100E0Cfe
  • editorGroupHeader.border#0A0E0B00
  • editorGroupHeader.noTabsBackground#12100Dae
  • editorGroupHeader.tabsBackground#1e1a16a1
  • editorGroupHeader.tabsBorder#0E0C0A00
  • editorGutter.addedBackground#88CC8Bfb
  • editorGutter.background#1e1a16fe
  • editorGutter.commentGlyphForeground#FDECDAce
  • editorGutter.commentRangeForeground#FDECDAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA2A2cb
  • editorGutter.foldingControlForeground#FDECDAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0A0E00
  • editorHint.foreground#C3B0FFce
  • editorHoverWidget.background#100E0Cfe
  • editorHoverWidget.border#100E0Cfe
  • editorHoverWidget.foreground#FDECDAce
  • editorHoverWidget.highlightForeground#D3D3DDca
  • editorHoverWidget.statusBarBackground#1e1a16fe
  • editorIndentGuide.activeBackground1#12C975fe
  • editorIndentGuide.activeBackground2#05C96Bfe
  • editorIndentGuide.activeBackground3#0FCA73fe
  • editorIndentGuide.activeBackground4#11C973fe
  • editorIndentGuide.activeBackground5#08C76Efe
  • editorIndentGuide.activeBackground6#08C76Efe
  • editorIndentGuide.background1#ACC0AF35
  • editorIndentGuide.background2#AE99B135
  • editorIndentGuide.background3#86A38A35
  • editorIndentGuide.background4#99B19C35
  • editorIndentGuide.background5#9AA38635
  • editorIndentGuide.background6#A6AE9435
  • editorInfo.background#0E0A0C00
  • editorInfo.border#0A0E0B00
  • editorInfo.foreground#C3B0FFce
  • editorInlayHint.background#1e1a16fe
  • editorInlayHint.foreground#FDECDAce
  • editorInlayHint.parameterBackground#1e1a16fe
  • editorInlayHint.parameterForeground#FDECDAce
  • editorInlayHint.typeBackground#1e1a16fe
  • editorInlayHint.typeForeground#FDECDAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#10C973fe
  • editorLineNumber.dimmedForeground#C4BAAF6e
  • editorLineNumber.foreground#C4BAAF6e
  • editorLink.activeForeground#13C874fe
  • editorMarkerNavigation.background#100E0Cfe
  • editorMarkerNavigationError.background#540054ad
  • editorMarkerNavigationError.headerBackground#540054a7
  • editorMarkerNavigationInfo.background#00009Ffe
  • editorMarkerNavigationInfo.headerBackground#00009Ffe
  • editorMarkerNavigationWarning.background#332A00fe
  • editorMarkerNavigationWarning.headerBackground#332A00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1e1a16fe
  • editorOverviewRuler.border#36291Bfe
  • editorOverviewRuler.bracketMatchForeground#FDECDAce
  • editorOverviewRuler.commentForeground#C4BAAF6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#FDECDAce
  • editorOverviewRuler.currentContentForeground#cececeaa
  • editorOverviewRuler.deletedForeground#FFA2A2cb
  • editorOverviewRuler.errorForeground#FF95FEce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C3B0FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E4DDE5ca
  • editorOverviewRuler.selectionHighlightForeground#C3B0FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D3DDD4ca
  • editorOverviewRuler.wordHighlightStrongForeground#FDECDAce
  • editorOverviewRuler.wordHighlightTextForeground#FDECDAce
  • editorPane.background#1e1a16fe
  • editorRuler.foreground#C4BAB02b
  • editorStickyScroll.background#1e1a16fe
  • editorStickyScrollHover.background#322B236e
  • editorSuggestWidget.background#100E0Cfe
  • editorSuggestWidget.border#0A0E0E00
  • editorSuggestWidget.focusHighlightForeground#69C374fe
  • editorSuggestWidget.foreground#DBD4CEfe
  • editorSuggestWidget.highlightForeground#D3DDDDca
  • editorSuggestWidget.selectedBackground#555B458a
  • editorSuggestWidget.selectedForeground#E5DDE0ca
  • editorSuggestWidget.selectedIconForeground#E1E8E2ca
  • editorSuggestWidgetStatus.foreground#DED8D2fe
  • editorUnicodeHighlight.background#3E5241ab
  • editorUnicodeHighlight.border#100E0Cfe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0A0E00
  • editorWarning.border#0E0C0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#FDECDAce
  • editorWidget.background#100E0Cfe
  • editorWidget.border#100E0Cfe
  • editorWidget.foreground#FDECDAce
  • editorWidget.resizeBorder#100E0Cfe
  • errorForeground#FF95FEce
  • extensionBadge.remoteBackground#12C874fe
  • extensionBadge.remoteForeground#12100Dfe
  • extensionButton.background#392818ae
  • extensionButton.foreground#FDECDAce
  • extensionButton.hoverBackground#322B236e
  • extensionButton.prominentBackground#1e1a16fe
  • extensionButton.prominentForeground#FDECDAce
  • extensionButton.prominentHoverBackground#1e1a16fe
  • extensionButton.separator#0D0A0E00
  • extensionIcon.preReleaseForeground#B6C7B8fe
  • extensionIcon.sponsorForeground#E2E5DDfe
  • extensionIcon.starForeground#CED2C4fe
  • extensionIcon.verifiedForeground#E7E1E8fe
  • focusBorder#0A0E0E00
  • foreground#FDECDAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA2A2cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C3B0FFce
  • gitDecoration.stageDeletedResourceForeground#FFA2A2cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#C5BAAFae
  • inlineChat.background#1E3020ca
  • inlineChat.border#34291Eca
  • inlineChat.regionHighlight#CEDADAca
  • inlineChat.shadow#E5DDE0ca
  • inlineChatDiff.inserted#E2DDD7ca
  • inlineChatDiff.removed#DACED3ca
  • inlineChatInput.background#DEE1D8ca
  • inlineChatInput.border#33291Eca
  • inlineChatInput.focusBorder#0A0A0E00
  • inlineChatInput.placeholderForeground#DACED3ca
  • input.background#100E0Cfe
  • input.border#100E0Cfe
  • input.foreground#FDECDAce
  • input.placeholderForeground#C5BAB065
  • inputOption.activeBackground#100E0Cfe
  • inputOption.activeBorder#100E0Cfe
  • inputOption.activeForeground#13C873fe
  • inputOption.hoverBackground#100E0Cfe
  • inputValidation.errorBackground#670067b6
  • inputValidation.errorBorder#540054a6
  • inputValidation.errorForeground#FF95FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#100E0Cfe
  • inputValidation.infoForeground#FDECDAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#100E0Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#100E0Cfe
  • interactive.inactiveCodeBorder#3E27129b
  • keybindingLabel.background#1e1a16fe
  • keybindingLabel.border#100E0Cfe
  • keybindingLabel.bottomBorder#100E0Cfe
  • keybindingLabel.foreground#FDECDAce
  • keybindingTable.headerBackground#1e1a16fe
  • keybindingTable.rowsBackground#1e1a16fe
  • list.activeSelectionBackground#50506A8c
  • list.activeSelectionForeground#E2E5DDca
  • list.activeSelectionIconForeground#DDE5DEca
  • list.deemphasizedForeground#FDECDAce
  • list.dropBackground#1e1a16fe
  • list.errorForeground#FF95FEce
  • list.filterMatchBackground#1e1a16fe
  • list.filterMatchBorder#100E0Cfe
  • list.focusAndSelectionOutline#0D0E0A00
  • list.focusBackground#574A4096
  • list.focusForeground#10C973fe
  • list.focusHighlightForeground#D6A76Efe
  • list.focusOutline#0E0A0C00
  • list.highlightForeground#D6DACEca
  • list.hoverBackground#2B2025a2
  • list.hoverForeground#12C873fe
  • list.inactiveFocusBackground#40372F9b
  • list.inactiveFocusOutline#0E0C0A00
  • list.inactiveSelectionBackground#12100Dae
  • list.inactiveSelectionForeground#C5BAAF65
  • list.inactiveSelectionIconForeground#C5BAB065
  • list.invalidItemForeground#FDECDAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1e1a16fe
  • listFilterWidget.noMatchesOutline#0A0E0E00
  • listFilterWidget.outline#0D0A0E00
  • listFilterWidget.shadow#0A0E0E00
  • menu.background#12100Dfe
  • menu.border#0A0A0E00
  • menu.foreground#FEEBD9ae
  • menu.selectionBackground#5D454Faa
  • menu.selectionBorder#0A0A0E00
  • menu.selectionForeground#0BCA71fe
  • menu.separatorBackground#362A1D65
  • menubar.selectionBackground#5D464Faa
  • menubar.selectionBorder#0A0E0B00
  • menubar.selectionForeground#13C873fe
  • merge.border#100E0Cfe
  • merge.commonContentBackground#1e1a16fe
  • merge.commonHeaderBackground#1e1a16fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113213fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113213fb
  • mergeEditor.change.background#1e1a16fe
  • mergeEditor.change.word.background#1e1a16fe
  • mergeEditor.changeBase.background#1e1a16fe
  • mergeEditor.changeBase.word.background#1e1a16fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#100E0Cfe
  • mergeEditor.conflict.handledUnfocused.border#221E1924
  • mergeEditor.conflict.input1.background#100E0Cfe
  • mergeEditor.conflict.input2.background#100E0Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c2
  • mergeEditor.conflict.unhandledFocused.border#100E0Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#27221D28
  • mergeEditor.conflictingLines.background#1e1a16fe
  • minimap.background#1e1a16fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F6F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#88CC8Bfb
  • minimapGutter.deletedBackground#FFA2A2fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#7F6E5Dfe
  • minimapSlider.background#584C41ae
  • minimapSlider.hoverBackground#6C5D4F6e
  • notebook.cellBorderColor#100E0Cfe
  • notebook.cellEditorBackground#1e1a16fe
  • notebook.cellHoverBackground#1e1a16fe
  • notebook.cellInsertionIndicator#DBD4CEca
  • notebook.cellStatusBarItemHoverBackground#1e1a16fe
  • notebook.cellToolbarSeparator#DADDD3ca
  • notebook.editorBackground#1e1a16fe
  • notebook.focusedCellBackground#1e1a16fe
  • notebook.focusedCellBorder#11C973fe
  • notebook.focusedEditorBorder#100E0Cfe
  • notebook.inactiveFocusedCellBorder#7666568e
  • notebook.inactiveSelectedCellBorder#7666568e
  • notebook.outputContainerBackgroundColor#1e1a16fe
  • notebook.outputContainerBorderColor#100E0Cfe
  • notebook.selectedCellBackground#1e1a16fe
  • notebook.selectedCellBorder#100E0Cfe
  • notebook.symbolHighlightBackground#1e1a16fe
  • notebookEditorOverviewRuler.runningCellForeground#FDECDAce
  • notebookScrollbarSlider.activeBackground#766656fe
  • notebookScrollbarSlider.background#453B32ae
  • notebookScrollbarSlider.hoverBackground#5D51446e
  • notebookStatusErrorIcon.foreground#FF95FEce
  • notebookStatusRunningIcon.foreground#C9BBCBfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#100E0Cfe
  • notificationCenterHeader.background#1e1a16fe
  • notificationCenterHeader.foreground#FDECDAce
  • notificationLink.foreground#FDECDAce
  • notifications.background#1e1a16fe
  • notifications.border#100E0Cfe
  • notifications.foreground#FDECDAce
  • notificationsErrorIcon.foreground#FF95FEce
  • notificationsInfoIcon.foreground#D2D6C9fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#100E0Cfe
  • panel.background#1e1a16fe
  • panel.border#100E0Cfe
  • panel.dropBorder#100E0Cfe
  • panelInput.border#100E0Cfe
  • panelSection.border#100E0Cfe
  • panelSection.dropBackground#1e1a16fe
  • panelSectionHeader.background#1e1a16fe
  • panelSectionHeader.border#100E0Cfe
  • panelSectionHeader.foreground#FDECDAce
  • panelTitle.activeBorder#0E0A0C00
  • panelTitle.activeForeground#0FCA73fe
  • panelTitle.inactiveForeground#B3A59865
  • peekView.border#07C96Dfe
  • peekViewEditor.background#100E0Cfe
  • peekViewEditor.matchHighlightBackground#676F548b
  • peekViewEditor.matchHighlightBorder#0E0A0C00
  • peekViewEditorGutter.background#100E0Cfe
  • peekViewEditorStickyScroll.background#1e1a16fe
  • peekViewResult.background#12100Dfe
  • peekViewResult.fileForeground#FDECDAce
  • peekViewResult.lineForeground#FDECDAce
  • peekViewResult.matchHighlightBackground#50506A8b
  • peekViewResult.selectionBackground#555B458b
  • peekViewResult.selectionForeground#CEDAD0ca
  • peekViewTitle.background#12100Dfe
  • peekViewTitleDescription.foreground#FDECDAce
  • peekViewTitleLabel.foreground#FDECDAce
  • pickerGroup.border#100E0Cfe
  • pickerGroup.foreground#FDECDAce
  • ports.iconRunningProcessForeground#D6C9CFfe
  • problemsErrorIcon.foreground#FF95FEce
  • problemsInfoIcon.foreground#C3B0FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#13C873fe
  • profileBadge.foreground#12100Dfe
  • progressBar.background#1e1a16fe
  • quickInput.background#12100Dfe
  • quickInput.foreground#FEEBD9ae
  • quickInputList.focusBackground#506A54ae
  • quickInputList.focusForeground#13C874fe
  • quickInputList.focusIconForeground#13C873fe
  • quickInputTitle.background#100E0Cfe
  • sash.hoverBorder#100E0Cfe
  • scrollbar.shadow#0D0A0E00
  • scrollbarSlider.activeBackground#7F6E5Dfe
  • scrollbarSlider.background#4A4036ae
  • scrollbarSlider.hoverBackground#7162536e
  • search.resultsInfoForeground#FDECDAce
  • searchEditor.findMatchBackground#3C5050a7
  • searchEditor.findMatchBorder#100E0Cfe
  • searchEditor.textInputBorder#100E0Cfe
  • selection.background#1e1a16fe
  • settings.checkboxBackground#100E0Cfe
  • settings.checkboxBorder#100E0Cfe
  • settings.checkboxForeground#FDECDAce
  • settings.dropdownBackground#100E0Cfe
  • settings.dropdownBorder#100E0Cfe
  • settings.dropdownForeground#FDECDAce
  • settings.dropdownListBorder#100E0Cfe
  • settings.focusedRowBackground#4C523E88
  • settings.focusedRowBorder#100E0Cfe
  • settings.headerBorder#100E0Cfe
  • settings.headerForeground#FDECDAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#100E0Cfe
  • settings.numberInputBorder#100E0Cfe
  • settings.numberInputForeground#FDECDAce
  • settings.rowHoverBackground#1e1a16fe
  • settings.sashBorder#100E0Cfe
  • settings.settingsHeaderHoverForeground#13C874fe
  • settings.textInputBackground#100E0Cfe
  • settings.textInputBorder#100E0Cfe
  • settings.textInputForeground#FDECDAce
  • sideBar.background#1e1a16fe
  • sideBar.border#100E0Cfe
  • sideBar.dropBackground#1e1a16fe
  • sideBar.foreground#C5BAAFae
  • sideBarSectionHeader.background#0E0C0A00
  • sideBarSectionHeader.border#100E0Cfe
  • sideBarSectionHeader.foreground#FDECDAce
  • sideBarTitle.foreground#FDECDAce
  • sideBySideEditor.horizontalBorder#100E0Cfe
  • sideBySideEditor.verticalBorder#100E0Cfe
  • simpleFindWidget.sashBorder#100E0Cfe
  • statusBar.background#12100Dfe
  • statusBar.border#100E0Cfe
  • statusBar.debuggingBackground#540054c8
  • statusBar.debuggingBorder#100E0Cfe
  • statusBar.debuggingForeground#FDECDAce
  • statusBar.focusBorder#0D0E0A00
  • statusBar.foreground#C5BAB06e
  • statusBar.noFolderBackground#12100Dfe
  • statusBar.noFolderBorder#100E0Cfe
  • statusBar.noFolderForeground#FDECDAce
  • statusBarItem.activeBackground#12100Dfe
  • statusBarItem.compactHoverBackground#12100Dfe
  • statusBarItem.errorBackground#540054b4
  • statusBarItem.errorForeground#FF95FEce
  • statusBarItem.errorHoverBackground#540054c0
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0A0E0E00
  • statusBarItem.hoverBackground#12100Dfe
  • statusBarItem.hoverForeground#13C874fe
  • statusBarItem.offlineBackground#12100Dfe
  • statusBarItem.offlineForeground#FDECDAce
  • statusBarItem.offlineHoverBackground#12100Dfe
  • statusBarItem.offlineHoverForeground#13C873fe
  • statusBarItem.prominentBackground#12100Dfe
  • statusBarItem.prominentForeground#FDECDAce
  • statusBarItem.prominentHoverBackground#12100Dfe
  • statusBarItem.prominentHoverForeground#13C873fe
  • statusBarItem.remoteBackground#13C873fe
  • statusBarItem.remoteForeground#12100Dfe
  • statusBarItem.remoteHoverBackground#12100Dfe
  • statusBarItem.remoteHoverForeground#13C874fe
  • statusBarItem.warningBackground#332A00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#332A00fe
  • statusBarItem.warningHoverForeground#D1AD00ce
  • symbolIcon.arrayForeground#B1C4C4fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#D3DDDDfe
  • symbolIcon.colorForeground#C0C0CFfe
  • symbolIcon.constantForeground#CCC3BAfe
  • symbolIcon.constructorForeground#D8E1D9fe
  • symbolIcon.enumeratorForeground#D4C9D6fe
  • symbolIcon.enumeratorMemberForeground#E5DDE0fe
  • symbolIcon.eventForeground#D7D0C9fe
  • symbolIcon.fieldForeground#BBBBCBfe
  • symbolIcon.fileForeground#E4DDE5fe
  • symbolIcon.folderForeground#D3DDDDfe
  • symbolIcon.functionForeground#C0CFCFfe
  • symbolIcon.interfaceForeground#DACED3fe
  • symbolIcon.keyForeground#C9BBCBfe
  • symbolIcon.keywordForeground#DACED3fe
  • symbolIcon.methodForeground#C0CFC2fe
  • symbolIcon.moduleForeground#C4D2C6fe
  • symbolIcon.namespaceForeground#D7D0C9fe
  • symbolIcon.nullForeground#CFC0C6fe
  • symbolIcon.numberForeground#CFC0C6fe
  • symbolIcon.objectForeground#C9BFB5fe
  • symbolIcon.operatorForeground#BBCBBDfe
  • symbolIcon.packageForeground#E7E1E8fe
  • symbolIcon.propertyForeground#DEE1D8fe
  • symbolIcon.referenceForeground#E1E8E2fe
  • symbolIcon.snippetForeground#C6CBBBfe
  • symbolIcon.stringForeground#C6CBBBfe
  • symbolIcon.structForeground#E2E5DDfe
  • symbolIcon.textForeground#C2C7B6fe
  • symbolIcon.typeParameterForeground#C9C9D6fe
  • symbolIcon.unitForeground#C9C9D6fe
  • symbolIcon.variableForeground#DEE1D8fe
  • tab.activeBackground#15120Ffe
  • tab.activeBorder#0A0E0E00
  • tab.activeBorderTop#0FCA72fe
  • tab.activeForeground#0EC972fe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0E0C0A00
  • tab.hoverBackground#C9B8BFac
  • tab.hoverBorder#100E0Cfe
  • tab.hoverForeground#13C874fe
  • tab.inactiveBackground#2C262092
  • tab.inactiveForeground#B7AA9D65
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#100E0Cfe
  • tab.unfocusedActiveBackground#27221D2e
  • tab.unfocusedActiveBorder#0E0C0A00
  • tab.unfocusedActiveBorderTop#322B2465
  • tab.unfocusedActiveForeground#B7AA9D65
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#C3BAAE21
  • tab.unfocusedHoverBorder#221E192b
  • tab.unfocusedHoverForeground#B3A59865
  • tab.unfocusedInactiveBackground#40372F95
  • tab.unfocusedInactiveForeground#B3A59865
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c3
  • 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#6700679a
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeae
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1e1a16fe
  • terminal.border#100E0Cfe
  • terminal.dropBackground#1e1a16fe
  • terminal.findMatchBackground#1e1a16fe
  • terminal.findMatchBorder#100E0Cfe
  • terminal.findMatchHighlightBackground#1e1a16fe
  • terminal.findMatchHighlightBorder#100E0Cfe
  • terminal.foreground#C5BAAFae
  • terminal.hoverHighlightBackground#1e1a16fe
  • terminal.inactiveSelectionBackground#40372F96
  • terminal.selectionBackground#60495384
  • terminal.selectionForeground#DED8D2ca
  • terminal.tab.activeBorder#11C973fe
  • terminalCommandDecoration.defaultBackground#C9B8BFae
  • terminalCommandDecoration.errorBackground#FFA2A2cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1e1a16fe
  • terminalCursor.foreground#10C973fe
  • terminalOverviewRuler.cursorForeground#FDECDAce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c9
  • testing.iconUnset#808080b6
  • testing.message.error.decorationForeground#56E2A1fe
  • testing.message.error.lineBackground#540054c5
  • testing.message.info.decorationForeground#39D48Cfe
  • testing.message.info.lineBackground#00009Ffe
  • testing.peekBorder#100E0Cfe
  • testing.peekHeaderBackground#1e1a16fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1e1a16fe
  • textBlockQuote.border#100E0Cfe
  • textCodeBlock.background#1e1a16fe
  • textLink.activeForeground#10C973fe
  • textLink.foreground#C3B0FFce
  • textPreformat.foreground#FDECDAce
  • textSeparator.foreground#FDECDAce
  • titleBar.activeBackground#12100Dfe
  • titleBar.activeForeground#D6A677ae
  • titleBar.border#0A0E0E00
  • titleBar.inactiveBackground#2C2620dc
  • titleBar.inactiveForeground#EBA05465
  • toolbar.activeBackground#0B0B9686
  • toolbar.hoverBackground#1e1a16fe
  • toolbar.hoverOutline#0A0A0E00
  • tree.inactiveIndentGuidesStroke#86A3A335
  • tree.indentGuidesStroke#44DA94fe
  • tree.tableColumnsBorder#100E0Cfe
  • tree.tableOddRowsBackground#1e1a16fe
  • walkThrough.embeddedEditorBackground#1e1a16fe
  • walkthrough.stepTitle.foreground#FDECDAce
  • welcomePage.background#1e1a16fe
  • welcomePage.progress.background#1e1a16fe
  • welcomePage.progress.foreground#FDECDAce
  • welcomePage.tileBackground#1e1a16fe
  • welcomePage.tileBorder#100E0Cfe
  • welcomePage.tileHoverBackground#1e1a16fe
  • widget.border#100E0Cfe
  • widget.shadow#0A0E0B00
  • window.activeBorder#100E0Cfe
  • window.inactiveBorder#3E270F93

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#E7BD946e
comment.block.html#E2BF8A6e
comment.block.java#EBBC8E6e
comment.block.javadoc.java#EBBC8E6e
comment.block.powershell#E7BD946e
comment.block.xml#E2BF8A6e
comment.line.double-slash.c#E2BF8A6e
comment.line.double-slash.cpp#E7BD946e
comment.line.double-slash.java#EBBC8E6e
comment.line.double-slash.js#EBBC8E6e
comment.line.number-sign.makefile#EBBC8E6e
comment.line.number-sign.python#EBBC8E6e
comment.line.number-sign.yaml#E7BD946e
comment.line.percentage.erlang#EBBC8E6e
comment.line.powershell#EBBC8E6e
comment.source.cmake#E7BD946e
comment.source.cmakecache#E7BD946e
constant.character#F79F9Fde
constant.character.character-class.regexp#ECC010de
constant.character.escape#11E181de
constant.character.set.regexp#0EE17Ede
constant.language#CDBBFEde
constant.numeric#8FCAFEde
constant.numeric.dec.python#43E208de
constant.other.caps.python#66ABE7de
constant.other.character-class.regexp#08DF78de
constant.other.character-class.set.regexp#F49191de
constant.other.color.rgb-value#FEA3ECde
constant.other.placeholder#ECBF0Dde
constant.other.rgb-value#11E180de
constant.regexp#0FE17Fde
constant.sha.git-rebase#98CAF5de
emphasis#66ABE7de
entity.name.class#48E010de
entity.name.function#ED7ED6de
entity.name.function.preprocessor#ECC010de
entity.name.function.python#48E111de
entity.name.label#F183DBde
entity.name.namespace#EC7FD6de
entity.name.operator#AF97F2de
entity.name.operator.custom-literal#EE8888de
entity.name.scope-resolution#8AC2F2de
entity.name.tag#83BEF1de
entity.name.tag.css#F49191de
entity.name.type#47E011de
entity.name.variable#48E010de
entity.other.attribute#AF97F0de
entity.other.attribute-name#ED8989de
entity.other.attribute-name.class.css#46E10Ede
entity.other.attribute-name.class.mixin.css#11E17Fde
entity.other.attribute-name.id#F79FE5de
entity.other.attribute-name.id.css#47E011de
entity.other.attribute-name.parent-selector.css#FEA8EDde
entity.other.attribute-name.pseudo-class.css#91CAFDde
entity.other.attribute-name.pseudo-element.css#ECC00Ede
entity.other.attribute-name.scss#BCA7F8de
entity.other.document.begin.yaml#E7BD946e
entity.other.inherited-class#43E208de
header#BCA7F8de
invalid#F598E3de
keyword#45E10Dde
keyword.codetag.notation.python#11E181de
keyword.control#AF97F0de
keyword.control.anchor.regexp#10E180de
keyword.control.import.python#FEACACde
keyword.operator#F491E0de
keyword.operator.alignas#FEA9EEde
keyword.operator.alignof#ECBE0Ede
keyword.operator.cast#EFBF08de
keyword.operator.delete#76B5EDde
keyword.operator.documentation.powershell#E7BD946e
keyword.operator.expression#90CAFEde
keyword.operator.instanceof#7CB9EFde
keyword.operator.logical.python#ECC010de
keyword.operator.minus.exponent#10E080de
keyword.operator.negation.regexp#F28A8Ade
keyword.operator.new#F8A7A7de
keyword.operator.noexcept#8AC2F2de
keyword.operator.or.regexp#7CB9EFde
keyword.operator.plus.exponent#49E011de
keyword.operator.quantifier.regexp#90CAFEde
keyword.operator.sizeof#CDBBFEde
keyword.operator.typeid#91CAFDde
keyword.operator.wordlike#0EE17Ede
keyword.other.operator#ED7ED6de
keyword.other.package.java#0EE17Ede
keyword.other.unit#6FB1EBde
keyword.other.using#BCA7F8de
markup.bold#B198F5de
markup.changed#F49191de
markup.deleted#B198F5de
markup.fenced_code.block.markdown#10E080de
markup.heading#0FE17Fde
markup.inline.raw#FEB0B0de
markup.inserted#ECBF10de
markup.italic#ECBE0Ede
markup.raw.block.markdown#46E00Cde
markup.strikethrough#46E00Cde
markup.underline#C9B4FEde
meta.block.c#F08787de
meta.block.c#0AE07Bde
meta.class.java#6FB1EBde
meta.definition.variable.name#FEACACde
meta.diff.header#FEB0B0de
meta.embedded#AF98F1de
meta.embedded.assembly#0FE17Fde
meta.function-call.arguments.python#F598E3de
meta.function-call.python#CDBBFEde
meta.member.access.python#FEB0B0de
meta.method.java#B098F3de
meta.object-literal.key#B097F4de
meta.paragraph.markdown#ECC010de
meta.preprocessor#B098F3de
meta.preprocessor.numeric#98CAF5de
meta.preprocessor.string#EFBF08de
meta.scope.prerequisites.makefile#EE8888de
meta.structure.dictionary.json.comments#EBBC8E6e
meta.structure.dictionary.key.python#49E011de
meta.structure.dictionary.value.json.comments#EBBC8E6e
meta.template.expression#0FE17Fde
meta.type.cast.expr#ED8989de
meta.type.new.expr#F28ADDde
parameter#90CAFDde
punctuation.character.set.begin.regexp#EC7FD6de
punctuation.character.set.end.regexp#11E17Fde
punctuation.definition.array.begin.json#CDBBFEde
punctuation.definition.character-class.regexp#FEACACde
punctuation.definition.comment#EDBB956e
punctuation.definition.comment.json.comments#E2BF8A6e
punctuation.definition.comment.python#E2BF8A6e
punctuation.definition.dictionary.begin.json#EFBF08de
punctuation.definition.dictionary.end.json#45E10Dde
punctuation.definition.group.assertion.regexp#ED7ED6de
punctuation.definition.group.regexp#10E180de
punctuation.definition.list.begin.json#B097F4de
punctuation.definition.list.begin.markdown#F28A8Ade
punctuation.definition.list.begin.python#90CAFDde
punctuation.definition.list.end.json#0EE17Ede
punctuation.definition.list.end.markdown#BCA7F8de
punctuation.definition.list.end.python#FEB0B0de
punctuation.definition.parameters.begin.python#C9B4FEde
punctuation.definition.parameters.end.bracket.round.java#B098F3de
punctuation.definition.quote.begin.markdown#11E07Fde
punctuation.definition.tag#49E011de
punctuation.definition.template-expression.begin#45E10Dde
punctuation.definition.template-expression.end#F28ADDde
punctuation.section.class.begin.bracket.curly.java#45E10Ede
punctuation.section.embedded#FEA9EDde
punctuation.section.embedded.begin.php#F8A7A7de
punctuation.section.embedded.end.php#49E011de
punctuation.terminator.java#46E00Cde
source.cmake#91CAFDde
source.coffee.embedded#46E10Ede
source.cpp#F9AEAEde
source.css.less#48E111de
source.groovy.embedded#FEA9EDde
source.java#B097F4de
source.java-properties#EDC00Ade
source.json.comments#E7BD946e
source.makefile#83BEF1de
source.powershell#ECC010de
source.powershell.variable.other.member#B198F5de
source.python#AF97F2de
storage#F8A7A7de
storage.modifier#11E07Fde
storage.modifier.import.java#F28A8Ade
storage.modifier.package.java#F08787de
storage.type#EF7CD8de
storage.type.annotation.groovy#C9B4FEde
storage.type.annotation.java#EE7ED7de
storage.type.boolean.go#69ADE9de
storage.type.byte.go#F08787de
storage.type.cs#EB7FD5de
storage.type.error.go#48E111de
storage.type.generic.cs#F9AEAEde
storage.type.generic.groovy#11E181de
storage.type.generic.java#48E111de
storage.type.groovy#F28ADDde
storage.type.java#CDBBFEde
storage.type.modifier.cs#46E10Ede
storage.type.numeric.go#49E111de
storage.type.object.array.groovy#76B5EDde
storage.type.object.array.java#F28A8Ade
storage.type.parameters.groovy#08DF78de
storage.type.primitive.array.groovy#EBC00Cde
storage.type.primitive.array.java#11E07Fde
storage.type.primitive.groovy#91C6F4de
storage.type.primitive.java#8AC2F2de
storage.type.rune.go#FEB0B0de
storage.type.string.go#F79F9Fde
storage.type.token.java#0DE17Dde
storage.type.uintptr.go#45E10Ede
storage.type.variable.cs#EDC00Ade
string#AF97F2de
string.quoted.docstring.multi.python#EBBC8E6e
string.regexp#EF8989de
string.tag#FEA3ECde
string.value#B098F0de
strong#11E181de
support.class#11E181de
support.constant.color#66ABE7de
support.constant.dom#F598E3de
support.constant.font-name#EE8888de
support.constant.handlebars#C9B4FEde
support.constant.json#0EE17Ede
support.constant.math#EBC00Cde
support.constant.media#11E07Fde
support.constant.media-type#83BEF1de
support.constant.property-value#FEB0B0de
support.function#91CAFDde
support.function.git-rebase#FEA8EDde
support.other.parenthesis.regexp#F28ADDde
support.type#48E010de
support.type.property-name#46E10Ede
support.type.vendored.property-name#F183DBde
support.variable#F28A8Ade
token.debug-token#11E17Fde
token.error-token#49E111de
token.info-token#FEB0B0de
token.warn-token#11E181de
variable#EBBF10de
variable.css#45E10Dde
variable.language#ECBF0Dde
variable.language.wildcard.java#F8A7A7de
variable.other.constant#46E00Cde
variable.other.definition.java#F8A7E8de
variable.other.enummember#08DF78de
variable.other.less#FEA9EDde
variable.other.object.java#C2AEF9de
variable.other.object.property.java#FEA8EDde
variable.parameter.c#AF98F1de
variable.parameter.function.language.python#0DE17Dde
variable.parameter.java#EE8888de
variable.scss#49E111de
viiv by B.W - VS Code Theme