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#1f1a16fe
  • activityBar.activeBackground#1f1a16fe
  • activityBar.activeBorder#63B7FCfe
  • activityBar.activeFocusBorder#4E6E6E00
  • activityBar.background#13100Dfe
  • activityBar.border#636B4C00
  • activityBar.dropBorder#64B7FCfe
  • activityBar.foreground#65B7FCfe
  • activityBar.inactiveForeground#F29D5465
  • activityBarBadge.background#2581CCfe
  • activityBarBadge.foreground#13100Dfe
  • badge.background#56A7E9fe
  • badge.foreground#13100Dfe
  • banner.background#1f1a16fe
  • banner.foreground#FDECDAce
  • banner.iconForeground#BABCCCfe
  • breadcrumb.activeSelectionForeground#D3D7C9ca
  • breadcrumb.background#15120Ffe
  • breadcrumb.focusForeground#489FE5fe
  • breadcrumb.foreground#F0EDEBae
  • breadcrumbPicker.background#1f1a16fe
  • button.background#55473Cae
  • button.border#0A0B0E00
  • button.foreground#FDECDAce
  • button.hoverBackground#69584A6e
  • button.secondaryBackground#1f1a16fe
  • button.secondaryForeground#FDECDAce
  • button.secondaryHoverBackground#1f1a16fe
  • button.separator#0A0E0B00
  • charts.blue#1b1bfffe
  • charts.foreground#FDECDAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b6
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#110E0Cfe
  • chat.slashCommandBackground#1f1a16fe
  • chat.slashCommandForeground#FDECDAce
  • checkbox.background#110E0Cfe
  • checkbox.border#110E0Cfe
  • checkbox.foreground#FDECDAce
  • checkbox.selectBackground#110E0Cfe
  • checkbox.selectBorder#110E0Cfe
  • commandCenter.activeBackground#39244087
  • commandCenter.activeBorder#110E0Cfe
  • commandCenter.activeForeground#3C97E1fe
  • commandCenter.background#1f1a16fe
  • commandCenter.border#110E0Cfe
  • commandCenter.foreground#FDECDAce
  • commandCenter.inactiveBorder#2D262099
  • commandCenter.inactiveForeground#B8A89B65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0A0C00
  • contrastBorder#0D0E0A00
  • debugConsole.errorForeground#FF95FEce
  • debugConsole.infoForeground#FDECDAce
  • debugConsole.sourceForeground#FDECDAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C4C9B5fe
  • debugExceptionWidget.background#530053b5
  • debugExceptionWidget.border#110E0Cfe
  • debugIcon.breakpointCurrentStackframeForeground#DCE5E5fe
  • debugIcon.breakpointDisabledForeground#C6BAAF65
  • debugIcon.breakpointForeground#C9CAD7fe
  • debugIcon.breakpointStackframeForeground#C8CCBAfe
  • debugIcon.breakpointUnverifiedForeground#D7E2D9fe
  • debugIcon.continueForeground#C8BACCfe
  • debugIcon.disconnectForeground#D2DEDEfe
  • debugIcon.pauseForeground#CCBFD0fe
  • debugIcon.restartForeground#C9CAD7fe
  • debugIcon.startForeground#DFE2D7fe
  • debugIcon.stepBackForeground#CEDBDBfe
  • debugIcon.stepIntoForeground#C5B7CAfe
  • debugIcon.stepOutForeground#C8CCBAfe
  • debugIcon.stepOverForeground#D8CFC8fe
  • debugIcon.stopForeground#C9CAD7fe
  • debugTokenExpression.boolean#E2D7DDca
  • debugTokenExpression.error#D7C9D0ca
  • debugTokenExpression.name#D8CFC8ca
  • debugTokenExpression.number#E3E5DCca
  • debugTokenExpression.value#E3DCE5ca
  • debugToolBar.background#530053c2
  • debugToolBar.border#110E0Cfe
  • debugView.exceptionLabelBackground#35281Eca
  • debugView.exceptionLabelForeground#DBD2DEca
  • debugView.stateLabelBackground#292C1Cca
  • debugView.stateLabelForeground#D7D9E2ca
  • debugView.valueChangedHighlight#DBD3CDca
  • descriptionForeground#FDECDAce
  • diffEditor.border#0E0A0C00
  • diffEditor.diagonalFill#000000f2
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113213fb
  • diffEditor.insertedTextBorder#0D0E0A00
  • diffEditor.move.border#0D0E0A00
  • diffEditor.moveActive.border#0D0E0A00
  • diffEditor.removedLineBackground#5D000031
  • diffEditor.removedTextBackground#600000fb
  • diffEditor.removedTextBorder#0A0E0E00
  • diffEditor.unchangedCodeBackground#1f1a16fe
  • diffEditor.unchangedRegionBackground#1f1a16fe
  • diffEditor.unchangedRegionForeground#FDECDAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#C6B9AF65
  • dropdown.background#110E0Cfe
  • dropdown.border#110E0Cfe
  • dropdown.foreground#FDECDAce
  • dropdown.listBackground#110E0Cfe
  • editor.background#1f1a16fe
  • editor.findMatchBackground#4B674Fa5
  • editor.findMatchBorder#110E0Cfe
  • editor.findMatchHighlightBackground#69584Aab
  • editor.findMatchHighlightBorder#110E0Cfe
  • editor.findRangeHighlightBackground#474B62a2
  • editor.findRangeHighlightBorder#110E0Cfe
  • editor.focusedStackFrameHighlightBackground#4F536C82
  • editor.foldBackground#B9BCCCae
  • editor.foreground#FDECDAce
  • editor.hoverHighlightBackground#4E533Da4
  • editor.inactiveSelectionBackground#584A3F91
  • editor.inlineValuesBackground#1f1a16fe
  • editor.inlineValuesForeground#FDECDAce
  • editor.lineHighlightBackground#3C322Bb5
  • editor.lineHighlightBorder#0A0E0B00
  • editor.linkedEditingBackground#1f1a16fe
  • editor.rangeHighlightBackground#594660a2
  • editor.rangeHighlightBorder#110E0Cfe
  • editor.selectionBackground#5E4550ac
  • editor.selectionForeground#DCE5E5ca
  • editor.selectionHighlightBackground#5E455188
  • editor.selectionHighlightBorder#110E0Cfe
  • editor.snippetFinalTabstopHighlightBackground#654F6Ca5
  • editor.snippetFinalTabstopHighlightBorder#110E0Cfe
  • editor.snippetTabstopHighlightBackground#5A4660a6
  • editor.snippetTabstopHighlightBorder#110E0Cfe
  • editor.stackFrameHighlightBackground#484B62a4
  • editor.symbolHighlightBackground#60674Bae
  • editor.symbolHighlightBorder#110E0Cfe
  • editor.wordHighlightBackground#3B5151ac
  • editor.wordHighlightBorder#0E0A0C00
  • editor.wordHighlightStrongBackground#645447a3
  • editor.wordHighlightStrongBorder#0A0E0B00
  • editor.wordHighlightTextBackground#624855ad
  • editor.wordHighlightTextBorder#0A0E0E00
  • editorBracketHighlight.foreground1#F7F6F5ce
  • editorBracketHighlight.foreground2#F7F6F5ce
  • editorBracketHighlight.foreground3#F7F6F5ce
  • editorBracketHighlight.foreground4#F7F6F5ce
  • editorBracketHighlight.foreground5#F7F6F5ce
  • editorBracketHighlight.foreground6#F7F6F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#FDECDAce
  • editorBracketMatch.background#C6B9AFa4
  • editorBracketMatch.border#110E0Cfe
  • editorBracketPairGuide.activeBackground1#B9BEA78d
  • editorBracketPairGuide.activeBackground2#C6B8CB8c
  • editorBracketPairGuide.activeBackground3#C5B7CA86
  • editorBracketPairGuide.activeBackground4#BABCCC86
  • editorBracketPairGuide.activeBackground5#CBB7C18b
  • editorBracketPairGuide.activeBackground6#CAB7C186
  • editorBracketPairGuide.background1#37272Ffe
  • editorBracketPairGuide.background2#242946fe
  • editorBracketPairGuide.background3#1C2E2Efe
  • editorBracketPairGuide.background4#1B2D2Dfe
  • editorBracketPairGuide.background5#292D1Bfe
  • editorBracketPairGuide.background6#2A2D1Cfe
  • editorCodeLens.foreground#C6BAB06e
  • editorCommentsWidget.rangeActiveBackground#C7BBB1fe
  • editorCommentsWidget.rangeBackground#1f1a16fe
  • editorCommentsWidget.resolvedBorder#110E0Cfe
  • editorCommentsWidget.unresolvedBorder#5F0000cb
  • editorCursor.background#1f1a16fe
  • editorCursor.foreground#489FE5fe
  • editorError.background#0A0B0E00
  • editorError.border#0A0B0E00
  • editorError.foreground#FF95FEce
  • editorGhostText.background#1f1a16fe
  • editorGhostText.border#0A0E0E00
  • editorGhostText.foreground#C6B9AF6e
  • editorGroup.border#110E0Cfe
  • editorGroup.dropBackground#1f1a16fe
  • editorGroup.dropIntoPromptBackground#1f1a16fe
  • editorGroup.dropIntoPromptBorder#110E0Cfe
  • editorGroup.dropIntoPromptForeground#FDECDAce
  • editorGroup.emptyBackground#1f1a16fe
  • editorGroup.focusedEmptyBorder#110E0Cfe
  • editorGroupHeader.border#0D0A0E00
  • editorGroupHeader.noTabsBackground#13100Dae
  • editorGroupHeader.tabsBackground#1f1a16a1
  • editorGroupHeader.tabsBorder#0D0A0E00
  • editorGutter.addedBackground#88CC8Bfb
  • editorGutter.background#1f1a16fe
  • editorGutter.commentGlyphForeground#FDECDAce
  • editorGutter.commentRangeForeground#FDECDAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FEA4A4cb
  • editorGutter.foldingControlForeground#FDECDAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0A0E0E00
  • editorHint.foreground#C3B0FFce
  • editorHoverWidget.background#110E0Cfe
  • editorHoverWidget.border#110E0Cfe
  • editorHoverWidget.foreground#FDECDAce
  • editorHoverWidget.highlightForeground#E2D7DDca
  • editorHoverWidget.statusBarBackground#1f1a16fe
  • editorIndentGuide.activeBackground1#65B7FCfe
  • editorIndentGuide.activeBackground2#63B7FCfe
  • editorIndentGuide.activeBackground3#63B7FCfe
  • editorIndentGuide.activeBackground4#64B7FCfe
  • editorIndentGuide.activeBackground5#62B7FDfe
  • editorIndentGuide.activeBackground6#63B7FCfe
  • editorIndentGuide.background1#B8BEA635
  • editorIndentGuide.background2#98B3B335
  • editorIndentGuide.background3#989BB335
  • editorIndentGuide.background4#BCABC135
  • editorIndentGuide.background5#84A58835
  • editorIndentGuide.background6#BAA2AE35
  • editorInfo.background#0A0E0E00
  • editorInfo.border#0A0E0E00
  • editorInfo.foreground#C3B0FFce
  • editorInlayHint.background#1f1a16fe
  • editorInlayHint.foreground#FDECDAce
  • editorInlayHint.parameterBackground#1f1a16fe
  • editorInlayHint.parameterForeground#FDECDAce
  • editorInlayHint.typeBackground#1f1a16fe
  • editorInlayHint.typeForeground#FDECDAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#56A7E9fe
  • editorLineNumber.dimmedForeground#C6B9AF6e
  • editorLineNumber.foreground#C6B9AF6e
  • editorLink.activeForeground#4FA3E7fe
  • editorMarkerNavigation.background#110E0Cfe
  • editorMarkerNavigationError.background#5300539b
  • editorMarkerNavigationError.headerBackground#530053c3
  • editorMarkerNavigationInfo.background#00009Ffe
  • editorMarkerNavigationInfo.headerBackground#00009Ffe
  • editorMarkerNavigationWarning.background#332A00fe
  • editorMarkerNavigationWarning.headerBackground#332A00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1f1a16fe
  • editorOverviewRuler.border#44230Afe
  • editorOverviewRuler.bracketMatchForeground#FDECDAce
  • editorOverviewRuler.commentForeground#C6BAB06e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#FDECDAce
  • editorOverviewRuler.currentContentForeground#cececec2
  • editorOverviewRuler.deletedForeground#FEA4A4cb
  • editorOverviewRuler.errorForeground#FF95FEce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C3B0FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#C9D7CAca
  • editorOverviewRuler.selectionHighlightForeground#C3B0FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D3C9D7ca
  • editorOverviewRuler.wordHighlightStrongForeground#FDECDAce
  • editorOverviewRuler.wordHighlightTextForeground#FDECDAce
  • editorPane.background#1f1a16fe
  • editorRuler.foreground#C7BBB222
  • editorStickyScroll.background#1f1a16fe
  • editorStickyScrollHover.background#342A236e
  • editorSuggestWidget.background#110E0Cfe
  • editorSuggestWidget.border#0F0C0A00
  • editorSuggestWidget.focusHighlightForeground#EB9F60fe
  • editorSuggestWidget.foreground#DBDED2fe
  • editorSuggestWidget.highlightForeground#DBD3CDca
  • editorSuggestWidget.selectedBackground#3B515182
  • editorSuggestWidget.selectedForeground#DCDDE5ca
  • editorSuggestWidget.selectedIconForeground#D7CEDBca
  • editorSuggestWidgetStatus.foreground#D7CEDBfe
  • editorUnicodeHighlight.background#715362a5
  • editorUnicodeHighlight.border#110E0Cfe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0A0E00
  • editorWarning.border#0A0E0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#FDECDAce
  • editorWidget.background#110E0Cfe
  • editorWidget.border#110E0Cfe
  • editorWidget.foreground#FDECDAce
  • editorWidget.resizeBorder#110E0Cfe
  • errorForeground#FF95FEce
  • extensionBadge.remoteBackground#429BE3fe
  • extensionBadge.remoteForeground#13100Dfe
  • extensionButton.background#3B2717ae
  • extensionButton.foreground#FDECDAce
  • extensionButton.hoverBackground#3A28196e
  • extensionButton.prominentBackground#1f1a16fe
  • extensionButton.prominentForeground#FDECDAce
  • extensionButton.prominentHoverBackground#1f1a16fe
  • extensionButton.separator#0A0E0B00
  • extensionIcon.preReleaseForeground#CDC2B9fe
  • extensionIcon.sponsorForeground#E3E5DCfe
  • extensionIcon.starForeground#DCDDE5fe
  • extensionIcon.verifiedForeground#DCE5E5fe
  • focusBorder#0A0E0E00
  • foreground#FDECDAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FEA4A4cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C3B0FFce
  • gitDecoration.stageDeletedResourceForeground#FEA4A4cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#C7B9AFae
  • inlineChat.background#1D2F1Fca
  • inlineChat.border#392341ca
  • inlineChat.regionHighlight#E3DCE5ca
  • inlineChat.shadow#DBDED2ca
  • inlineChatDiff.inserted#D7DBCEca
  • inlineChatDiff.removed#E6E0DCca
  • inlineChatInput.background#DFE2D7ca
  • inlineChatInput.border#1C2E1Dca
  • inlineChatInput.focusBorder#0F0C0A00
  • inlineChatInput.placeholderForeground#E5DCE1ca
  • input.background#110E0Cfe
  • input.border#110E0Cfe
  • input.foreground#FDECDAce
  • input.placeholderForeground#C6BAAF65
  • inputOption.activeBackground#110E0Cfe
  • inputOption.activeBorder#110E0Cfe
  • inputOption.activeForeground#2581CCfe
  • inputOption.hoverBackground#110E0Cfe
  • inputValidation.errorBackground#670067c9
  • inputValidation.errorBorder#530053b0
  • inputValidation.errorForeground#FF95FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#110E0Cfe
  • inputValidation.infoForeground#FDECDAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#110E0Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#110E0Cfe
  • interactive.inactiveCodeBorder#322A2495
  • keybindingLabel.background#1f1a16fe
  • keybindingLabel.border#110E0Cfe
  • keybindingLabel.bottomBorder#110E0Cfe
  • keybindingLabel.foreground#FDECDAce
  • keybindingTable.headerBackground#1f1a16fe
  • keybindingTable.rowsBackground#1f1a16fe
  • list.activeSelectionBackground#3B51518a
  • list.activeSelectionForeground#D2DED4ca
  • list.activeSelectionIconForeground#DCE5E5ca
  • list.deemphasizedForeground#FDECDAce
  • list.dropBackground#1f1a16fe
  • list.errorForeground#FF95FEce
  • list.filterMatchBackground#1f1a16fe
  • list.filterMatchBorder#110E0Cfe
  • list.focusAndSelectionOutline#0A0E0E00
  • list.focusBackground#584A3E97
  • list.focusForeground#3C97E1fe
  • list.focusHighlightForeground#94A2FEfe
  • list.focusOutline#0E0A0C00
  • list.highlightForeground#D7E2E2ca
  • list.hoverBackground#31242Aaa
  • list.hoverForeground#489FE5fe
  • list.inactiveFocusBackground#3C322B95
  • list.inactiveFocusOutline#0D0A0E00
  • list.inactiveSelectionBackground#13100Dae
  • list.inactiveSelectionForeground#C6B9AF65
  • list.inactiveSelectionIconForeground#C6B9AF65
  • list.invalidItemForeground#FDECDAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1f1a16fe
  • listFilterWidget.noMatchesOutline#0A0E0B00
  • listFilterWidget.outline#0A0E0E00
  • listFilterWidget.shadow#0A0E0E00
  • menu.background#13100Dfe
  • menu.border#0A0E0E00
  • menu.foreground#FEEBD9ae
  • menu.selectionBackground#5F4552aa
  • menu.selectionBorder#0D0E0A00
  • menu.selectionForeground#4FA3E7fe
  • menu.separatorBackground#322A2365
  • menubar.selectionBackground#5F4553ac
  • menubar.selectionBorder#0A0E0E00
  • menubar.selectionForeground#429BE3fe
  • merge.border#110E0Cfe
  • merge.commonContentBackground#1f1a16fe
  • merge.commonHeaderBackground#1f1a16fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113213fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113213fb
  • mergeEditor.change.background#1f1a16fe
  • mergeEditor.change.word.background#1f1a16fe
  • mergeEditor.changeBase.background#1f1a16fe
  • mergeEditor.changeBase.word.background#1f1a16fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#110E0Cfe
  • mergeEditor.conflict.handledUnfocused.border#231E193b
  • mergeEditor.conflict.input1.background#110E0Cfe
  • mergeEditor.conflict.input2.background#110E0Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b1
  • mergeEditor.conflict.unhandledFocused.border#110E0Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#28221D3e
  • mergeEditor.conflictingLines.background#1f1a16fe
  • minimap.background#1f1a16fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F6F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#88CC8Bfb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#86715Ffe
  • minimapSlider.background#4B3F35ae
  • minimapSlider.hoverBackground#69584A6e
  • notebook.cellBorderColor#110E0Cfe
  • notebook.cellEditorBackground#1f1a16fe
  • notebook.cellHoverBackground#1f1a16fe
  • notebook.cellInsertionIndicator#D7E2E2ca
  • notebook.cellStatusBarItemHoverBackground#1f1a16fe
  • notebook.cellToolbarSeparator#D7E2D9ca
  • notebook.editorBackground#1f1a16fe
  • notebook.focusedCellBackground#1f1a16fe
  • notebook.focusedCellBorder#298ADAfe
  • notebook.focusedEditorBorder#110E0Cfe
  • notebook.inactiveFocusedCellBorder#826D5C8e
  • notebook.inactiveSelectedCellBorder#8B75638e
  • notebook.outputContainerBackgroundColor#1f1a16fe
  • notebook.outputContainerBorderColor#110E0Cfe
  • notebook.selectedCellBackground#1f1a16fe
  • notebook.selectedCellBorder#110E0Cfe
  • notebook.symbolHighlightBackground#1f1a16fe
  • notebookEditorOverviewRuler.runningCellForeground#FDECDAce
  • notebookScrollbarSlider.activeBackground#826D5Cfe
  • notebookScrollbarSlider.background#55473Cae
  • notebookScrollbarSlider.hoverBackground#69584A6e
  • notebookStatusErrorIcon.foreground#FF95FEce
  • notebookStatusRunningIcon.foreground#DFE2D7fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#110E0Cfe
  • notificationCenterHeader.background#1f1a16fe
  • notificationCenterHeader.foreground#FDECDAce
  • notificationLink.foreground#FDECDAce
  • notifications.background#1f1a16fe
  • notifications.border#110E0Cfe
  • notifications.foreground#FDECDAce
  • notificationsErrorIcon.foreground#FF95FEce
  • notificationsInfoIcon.foreground#DBDED2fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#110E0Cfe
  • panel.background#1f1a16fe
  • panel.border#110E0Cfe
  • panel.dropBorder#110E0Cfe
  • panelInput.border#110E0Cfe
  • panelSection.border#110E0Cfe
  • panelSection.dropBackground#1f1a16fe
  • panelSectionHeader.background#1f1a16fe
  • panelSectionHeader.border#110E0Cfe
  • panelSectionHeader.foreground#FDECDAce
  • panelTitle.activeBorder#0F0C0A00
  • panelTitle.activeForeground#65B7FCfe
  • panelTitle.inactiveForeground#B5A49765
  • peekView.border#63B7FDfe
  • peekViewEditor.background#110E0Cfe
  • peekViewEditor.matchHighlightBackground#69715382
  • peekViewEditor.matchHighlightBorder#0A0B0E00
  • peekViewEditorGutter.background#110E0Cfe
  • peekViewEditorStickyScroll.background#1f1a16fe
  • peekViewResult.background#13100Dfe
  • peekViewResult.fileForeground#FDECDAce
  • peekViewResult.lineForeground#FDECDAce
  • peekViewResult.matchHighlightBackground#4A4F3986
  • peekViewResult.selectionBackground#445D5D81
  • peekViewResult.selectionForeground#D7E2D9ca
  • peekViewTitle.background#13100Dfe
  • peekViewTitleDescription.foreground#FDECDAce
  • peekViewTitleLabel.foreground#FDECDAce
  • pickerGroup.border#110E0Cfe
  • pickerGroup.foreground#FDECDAce
  • ports.iconRunningProcessForeground#D7DBCEfe
  • problemsErrorIcon.foreground#FF95FEce
  • problemsInfoIcon.foreground#C3B0FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#489FE5fe
  • profileBadge.foreground#13100Dfe
  • progressBar.background#1f1a16fe
  • quickInput.background#13100Dfe
  • quickInput.foreground#FEEBD9ae
  • quickInputList.focusBackground#58414Ca8
  • quickInputList.focusForeground#429BE3fe
  • quickInputList.focusIconForeground#3592DFfe
  • quickInputTitle.background#110E0Cfe
  • sash.hoverBorder#110E0Cfe
  • scrollbar.shadow#0A0E0B00
  • scrollbarSlider.activeBackground#86715Ffe
  • scrollbarSlider.background#4B3F35ae
  • scrollbarSlider.hoverBackground#6454476e
  • search.resultsInfoForeground#FDECDAce
  • searchEditor.findMatchBackground#695371a4
  • searchEditor.findMatchBorder#110E0Cfe
  • searchEditor.textInputBorder#110E0Cfe
  • selection.background#1f1a16fe
  • settings.checkboxBackground#110E0Cfe
  • settings.checkboxBorder#110E0Cfe
  • settings.checkboxForeground#FDECDAce
  • settings.dropdownBackground#110E0Cfe
  • settings.dropdownBorder#110E0Cfe
  • settings.dropdownForeground#FDECDAce
  • settings.dropdownListBorder#110E0Cfe
  • settings.focusedRowBackground#5E455284
  • settings.focusedRowBorder#110E0Cfe
  • settings.headerBorder#110E0Cfe
  • settings.headerForeground#FDECDAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#110E0Cfe
  • settings.numberInputBorder#110E0Cfe
  • settings.numberInputForeground#FDECDAce
  • settings.rowHoverBackground#1f1a16fe
  • settings.sashBorder#110E0Cfe
  • settings.settingsHeaderHoverForeground#56A7E9fe
  • settings.textInputBackground#110E0Cfe
  • settings.textInputBorder#110E0Cfe
  • settings.textInputForeground#FDECDAce
  • sideBar.background#1f1a16fe
  • sideBar.border#110E0Cfe
  • sideBar.dropBackground#1f1a16fe
  • sideBar.foreground#C7B9AFae
  • sideBarSectionHeader.background#0A0E0E00
  • sideBarSectionHeader.border#110E0Cfe
  • sideBarSectionHeader.foreground#FDECDAce
  • sideBarTitle.foreground#FDECDAce
  • sideBySideEditor.horizontalBorder#110E0Cfe
  • sideBySideEditor.verticalBorder#110E0Cfe
  • simpleFindWidget.sashBorder#110E0Cfe
  • statusBar.background#13100Dfe
  • statusBar.border#110E0Cfe
  • statusBar.debuggingBackground#5300539f
  • statusBar.debuggingBorder#110E0Cfe
  • statusBar.debuggingForeground#FDECDAce
  • statusBar.focusBorder#0A0E0B00
  • statusBar.foreground#C6B9AF6e
  • statusBar.noFolderBackground#13100Dfe
  • statusBar.noFolderBorder#110E0Cfe
  • statusBar.noFolderForeground#FDECDAce
  • statusBarItem.activeBackground#13100Dfe
  • statusBarItem.compactHoverBackground#13100Dfe
  • statusBarItem.errorBackground#530053b1
  • statusBarItem.errorForeground#FF95FEce
  • statusBarItem.errorHoverBackground#530053c6
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0D0E0A00
  • statusBarItem.hoverBackground#13100Dfe
  • statusBarItem.hoverForeground#56A7E9fe
  • statusBarItem.offlineBackground#13100Dfe
  • statusBarItem.offlineForeground#FDECDAce
  • statusBarItem.offlineHoverBackground#13100Dfe
  • statusBarItem.offlineHoverForeground#2686D5fe
  • statusBarItem.prominentBackground#13100Dfe
  • statusBarItem.prominentForeground#FDECDAce
  • statusBarItem.prominentHoverBackground#13100Dfe
  • statusBarItem.prominentHoverForeground#2581CCfe
  • statusBarItem.remoteBackground#56A7E9fe
  • statusBarItem.remoteForeground#13100Dfe
  • statusBarItem.remoteHoverBackground#13100Dfe
  • statusBarItem.remoteHoverForeground#4FA3E7fe
  • statusBarItem.warningBackground#332A00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#332A00fe
  • statusBarItem.warningHoverForeground#D1AD00ce
  • symbolIcon.arrayForeground#C8CCBAfe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#C9CAD7fe
  • symbolIcon.colorForeground#CECFDBfe
  • symbolIcon.constantForeground#DCDDE5fe
  • symbolIcon.constructorForeground#C9D7D7fe
  • symbolIcon.enumeratorForeground#CCBFD0fe
  • symbolIcon.enumeratorMemberForeground#CDC2B9fe
  • symbolIcon.eventForeground#C9CAD7fe
  • symbolIcon.fieldForeground#C4D3D3fe
  • symbolIcon.fileForeground#CAB7C1fe
  • symbolIcon.folderForeground#E6E0DCfe
  • symbolIcon.functionForeground#C4C9B5fe
  • symbolIcon.interfaceForeground#D2D4DEfe
  • symbolIcon.keyForeground#D1C6BEfe
  • symbolIcon.keywordForeground#DBD3CDfe
  • symbolIcon.methodForeground#D7D9E2fe
  • symbolIcon.moduleForeground#C4D3D3fe
  • symbolIcon.namespaceForeground#B8BBCBfe
  • symbolIcon.nullForeground#CCD0BFfe
  • symbolIcon.numberForeground#E3E5DCfe
  • symbolIcon.objectForeground#E3DCE5fe
  • symbolIcon.operatorForeground#BACCBCfe
  • symbolIcon.packageForeground#D3C4CCfe
  • symbolIcon.propertyForeground#C4C9B5fe
  • symbolIcon.referenceForeground#D3C9D7fe
  • symbolIcon.snippetForeground#DBDED2fe
  • symbolIcon.stringForeground#D0D3C4fe
  • symbolIcon.structForeground#C4D3C6fe
  • symbolIcon.textForeground#C5B7CAfe
  • symbolIcon.typeParameterForeground#D0D3C4fe
  • symbolIcon.unitForeground#D8CFC8fe
  • symbolIcon.variableForeground#DCE5DDfe
  • tab.activeBackground#15120Ffe
  • tab.activeBorder#0A0E0E00
  • tab.activeBorderTop#65B7FCfe
  • tab.activeForeground#65B7FCfe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0D0A0E00
  • tab.hoverBackground#CAB6C0a8
  • tab.hoverBorder#110E0Cfe
  • tab.hoverForeground#3592DFfe
  • tab.inactiveBackground#322A2492
  • tab.inactiveForeground#F19C5A65
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#110E0Cfe
  • tab.unfocusedActiveBackground#28221D33
  • tab.unfocusedActiveBorder#0D0E0A00
  • tab.unfocusedActiveBorderTop#37291D65
  • tab.unfocusedActiveForeground#B5A49765
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#C6BBB03a
  • tab.unfocusedHoverBorder#231E1926
  • tab.unfocusedHoverForeground#B8A89B65
  • tab.unfocusedInactiveBackground#3C322B96
  • tab.unfocusedInactiveForeground#F19C5A65
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a7
  • 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#670067a9
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeac
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1f1a16fe
  • terminal.border#110E0Cfe
  • terminal.dropBackground#1f1a16fe
  • terminal.findMatchBackground#1f1a16fe
  • terminal.findMatchBorder#110E0Cfe
  • terminal.findMatchHighlightBackground#1f1a16fe
  • terminal.findMatchHighlightBorder#110E0Cfe
  • terminal.foreground#C7B9AFae
  • terminal.hoverHighlightBackground#1f1a16fe
  • terminal.inactiveSelectionBackground#372E279a
  • terminal.selectionBackground#4A4F3A85
  • terminal.selectionForeground#C9D7D7ca
  • terminal.tab.activeBorder#63B7FCfe
  • terminalCommandDecoration.defaultBackground#B9BFA8a9
  • terminalCommandDecoration.errorBackground#FEA4A4cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1f1a16fe
  • terminalCursor.foreground#298ADAfe
  • terminalOverviewRuler.cursorForeground#FDECDAce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a4
  • testing.iconUnset#808080b2
  • testing.message.error.decorationForeground#8AC2EFfe
  • testing.message.error.lineBackground#530053c1
  • testing.message.info.decorationForeground#8EC1ECfe
  • testing.message.info.lineBackground#00009Ffe
  • testing.peekBorder#110E0Cfe
  • testing.peekHeaderBackground#1f1a16fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1f1a16fe
  • textBlockQuote.border#110E0Cfe
  • textCodeBlock.background#1f1a16fe
  • textLink.activeForeground#2F8EDCfe
  • textLink.foreground#C3B0FFce
  • textPreformat.foreground#FDECDAce
  • textSeparator.foreground#FDECDAce
  • titleBar.activeBackground#13100Dfe
  • titleBar.activeForeground#DBA57Dae
  • titleBar.border#0A0B0E00
  • titleBar.inactiveBackground#231E19dd
  • titleBar.inactiveForeground#F19C5A65
  • toolbar.activeBackground#1D2F2F84
  • toolbar.hoverBackground#1f1a16fe
  • toolbar.hoverOutline#0A0B0E00
  • tree.inactiveIndentGuidesStroke#A8B09335
  • tree.indentGuidesStroke#8FC2EBfe
  • tree.tableColumnsBorder#110E0Cfe
  • tree.tableOddRowsBackground#1f1a16fe
  • walkThrough.embeddedEditorBackground#1f1a16fe
  • walkthrough.stepTitle.foreground#FDECDAce
  • welcomePage.background#1f1a16fe
  • welcomePage.progress.background#1f1a16fe
  • welcomePage.progress.foreground#FDECDAce
  • welcomePage.tileBackground#1f1a16fe
  • welcomePage.tileBorder#110E0Cfe
  • welcomePage.tileHoverBackground#1f1a16fe
  • widget.border#110E0Cfe
  • widget.shadow#0A0E0B00
  • window.activeBorder#110E0Cfe
  • window.inactiveBorder#2D262093

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#E7BD946e
comment.block.html#EDBB9A6e
comment.block.java#EDBB956e
comment.block.javadoc.java#EDBB956e
comment.block.powershell#EDBB9A6e
comment.block.xml#EBBC8E6e
comment.line.double-slash.c#EBBC8E6e
comment.line.double-slash.cpp#EDBB956e
comment.line.double-slash.java#EBBC8E6e
comment.line.double-slash.js#E7BD946e
comment.line.number-sign.makefile#EDBB9A6e
comment.line.number-sign.python#EDBB9A6e
comment.line.number-sign.yaml#EDBB956e
comment.line.percentage.erlang#EDBB9A6e
comment.line.powershell#EDBB956e
comment.source.cmake#EBBC8E6e
comment.source.cmakecache#E7BD946e
constant.character#EBBF0Ade
constant.character.character-class.regexp#ECBF0Ede
constant.character.escape#0DE081de
constant.character.set.regexp#F89DEFde
constant.language#F587EAde
constant.numeric#B099F3de
constant.numeric.dec.python#EDC00Dde
constant.other.caps.python#FEA7F5de
constant.other.character-class.regexp#AF97F6de
constant.other.character-class.set.regexp#EEBF09de
constant.other.color.rgb-value#AF97F5de
constant.other.placeholder#40E10Ade
constant.other.rgb-value#43E20Ede
constant.regexp#EDBF0Cde
constant.sha.git-rebase#C4C4C4de
emphasis#8EC7F6de
entity.name.class#08E180de
entity.name.function#EDBF0Cde
entity.name.function.preprocessor#42E10Dde
entity.name.function.python#78BBF2de
entity.name.label#0BE07Fde
entity.name.namespace#ECC00Dde
entity.name.operator#AEAEAEde
entity.name.operator.custom-literal#0DE080de
entity.name.scope-resolution#0DE080de
entity.name.tag#A9A9A9de
entity.name.tag.css#C4C4C4de
entity.name.type#8DCBFEde
entity.name.variable#C0ADFAde
entity.other.attribute#0DE081de
entity.other.attribute-name#FEA7F5de
entity.other.attribute-name.class.css#F380E8de
entity.other.attribute-name.class.mixin.css#AF97F5de
entity.other.attribute-name.id#AE97F7de
entity.other.attribute-name.id.css#AF98F5de
entity.other.attribute-name.parent-selector.css#F07AE5de
entity.other.attribute-name.pseudo-class.css#AE97F4de
entity.other.attribute-name.pseudo-element.css#0EE081de
entity.other.attribute-name.scss#09E17Fde
entity.other.document.begin.yaml#EBBC8E6e
entity.other.inherited-class#8DCBFEde
header#EDC00Dde
invalid#0EE082de
keyword#C4C4C4de
keyword.codetag.notation.python#A5A5A5de
keyword.control#EDC00Dde
keyword.control.anchor.regexp#C0ADFAde
keyword.control.import.python#EDC00Dde
keyword.operator#ECBE08de
keyword.operator.alignas#41E10Dde
keyword.operator.alignof#0AE181de
keyword.operator.cast#40E20Bde
keyword.operator.delete#BBBBBBde
keyword.operator.documentation.powershell#EBBC8E6e
keyword.operator.expression#8AC9FEde
keyword.operator.instanceof#43E10Dde
keyword.operator.logical.python#B7B7B7de
keyword.operator.minus.exponent#CBBAFEde
keyword.operator.negation.regexp#71B7F0de
keyword.operator.new#F587EAde
keyword.operator.noexcept#43E10Dde
keyword.operator.or.regexp#43E10Dde
keyword.operator.plus.exponent#F587EAde
keyword.operator.quantifier.regexp#EDC00Dde
keyword.operator.sizeof#F89DEFde
keyword.operator.typeid#0EE182de
keyword.operator.wordlike#09E17Fde
keyword.other.operator#AEAEAEde
keyword.other.package.java#0DE180de
keyword.other.unit#78BBF2de
keyword.other.using#C5C5C5de
markup.bold#0EE182de
markup.changed#FEA3F5de
markup.deleted#F07AE5de
markup.fenced_code.block.markdown#40E20Bde
markup.heading#0AE080de
markup.inline.raw#AE97F6de
markup.inserted#41E10Dde
markup.italic#42E20Dde
markup.raw.block.markdown#FEA8F6de
markup.strikethrough#AEAEAEde
markup.underline#EF7AE3de
meta.block.c#C4C4C4de
meta.block.c#78BBF2de
meta.class.java#0EE182de
meta.definition.variable.name#AF98F5de
meta.diff.header#ECBE08de
meta.embedded#EEBF09de
meta.embedded.assembly#F380E8de
meta.function-call.arguments.python#87C3F5de
meta.function-call.python#B2B2B2de
meta.member.access.python#B7B7B7de
meta.method.java#C0ADFAde
meta.object-literal.key#5FACEBde
meta.paragraph.markdown#F278E6de
meta.preprocessor#87C3F5de
meta.preprocessor.numeric#0DE181de
meta.preprocessor.string#A9A9A9de
meta.scope.prerequisites.makefile#EBBF0Bde
meta.structure.dictionary.json.comments#EDBB9A6e
meta.structure.dictionary.key.python#FEA7F5de
meta.structure.dictionary.value.json.comments#EBBC8E6e
meta.template.expression#A5A5A5de
meta.type.cast.expr#78BBF2de
meta.type.new.expr#0DE080de
parameter#43E20Ede
punctuation.character.set.begin.regexp#43E10Ede
punctuation.character.set.end.regexp#C5C5C5de
punctuation.definition.array.begin.json#0EE182de
punctuation.definition.character-class.regexp#EBC00Dde
punctuation.definition.comment#EDBB9A6e
punctuation.definition.comment.json.comments#EBBC8E6e
punctuation.definition.comment.python#EDBB956e
punctuation.definition.dictionary.begin.json#0EE082de
punctuation.definition.dictionary.end.json#AE97F4de
punctuation.definition.group.assertion.regexp#0DE080de
punctuation.definition.group.regexp#8CCBFEde
punctuation.definition.list.begin.json#C5C5C5de
punctuation.definition.list.begin.markdown#C5C5C5de
punctuation.definition.list.begin.python#C6B4FBde
punctuation.definition.list.end.json#0EE082de
punctuation.definition.list.end.markdown#EBBF0Bde
punctuation.definition.list.end.python#F07AE5de
punctuation.definition.parameters.begin.python#EBBF0Dde
punctuation.definition.parameters.end.bracket.round.java#80BFF3de
punctuation.definition.quote.begin.markdown#EEBF09de
punctuation.definition.tag#C5C5C5de
punctuation.definition.template-expression.begin#AE97F4de
punctuation.definition.template-expression.end#ECC00Dde
punctuation.section.class.begin.bracket.curly.java#FEA7F6de
punctuation.section.embedded#ECC00Dde
punctuation.section.embedded.begin.php#A9A9A9de
punctuation.section.embedded.end.php#08E180de
punctuation.terminator.java#3FE109de
source.cmake#EBBF0Bde
source.coffee.embedded#3FE109de
source.cpp#41E10Dde
source.css.less#0DE180de
source.groovy.embedded#AF98F5de
source.java#EEBF09de
source.java-properties#AF97F5de
source.json.comments#EDBB956e
source.makefile#EBBF0Ade
source.powershell#0DE181de
source.powershell.variable.other.member#A9A9A9de
source.python#43E20Ede
storage#CCBCFCde
storage.modifier#0DE181de
storage.modifier.import.java#0DE081de
storage.modifier.package.java#ECC00Dde
storage.type#71B7F0de
storage.type.annotation.groovy#ECBF0Ede
storage.type.annotation.java#ECBF0Dde
storage.type.boolean.go#AF97F6de
storage.type.byte.go#FEA7F5de
storage.type.cs#43E10Ede
storage.type.error.go#AF98F5de
storage.type.generic.cs#B099F3de
storage.type.generic.groovy#EBBF0Ade
storage.type.generic.java#0DE181de
storage.type.groovy#BBBBBBde
storage.type.java#EEBF09de
storage.type.modifier.cs#C5C5C5de
storage.type.numeric.go#43E20Ede
storage.type.object.array.groovy#EF7AE3de
storage.type.object.array.java#0EE182de
storage.type.parameters.groovy#3FE109de
storage.type.primitive.array.groovy#8CCBFEde
storage.type.primitive.array.java#8FCBFEde
storage.type.primitive.groovy#42E20Dde
storage.type.primitive.java#0DE181de
storage.type.rune.go#FEA3F5de
storage.type.string.go#ECBF0Ede
storage.type.token.java#8CCBFDde
storage.type.uintptr.go#EDC00Dde
storage.type.variable.cs#EBBF0Dde
string#8CCBFDde
string.quoted.docstring.multi.python#EBBC8E6e
string.regexp#FEA8F6de
string.tag#41E10Dde
string.value#C5C5C5de
strong#FEA3F5de
support.class#EDC00Dde
support.constant.color#EBC00Dde
support.constant.dom#63AFEDde
support.constant.font-name#40E20Bde
support.constant.handlebars#43E10Ede
support.constant.json#0EE182de
support.constant.math#8CCBFDde
support.constant.media#42E20Cde
support.constant.media-type#87C3F5de
support.constant.property-value#8ECBFEde
support.function#78BBF2de
support.function.git-rebase#CCBCFCde
support.other.parenthesis.regexp#0CE080de
support.type#ECBF0Dde
support.type.property-name#B7B7B7de
support.type.vendored.property-name#8EC7F6de
support.variable#EDC00Dde
token.debug-token#40E10Ade
token.error-token#EEBF09de
token.info-token#C0C0C0de
token.warn-token#42E20Cde
variable#ECBF0Ede
variable.css#EDC00Dde
variable.language#BAA5F9de
variable.language.wildcard.java#F89DEFde
variable.other.constant#ECC00Dde
variable.other.definition.java#08E180de
variable.other.enummember#87C3F5de
variable.other.less#C5C5C5de
variable.other.object.java#0DE081de
variable.other.object.property.java#B7B7B7de
variable.parameter.c#EBBF0Cde
variable.parameter.function.language.python#CBBAFEde
variable.parameter.java#41E10Dde
variable.scss#ECBF0Dde
viiv by B.W - VS Code Theme