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#DEDDDEfe
  • activityBar.activeBackground#DEDDDEfe
  • activityBar.activeBorder#414112fe
  • activityBar.activeFocusBorder#7C7C7C00
  • activityBar.background#EEEEEEfe
  • activityBar.border#7C7C7C00
  • activityBar.dropBorder#404016fe
  • activityBar.foreground#404013fe
  • activityBar.inactiveForeground#49464965
  • activityBarBadge.background#828211fe
  • activityBarBadge.foreground#EEEEEEfe
  • badge.background#727229fe
  • badge.foreground#EEEEEEfe
  • banner.background#DEDDDEfe
  • banner.foreground#363636ce
  • banner.iconForeground#2B3C1Afe
  • breadcrumb.activeSelectionForeground#1A3C2Bca
  • breadcrumb.background#EAE9EAfe
  • breadcrumb.focusForeground#82820Ffe
  • breadcrumb.foreground#5E125Eae
  • breadcrumbPicker.background#DEDDDEfe
  • button.background#B5B2B5ae
  • button.border#FAFAFA00
  • button.foreground#363636ce
  • button.hoverBackground#9491946e
  • button.secondaryBackground#DEDDDEfe
  • button.secondaryForeground#363636ce
  • button.secondaryHoverBackground#DEDDDEfe
  • button.separator#FAFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#363636ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c9
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F2F2F2fe
  • chat.slashCommandBackground#DEDDDEfe
  • chat.slashCommandForeground#363636ce
  • checkbox.background#F2F2F2fe
  • checkbox.border#F2F2F2fe
  • checkbox.foreground#363636ce
  • checkbox.selectBackground#F2F2F2fe
  • checkbox.selectBorder#F2F2F2fe
  • commandCenter.activeBackground#CFD3D183
  • commandCenter.activeBorder#F2F2F2fe
  • commandCenter.activeForeground#81812Bfe
  • commandCenter.background#DEDDDEfe
  • commandCenter.border#F2F2F2fe
  • commandCenter.foreground#363636ce
  • commandCenter.inactiveBorder#D3D2D392
  • commandCenter.inactiveForeground#403E4065
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFAFA00
  • contrastBorder#FAFAFA00
  • debugConsole.errorForeground#8F008Fce
  • debugConsole.infoForeground#363636ce
  • debugConsole.sourceForeground#363636ce
  • debugConsole.warningForeground#5E4E00ce
  • debugConsoleInputIcon.foreground#4A1D76fe
  • debugExceptionWidget.background#FFBDFFb6
  • debugExceptionWidget.border#F2F2F2fe
  • debugIcon.breakpointCurrentStackframeForeground#24384Cfe
  • debugIcon.breakpointDisabledForeground#403E4065
  • debugIcon.breakpointForeground#30382Cfe
  • debugIcon.breakpointStackframeForeground#640164fe
  • debugIcon.breakpointUnverifiedForeground#402E53fe
  • debugIcon.continueForeground#3D3F41fe
  • debugIcon.disconnectForeground#353837fe
  • debugIcon.pauseForeground#383440fe
  • debugIcon.restartForeground#253C0Ffe
  • debugIcon.startForeground#3D3336fe
  • debugIcon.stepBackForeground#213B2Afe
  • debugIcon.stepIntoForeground#413241fe
  • debugIcon.stepOutForeground#3D393Bfe
  • debugIcon.stepOverForeground#3B3D39fe
  • debugIcon.stopForeground#423136fe
  • debugTokenExpression.boolean#18191Aca
  • debugTokenExpression.error#1D1F1Eca
  • debugTokenExpression.name#222123ca
  • debugTokenExpression.number#2A292Bca
  • debugTokenExpression.value#2A292Bca
  • debugToolBar.background#FFBDFFbe
  • debugToolBar.border#F2F2F2fe
  • debugView.exceptionLabelBackground#D2D3D5ca
  • debugView.exceptionLabelForeground#581E58ca
  • debugView.stateLabelBackground#D1D3D0ca
  • debugView.stateLabelForeground#1E3851ca
  • debugView.valueChangedHighlight#222123ca
  • descriptionForeground#363636ce
  • diffEditor.border#F6F6F600
  • diffEditor.diagonalFill#000000f6
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B2DEB5fb
  • diffEditor.insertedTextBorder#FAFAFA00
  • diffEditor.move.border#FAFAFA00
  • diffEditor.moveActive.border#FAFAFA00
  • diffEditor.removedLineBackground#FFC4C431
  • diffEditor.removedTextBackground#FEC4C4fb
  • diffEditor.removedTextBorder#FAFAFA00
  • diffEditor.unchangedCodeBackground#DEDDDEfe
  • diffEditor.unchangedRegionBackground#DEDDDEfe
  • diffEditor.unchangedRegionForeground#363636ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#8E088E65
  • dropdown.background#F2F2F2fe
  • dropdown.border#F2F2F2fe
  • dropdown.foreground#363636ce
  • dropdown.listBackground#F2F2F2fe
  • editor.background#DEDDDEfe
  • editor.findMatchBackground#B1B3B6ac
  • editor.findMatchBorder#F2F2F2fe
  • editor.findMatchHighlightBackground#9E9B97a7
  • editor.findMatchHighlightBorder#F2F2F2fe
  • editor.findRangeHighlightBackground#A7A4AAae
  • editor.findRangeHighlightBorder#F2F2F2fe
  • editor.focusedStackFrameHighlightBackground#BABCBE89
  • editor.foldBackground#345645aa
  • editor.foreground#363636ce
  • editor.hoverHighlightBackground#AFADB2a5
  • editor.inactiveSelectionBackground#C9C8C995
  • editor.inlineValuesBackground#DEDDDEfe
  • editor.inlineValuesForeground#363636ce
  • editor.lineHighlightBackground#C5C3C5b2
  • editor.lineHighlightBorder#FAFAFA00
  • editor.linkedEditingBackground#DEDDDEfe
  • editor.rangeHighlightBackground#93969Aa2
  • editor.rangeHighlightBorder#F2F2F2fe
  • editor.selectionBackground#C8C7CAa9
  • editor.selectionForeground#293745ca
  • editor.selectionHighlightBackground#A8AEAB84
  • editor.selectionHighlightBorder#F2F2F2fe
  • editor.snippetFinalTabstopHighlightBackground#B5BAB8ab
  • editor.snippetFinalTabstopHighlightBorder#F2F2F2fe
  • editor.snippetTabstopHighlightBackground#A6A3A0ae
  • editor.snippetTabstopHighlightBorder#F2F2F2fe
  • editor.stackFrameHighlightBackground#989598a1
  • editor.symbolHighlightBackground#9A9396a5
  • editor.symbolHighlightBorder#F2F2F2fe
  • editor.wordHighlightBackground#9FA29Ba3
  • editor.wordHighlightBorder#FAFAFA00
  • editor.wordHighlightStrongBackground#AEABA8a8
  • editor.wordHighlightStrongBorder#FAFAFA00
  • editor.wordHighlightTextBackground#B5B2B5ad
  • editor.wordHighlightTextBorder#F6F6F600
  • editorBracketHighlight.foreground1#0E0E0Ece
  • editorBracketHighlight.foreground2#0E0E0Ece
  • editorBracketHighlight.foreground3#0E0E0Ece
  • editorBracketHighlight.foreground4#0E0E0Ece
  • editorBracketHighlight.foreground5#0E0E0Ece
  • editorBracketHighlight.foreground6#0E0E0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#363636ce
  • editorBracketMatch.background#6235A5a8
  • editorBracketMatch.border#F2F2F2fe
  • editorBracketPairGuide.activeBackground1#41533587
  • editorBracketPairGuide.activeBackground2#574B6084
  • editorBracketPairGuide.activeBackground3#3655428b
  • editorBracketPairGuide.activeBackground4#3456458d
  • editorBracketPairGuide.activeBackground5#34564584
  • editorBracketPairGuide.activeBackground6#613D9088
  • editorBracketPairGuide.background1#D1D3D2fe
  • editorBracketPairGuide.background2#D2D3D4fe
  • editorBracketPairGuide.background3#D5D2D3fe
  • editorBracketPairGuide.background4#D4D2D1fe
  • editorBracketPairGuide.background5#D5D1D3fe
  • editorBracketPairGuide.background6#D5D4D2fe
  • editorCodeLens.foreground#8A188A6e
  • editorCommentsWidget.rangeActiveBackground#654465fe
  • editorCommentsWidget.rangeBackground#DEDDDEfe
  • editorCommentsWidget.resolvedBorder#F2F2F2fe
  • editorCommentsWidget.unresolvedBorder#FFC4C4cb
  • editorCursor.background#DEDDDEfe
  • editorCursor.foreground#79792Afe
  • editorError.background#FAFAFA00
  • editorError.border#FAFAFA00
  • editorError.foreground#8F008Fce
  • editorGhostText.background#DEDDDEfe
  • editorGhostText.border#FAFAFA00
  • editorGhostText.foreground#8A188A6e
  • editorGroup.border#F2F2F2fe
  • editorGroup.dropBackground#DEDDDEfe
  • editorGroup.dropIntoPromptBackground#DEDDDEfe
  • editorGroup.dropIntoPromptBorder#F2F2F2fe
  • editorGroup.dropIntoPromptForeground#363636ce
  • editorGroup.emptyBackground#DEDDDEfe
  • editorGroup.focusedEmptyBorder#F2F2F2fe
  • editorGroupHeader.border#FAFAFA00
  • editorGroupHeader.noTabsBackground#EEEEEEae
  • editorGroupHeader.tabsBackground#DAD8DAa1
  • editorGroupHeader.tabsBorder#FAFAFA00
  • editorGutter.addedBackground#1A5B1Dfb
  • editorGutter.background#DEDDDEfe
  • editorGutter.commentGlyphForeground#363636ce
  • editorGutter.commentRangeForeground#363636ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A30000cb
  • editorGutter.foldingControlForeground#363636ce
  • editorGutter.modifiedBackground#5E4E00ce
  • editorHint.border#FAFAFA00
  • editorHint.foreground#3C00FAce
  • editorHoverWidget.background#F2F2F2fe
  • editorHoverWidget.border#F2F2F2fe
  • editorHoverWidget.foreground#363636ce
  • editorHoverWidget.highlightForeground#1E3851ca
  • editorHoverWidget.statusBarBackground#DEDDDEfe
  • editorIndentGuide.activeBackground1#404004fe
  • editorIndentGuide.activeBackground2#404013fe
  • editorIndentGuide.activeBackground3#404016fe
  • editorIndentGuide.activeBackground4#414112fe
  • editorIndentGuide.activeBackground5#404016fe
  • editorIndentGuide.activeBackground6#404013fe
  • editorIndentGuide.background1#45474A35
  • editorIndentGuide.background2#45474A35
  • editorIndentGuide.background3#555B5835
  • editorIndentGuide.background4#6C656935
  • editorIndentGuide.background5#696C6535
  • editorIndentGuide.background6#5C5F5935
  • editorInfo.background#FAFAFA00
  • editorInfo.border#FAFAFA00
  • editorInfo.foreground#3C00FAce
  • editorInlayHint.background#DEDDDEfe
  • editorInlayHint.foreground#363636ce
  • editorInlayHint.parameterBackground#DEDDDEfe
  • editorInlayHint.parameterForeground#363636ce
  • editorInlayHint.typeBackground#DEDDDEfe
  • editorInlayHint.typeForeground#363636ce
  • editorLightBulb.foreground#5E4E00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#818112fe
  • editorLineNumber.dimmedForeground#8C0C8C6e
  • editorLineNumber.foreground#8A188A6e
  • editorLink.activeForeground#82820Ffe
  • editorMarkerNavigation.background#F2F2F2fe
  • editorMarkerNavigationError.background#FFBDFFaf
  • editorMarkerNavigationError.headerBackground#FFBDFFc0
  • editorMarkerNavigationInfo.background#CFCFFEfe
  • editorMarkerNavigationInfo.headerBackground#CFCFFEfe
  • editorMarkerNavigationWarning.background#FCD000fe
  • editorMarkerNavigationWarning.headerBackground#FCD000fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#DEDDDEfe
  • editorOverviewRuler.border#D4D2D4fe
  • editorOverviewRuler.bracketMatchForeground#363636ce
  • editorOverviewRuler.commentForeground#8A188A6e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#363636ce
  • editorOverviewRuler.currentContentForeground#4E4E4Ec7
  • editorOverviewRuler.deletedForeground#A30000cb
  • editorOverviewRuler.errorForeground#8F008Fce
  • editorOverviewRuler.findMatchForeground#005959ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00FAce
  • editorOverviewRuler.modifiedForeground#5E4E00ce
  • editorOverviewRuler.rangeHighlightForeground#24384Cca
  • editorOverviewRuler.selectionHighlightForeground#3C00FAce
  • editorOverviewRuler.warningForeground#5E4E00ce
  • editorOverviewRuler.wordHighlightForeground#043F21ca
  • editorOverviewRuler.wordHighlightStrongForeground#363636ce
  • editorOverviewRuler.wordHighlightTextForeground#363636ce
  • editorPane.background#DEDDDEfe
  • editorRuler.foreground#68416821
  • editorStickyScroll.background#DEDDDEfe
  • editorStickyScrollHover.background#D3D2D36e
  • editorSuggestWidget.background#F2F2F2fe
  • editorSuggestWidget.border#FAFAFA00
  • editorSuggestWidget.focusHighlightForeground#323E55fe
  • editorSuggestWidget.foreground#163D29fe
  • editorSuggestWidget.highlightForeground#512551ca
  • editorSuggestWidget.selectedBackground#9A969383
  • editorSuggestWidget.selectedForeground#2D3741ca
  • editorSuggestWidget.selectedIconForeground#402E53ca
  • editorSuggestWidgetStatus.foreground#413F3Dfe
  • editorUnicodeHighlight.background#AFB2ADa8
  • editorUnicodeHighlight.border#F2F2F2fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F6F6F600
  • editorWarning.border#F6F6F600
  • editorWarning.foreground#5E4E00ce
  • editorWhitespace.foreground#363636ce
  • editorWidget.background#F2F2F2fe
  • editorWidget.border#F2F2F2fe
  • editorWidget.foreground#363636ce
  • editorWidget.resizeBorder#F2F2F2fe
  • errorForeground#8F008Fce
  • extensionBadge.remoteBackground#828213fe
  • extensionBadge.remoteForeground#EEEEEEfe
  • extensionButton.background#D4D2D4ae
  • extensionButton.foreground#363636ce
  • extensionButton.hoverBackground#D3D2D36e
  • extensionButton.prominentBackground#DEDDDEfe
  • extensionButton.prominentForeground#363636ce
  • extensionButton.prominentHoverBackground#DEDDDEfe
  • extensionButton.separator#FAFAFA00
  • extensionIcon.preReleaseForeground#413241fe
  • extensionIcon.sponsorForeground#413241fe
  • extensionIcon.starForeground#0D3E25fe
  • extensionIcon.verifiedForeground#373538fe
  • focusBorder#FAFAFA00
  • foreground#363636ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A30000cb
  • gitDecoration.modifiedResourceForeground#5E4E00ce
  • gitDecoration.renamedResourceForeground#3C00FAce
  • gitDecoration.stageDeletedResourceForeground#A30000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005959ce
  • icon.foreground#763576ae
  • inlineChat.background#D3D2D3ca
  • inlineChat.border#D2D4D5ca
  • inlineChat.regionHighlight#1D1E1Fca
  • inlineChat.shadow#181A19ca
  • inlineChatDiff.inserted#1D1E1Fca
  • inlineChatDiff.removed#1F1E1Dca
  • inlineChatInput.background#1D1E1Fca
  • inlineChatInput.border#D2D3D5ca
  • inlineChatInput.focusBorder#FAFAFA00
  • inlineChatInput.placeholderForeground#4A1D76ca
  • input.background#F2F2F2fe
  • input.border#F2F2F2fe
  • input.foreground#363636ce
  • input.placeholderForeground#4D4A4D65
  • inputOption.activeBackground#F2F2F2fe
  • inputOption.activeBorder#F2F2F2fe
  • inputOption.activeForeground#828214fe
  • inputOption.hoverBackground#F2F2F2fe
  • inputValidation.errorBackground#670067a4
  • inputValidation.errorBorder#FFBDFFaa
  • inputValidation.errorForeground#8F008Fce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F2F2F2fe
  • inputValidation.infoForeground#363636ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F2F2F2fe
  • inputValidation.warningForeground#5E4E00ce
  • interactive.activeCodeBorder#F2F2F2fe
  • interactive.inactiveCodeBorder#D4D2D49a
  • keybindingLabel.background#DEDDDEfe
  • keybindingLabel.border#F2F2F2fe
  • keybindingLabel.bottomBorder#F2F2F2fe
  • keybindingLabel.foreground#363636ce
  • keybindingTable.headerBackground#DEDDDEfe
  • keybindingTable.rowsBackground#DEDDDEfe
  • list.activeSelectionBackground#AAA7A486
  • list.activeSelectionForeground#3E352Dca
  • list.activeSelectionIconForeground#163D29ca
  • list.deemphasizedForeground#363636ce
  • list.dropBackground#DEDDDEfe
  • list.errorForeground#8F008Fce
  • list.filterMatchBackground#DEDDDEfe
  • list.filterMatchBorder#F2F2F2fe
  • list.focusAndSelectionOutline#FAFAFA00
  • list.focusBackground#C9C8C996
  • list.focusForeground#82820Dfe
  • list.focusHighlightForeground#473B35fe
  • list.focusOutline#FAFAFA00
  • list.highlightForeground#2D3A20ca
  • list.hoverBackground#D2D2D4ac
  • list.hoverForeground#828214fe
  • list.inactiveFocusBackground#CDCCCD91
  • list.inactiveFocusOutline#FAFAFA00
  • list.inactiveSelectionBackground#EEEEEEae
  • list.inactiveSelectionForeground#45424565
  • list.inactiveSelectionIconForeground#403E4065
  • list.invalidItemForeground#363636ce
  • list.warningForeground#5E4E00ce
  • listFilterWidget.background#DEDDDEfe
  • listFilterWidget.noMatchesOutline#FAFAFA00
  • listFilterWidget.outline#FAFAFA00
  • listFilterWidget.shadow#F6F6F600
  • menu.background#EEEEEEfe
  • menu.border#FAFAFA00
  • menu.foreground#5E125Eae
  • menu.selectionBackground#CCCBCEa8
  • menu.selectionBorder#FAFAFA00
  • menu.selectionForeground#828211fe
  • menu.separatorBackground#D4D2D465
  • menubar.selectionBackground#CCCBCEaa
  • menubar.selectionBorder#FAFAFA00
  • menubar.selectionForeground#818112fe
  • merge.border#F2F2F2fe
  • merge.commonContentBackground#DEDDDEfe
  • merge.commonHeaderBackground#DEDDDEfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B2DEB5fb
  • merge.incomingContentBackground#B2DEB4cb
  • merge.incomingHeaderBackground#B2DEB5fb
  • mergeEditor.change.background#DEDDDEfe
  • mergeEditor.change.word.background#DEDDDEfe
  • mergeEditor.changeBase.background#DEDDDEfe
  • mergeEditor.changeBase.word.background#DEDDDEfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F2F2F2fe
  • mergeEditor.conflict.handledUnfocused.border#D4D2D430
  • mergeEditor.conflict.input1.background#F2F2F2fe
  • mergeEditor.conflict.input2.background#F2F2F2fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a2
  • mergeEditor.conflict.unhandledFocused.border#F2F2F2fe
  • mergeEditor.conflict.unhandledUnfocused.border#D6D4D630
  • mergeEditor.conflictingLines.background#DEDDDEfe
  • minimap.background#DEDDDEfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0E0E0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5B1Dfb
  • minimapGutter.deletedBackground#A40000fb
  • minimapGutter.modifiedBackground#5E4E00ce
  • minimapSlider.activeBackground#807C80fe
  • minimapSlider.background#B1AEB1ae
  • minimapSlider.hoverBackground#A09DA06e
  • notebook.cellBorderColor#F2F2F2fe
  • notebook.cellEditorBackground#DEDDDEfe
  • notebook.cellHoverBackground#DEDDDEfe
  • notebook.cellInsertionIndicator#292A2Bca
  • notebook.cellStatusBarItemHoverBackground#DEDDDEfe
  • notebook.cellToolbarSeparator#272625ca
  • notebook.editorBackground#DEDDDEfe
  • notebook.focusedCellBackground#DEDDDEfe
  • notebook.focusedCellBorder#828215fe
  • notebook.focusedEditorBorder#F2F2F2fe
  • notebook.inactiveFocusedCellBorder#8480848e
  • notebook.inactiveSelectedCellBorder#807C808e
  • notebook.outputContainerBackgroundColor#DEDDDEfe
  • notebook.outputContainerBorderColor#F2F2F2fe
  • notebook.selectedCellBackground#DEDDDEfe
  • notebook.selectedCellBorder#F2F2F2fe
  • notebook.symbolHighlightBackground#DEDDDEfe
  • notebookEditorOverviewRuler.runningCellForeground#363636ce
  • notebookScrollbarSlider.activeBackground#8C888Cfe
  • notebookScrollbarSlider.background#B9B7B9ae
  • notebookScrollbarSlider.hoverBackground#9C999C6e
  • notebookStatusErrorIcon.foreground#8F008Fce
  • notebookStatusRunningIcon.foreground#3E352Dfe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F2F2F2fe
  • notificationCenterHeader.background#DEDDDEfe
  • notificationCenterHeader.foreground#363636ce
  • notificationLink.foreground#363636ce
  • notifications.background#DEDDDEfe
  • notifications.border#F2F2F2fe
  • notifications.foreground#363636ce
  • notificationsErrorIcon.foreground#8F008Fce
  • notificationsInfoIcon.foreground#393B3Dfe
  • notificationsWarningIcon.foreground#5E4E00ce
  • notificationToast.border#F2F2F2fe
  • panel.background#DEDDDEfe
  • panel.border#F2F2F2fe
  • panel.dropBorder#F2F2F2fe
  • panelInput.border#F2F2F2fe
  • panelSection.border#F2F2F2fe
  • panelSection.dropBackground#DEDDDEfe
  • panelSectionHeader.background#DEDDDEfe
  • panelSectionHeader.border#F2F2F2fe
  • panelSectionHeader.foreground#363636ce
  • panelTitle.activeBorder#FAFAFA00
  • panelTitle.activeForeground#414112fe
  • panelTitle.inactiveForeground#45424565
  • peekView.border#404003fe
  • peekViewEditor.background#F2F2F2fe
  • peekViewEditor.matchHighlightBackground#ADAFB288
  • peekViewEditor.matchHighlightBorder#FAFAFA00
  • peekViewEditorGutter.background#F2F2F2fe
  • peekViewEditorStickyScroll.background#DEDDDEfe
  • peekViewResult.background#EEEEEEfe
  • peekViewResult.fileForeground#363636ce
  • peekViewResult.lineForeground#363636ce
  • peekViewResult.matchHighlightBackground#ABA8AE8d
  • peekViewResult.selectionBackground#ABA8AE85
  • peekViewResult.selectionForeground#213D06ca
  • peekViewTitle.background#EEEEEEfe
  • peekViewTitleDescription.foreground#363636ce
  • peekViewTitleLabel.foreground#363636ce
  • pickerGroup.border#F2F2F2fe
  • pickerGroup.foreground#363636ce
  • ports.iconRunningProcessForeground#640164fe
  • problemsErrorIcon.foreground#8F008Fce
  • problemsInfoIcon.foreground#3C00FAce
  • problemsWarningIcon.foreground#5E4E00ce
  • profileBadge.background#828211fe
  • profileBadge.foreground#EEEEEEfe
  • progressBar.background#DEDDDEfe
  • quickInput.background#EEEEEEfe
  • quickInput.foreground#5E145Eae
  • quickInputList.focusBackground#AAA4A7ae
  • quickInputList.focusForeground#828211fe
  • quickInputList.focusIconForeground#828211fe
  • quickInputTitle.background#F2F2F2fe
  • sash.hoverBorder#F2F2F2fe
  • scrollbar.shadow#FAFAFA00
  • scrollbarSlider.activeBackground#888488fe
  • scrollbarSlider.background#B5B2B5ae
  • scrollbarSlider.hoverBackground#A09DA06e
  • search.resultsInfoForeground#363636ce
  • searchEditor.findMatchBackground#BCBEBAa4
  • searchEditor.findMatchBorder#F2F2F2fe
  • searchEditor.textInputBorder#F2F2F2fe
  • selection.background#DEDDDEfe
  • settings.checkboxBackground#F2F2F2fe
  • settings.checkboxBorder#F2F2F2fe
  • settings.checkboxForeground#363636ce
  • settings.dropdownBackground#F2F2F2fe
  • settings.dropdownBorder#F2F2F2fe
  • settings.dropdownForeground#363636ce
  • settings.dropdownListBorder#F2F2F2fe
  • settings.focusedRowBackground#A3A6A088
  • settings.focusedRowBorder#F2F2F2fe
  • settings.headerBorder#F2F2F2fe
  • settings.headerForeground#363636ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F2F2F2fe
  • settings.numberInputBorder#F2F2F2fe
  • settings.numberInputForeground#363636ce
  • settings.rowHoverBackground#DEDDDEfe
  • settings.sashBorder#F2F2F2fe
  • settings.settingsHeaderHoverForeground#81812Bfe
  • settings.textInputBackground#F2F2F2fe
  • settings.textInputBorder#F2F2F2fe
  • settings.textInputForeground#363636ce
  • sideBar.background#DEDDDEfe
  • sideBar.border#F2F2F2fe
  • sideBar.dropBackground#DEDDDEfe
  • sideBar.foreground#763576ae
  • sideBarSectionHeader.background#FAFAFA00
  • sideBarSectionHeader.border#F2F2F2fe
  • sideBarSectionHeader.foreground#363636ce
  • sideBarTitle.foreground#363636ce
  • sideBySideEditor.horizontalBorder#F2F2F2fe
  • sideBySideEditor.verticalBorder#F2F2F2fe
  • simpleFindWidget.sashBorder#F2F2F2fe
  • statusBar.background#EEEEEEfe
  • statusBar.border#F2F2F2fe
  • statusBar.debuggingBackground#FFBDFFa2
  • statusBar.debuggingBorder#F2F2F2fe
  • statusBar.debuggingForeground#363636ce
  • statusBar.focusBorder#FAFAFA00
  • statusBar.foreground#8C108C6e
  • statusBar.noFolderBackground#EEEEEEfe
  • statusBar.noFolderBorder#F2F2F2fe
  • statusBar.noFolderForeground#363636ce
  • statusBarItem.activeBackground#EEEEEEfe
  • statusBarItem.compactHoverBackground#EEEEEEfe
  • statusBarItem.errorBackground#FFBDFFc3
  • statusBarItem.errorForeground#8F008Fce
  • statusBarItem.errorHoverBackground#FFBDFFb5
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFA00
  • statusBarItem.hoverBackground#EEEEEEfe
  • statusBarItem.hoverForeground#82820Ffe
  • statusBarItem.offlineBackground#EEEEEEfe
  • statusBarItem.offlineForeground#363636ce
  • statusBarItem.offlineHoverBackground#EEEEEEfe
  • statusBarItem.offlineHoverForeground#82820Ffe
  • statusBarItem.prominentBackground#EEEEEEfe
  • statusBarItem.prominentForeground#363636ce
  • statusBarItem.prominentHoverBackground#EEEEEEfe
  • statusBarItem.prominentHoverForeground#79792Afe
  • statusBarItem.remoteBackground#81812Bfe
  • statusBarItem.remoteForeground#EEEEEEfe
  • statusBarItem.remoteHoverBackground#EEEEEEfe
  • statusBarItem.remoteHoverForeground#82820Dfe
  • statusBarItem.warningBackground#FCD000fe
  • statusBarItem.warningForeground#5E4E00ce
  • statusBarItem.warningHoverBackground#FCD000fe
  • statusBarItem.warningHoverForeground#957B00ce
  • symbolIcon.arrayForeground#153759fe
  • symbolIcon.booleanForeground#005959ce
  • symbolIcon.classForeground#2B3930fe
  • symbolIcon.colorForeground#2A3A22fe
  • symbolIcon.constantForeground#3B3D39fe
  • symbolIcon.constructorForeground#402E53fe
  • symbolIcon.enumeratorForeground#383638fe
  • symbolIcon.enumeratorMemberForeground#203B2Efe
  • symbolIcon.eventForeground#3D413Ffe
  • symbolIcon.fieldForeground#253C0Ffe
  • symbolIcon.fileForeground#153759fe
  • symbolIcon.folderForeground#423325fe
  • symbolIcon.functionForeground#3A324Cfe
  • symbolIcon.interfaceForeground#3D3B39fe
  • symbolIcon.keyForeground#293B18fe
  • symbolIcon.keywordForeground#4A1D76fe
  • symbolIcon.methodForeground#3D3336fe
  • symbolIcon.moduleForeground#353837fe
  • symbolIcon.namespaceForeground#33363Bfe
  • symbolIcon.nullForeground#3C3A3Cfe
  • symbolIcon.numberForeground#4B2A4Bfe
  • symbolIcon.objectForeground#5F2305fe
  • symbolIcon.operatorForeground#402E53fe
  • symbolIcon.packageForeground#1A3C2Bfe
  • symbolIcon.propertyForeground#4A1D76fe
  • symbolIcon.referenceForeground#33363Bfe
  • symbolIcon.snippetForeground#2D3741fe
  • symbolIcon.stringForeground#1A3C2Bfe
  • symbolIcon.structForeground#69113Dfe
  • symbolIcon.textForeground#591D59fe
  • symbolIcon.typeParameterForeground#640164fe
  • symbolIcon.unitForeground#30382Cfe
  • symbolIcon.variableForeground#4C1088fe
  • tab.activeBackground#EAE9EAfe
  • tab.activeBorder#FAFAFA00
  • tab.activeBorderTop#404016fe
  • tab.activeForeground#48481Ffe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFA00
  • tab.hoverBackground#5A408Fa8
  • tab.hoverBorder#F2F2F2fe
  • tab.hoverForeground#828213fe
  • tab.inactiveBackground#D3D2D39d
  • tab.inactiveForeground#403E4065
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F2F2F2fe
  • tab.unfocusedActiveBackground#D2D0D23e
  • tab.unfocusedActiveBorder#FAFAFA00
  • tab.unfocusedActiveBorderTop#D3D2D365
  • tab.unfocusedActiveForeground#514F5165
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#67426737
  • tab.unfocusedHoverBorder#D6D4D63c
  • tab.unfocusedHoverForeground#49464965
  • tab.unfocusedInactiveBackground#C9C8C999
  • tab.unfocusedInactiveForeground#45424565
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a4
  • 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#670067a4
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec4
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DEDDDEfe
  • terminal.border#F2F2F2fe
  • terminal.dropBackground#DEDDDEfe
  • terminal.findMatchBackground#DEDDDEfe
  • terminal.findMatchBorder#F2F2F2fe
  • terminal.findMatchHighlightBackground#DEDDDEfe
  • terminal.findMatchHighlightBorder#F2F2F2fe
  • terminal.foreground#763576ae
  • terminal.hoverHighlightBackground#DEDDDEfe
  • terminal.inactiveSelectionBackground#C1BFC193
  • terminal.selectionBackground#BEBCBA85
  • terminal.selectionForeground#203B2Eca
  • terminal.tab.activeBorder#41411Dfe
  • terminalCommandDecoration.defaultBackground#385446a5
  • terminalCommandDecoration.errorBackground#A30000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#DEDDDEfe
  • terminalCursor.foreground#828215fe
  • terminalOverviewRuler.cursorForeground#363636ce
  • terminalOverviewRuler.findMatchForeground#005959ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c8
  • testing.iconUnset#808080c9
  • testing.message.error.decorationForeground#525216fe
  • testing.message.error.lineBackground#FFBDFFc5
  • testing.message.info.decorationForeground#525216fe
  • testing.message.info.lineBackground#CFCFFEfe
  • testing.peekBorder#F2F2F2fe
  • testing.peekHeaderBackground#DEDDDEfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DEDDDEfe
  • textBlockQuote.border#F2F2F2fe
  • textCodeBlock.background#DEDDDEfe
  • textLink.activeForeground#818112fe
  • textLink.foreground#3C00FAce
  • textPreformat.foreground#363636ce
  • textSeparator.foreground#363636ce
  • titleBar.activeBackground#EEEEEEfe
  • titleBar.activeForeground#3E3E3Eae
  • titleBar.border#F6F6F600
  • titleBar.inactiveBackground#D4D2D4d6
  • titleBar.inactiveForeground#45424565
  • toolbar.activeBackground#D5D2D487
  • toolbar.hoverBackground#DEDDDEfe
  • toolbar.hoverOutline#FAFAFA00
  • tree.inactiveIndentGuidesStroke#4D525035
  • tree.indentGuidesStroke#525213fe
  • tree.tableColumnsBorder#F2F2F2fe
  • tree.tableOddRowsBackground#DEDDDEfe
  • walkThrough.embeddedEditorBackground#DEDDDEfe
  • walkthrough.stepTitle.foreground#363636ce
  • welcomePage.background#DEDDDEfe
  • welcomePage.progress.background#DEDDDEfe
  • welcomePage.progress.foreground#363636ce
  • welcomePage.tileBackground#DEDDDEfe
  • welcomePage.tileBorder#F2F2F2fe
  • welcomePage.tileHoverBackground#DEDDDEfe
  • widget.border#F2F2F2fe
  • widget.shadow#FAFAFA00
  • window.activeBorder#F2F2F2fe
  • window.inactiveBorder#D2D2D29c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#4F154F6e
comment.block.html#2F2F2F6e
comment.block.java#4F154F6e
comment.block.javadoc.java#4F154F6e
comment.block.powershell#4F154F6e
comment.block.xml#4F174F6e
comment.line.double-slash.c#4F174F6e
comment.line.double-slash.cpp#4F154F6e
comment.line.double-slash.java#4F174F6e
comment.line.double-slash.js#4F174F6e
comment.line.number-sign.makefile#2F2F2F6e
comment.line.number-sign.python#4F154F6e
comment.line.number-sign.yaml#2F2F2F6e
comment.line.percentage.erlang#4F154F6e
comment.line.powershell#4F154F6e
comment.source.cmake#4F154F6e
comment.source.cmakecache#2F2F2F6e
constant.character#063704de
constant.character.character-class.regexp#20411Dde
constant.character.escape#4F201Dde
constant.character.set.regexp#123712de
constant.language#5D0342de
constant.numeric#48480Dde
constant.numeric.dec.python#722E29de
constant.other.caps.python#48480Dde
constant.other.character-class.regexp#0E4F3Bde
constant.other.character-class.set.regexp#263D63de
constant.other.color.rgb-value#4C1E3Ede
constant.other.placeholder#590F3Dde
constant.other.rgb-value#133429de
constant.regexp#153712de
constant.sha.git-rebase#5C244Bde
emphasis#39235Dde
entity.name.class#6A2756de
entity.name.function#4F201Dde
entity.name.function.preprocessor#632650de
entity.name.function.python#152D5Ade
entity.name.label#1B3A31de
entity.name.namespace#0C4F3Bde
entity.name.operator#11510Bde
entity.name.operator.custom-literal#1D2F4Bde
entity.name.scope-resolution#0A4F39de
entity.name.tag#033627de
entity.name.tag.css#19342Cde
entity.name.type#3D2663debold
entity.name.variable#182E52de
entity.other.attribute#153513de
entity.other.attribute-name#0E4F3Bde
entity.other.attribute-name.class.css#0E3528de
entity.other.attribute-name.class.mixin.css#1E2F4Ade
entity.other.attribute-name.id#0F4F3Bde
entity.other.attribute-name.id.css#580E40de
entity.other.attribute-name.parent-selector.css#48480Cde
entity.other.attribute-name.pseudo-class.css#22481Fde
entity.other.attribute-name.pseudo-element.css#0E4F3Bde
entity.other.attribute-name.scss#39235Dde
entity.other.document.begin.yaml#4F154F6e
entity.other.inherited-class#303013de
header#303013de
invalid#54153Ede
keyword#722E29debold
keyword.codetag.notation.python#152D5Adebold
keyword.control#370D84debold
keyword.control.anchor.regexp#233655debold
keyword.control.import.python#632B26debold
keyword.operator#632B26debold
keyword.operator.alignas#5C244Bdebold
keyword.operator.alignof#4E2421debold
keyword.operator.cast#182E52debold
keyword.operator.delete#263D63debold
keyword.operator.documentation.powershell#2F2F2F6ebold
keyword.operator.expression#1B3419debold
keyword.operator.instanceof#370D84debold
keyword.operator.logical.python#1F2F48debold
keyword.operator.minus.exponent#5C2924debold
keyword.operator.negation.regexp#11510Bdebold
keyword.operator.new#3A245Cdebold
keyword.operator.noexcept#38038Bdebold
keyword.operator.or.regexp#30300Bdebold
keyword.operator.plus.exponent#30300Bdebold
keyword.operator.quantifier.regexp#0F2D5Edebold
keyword.operator.sizeof#5F0E07debold
keyword.operator.typeid#1B3A31debold
keyword.operator.wordlike#48480Ddebold
keyword.other.operator#19342Cdebold
keyword.other.package.java#155010debold
keyword.other.unit#0F2D5Edebold
keyword.other.using#294572debold
markup.bold#303013de
markup.changed#1F2F48de
markup.deleted#3A3A1Bde
markup.fenced_code.block.markdown#053625de
markup.heading#0F2D5Dde
markup.inline.raw#303013de
markup.inserted#41411Dde
markup.italic#1B2F4Fde
markup.raw.block.markdown#0F4F3Bde
markup.strikethrough#182E52de
markup.underline#12342Ade
meta.block.c#0E4F3Bde
meta.block.c#452972de
meta.class.java#722E29de
meta.definition.variable.name#41411Dde
meta.diff.header#22481Fde
meta.embedded#392061de
meta.embedded.assembly#22481Fde
meta.function-call.arguments.python#370D84de
meta.function-call.python#133429de
meta.member.access.python#21324Ede
meta.method.java#39235Dde
meta.object-literal.key#552723de
meta.paragraph.markdown#4E1B3Fde
meta.preprocessor#4C221Ede
meta.preprocessor.numeric#392061de
meta.preprocessor.string#10360Dde
meta.scope.prerequisites.makefile#20411Dde
meta.structure.dictionary.json.comments#4F174F6e
meta.structure.dictionary.key.python#580F41de
meta.structure.dictionary.value.json.comments#2F2F2F6e
meta.template.expression#4E2421de
meta.type.cast.expr#484809debold
meta.type.new.expr#392061debold
parameter#4E2140de
punctuation.character.set.begin.regexp#182E52de
punctuation.character.set.end.regexp#484809de
punctuation.definition.array.begin.json#104F3Dde
punctuation.definition.character-class.regexp#0F2D5Ede
punctuation.definition.comment#4F174F6e
punctuation.definition.comment.json.comments#2F2F2F6e
punctuation.definition.comment.python#4F174F6e
punctuation.definition.dictionary.begin.json#032C69de
punctuation.definition.dictionary.end.json#153513de
punctuation.definition.group.assertion.regexp#4E2421de
punctuation.definition.group.regexp#1B3419de
punctuation.definition.list.begin.json#20411Dde
punctuation.definition.list.begin.markdown#1B2F4Fde
punctuation.definition.list.begin.python#5C2924de
punctuation.definition.list.end.json#484810de
punctuation.definition.list.end.markdown#294572de
punctuation.definition.list.end.python#1E2F4Ade
punctuation.definition.parameters.begin.python#3A3A1Bde
punctuation.definition.parameters.end.bracket.round.java#153513de
punctuation.definition.quote.begin.markdown#1B3A31de
punctuation.definition.tag#0C4F3Bde
punctuation.definition.template-expression.begin#0E3528de
punctuation.definition.template-expression.end#600C03de
punctuation.section.class.begin.bracket.curly.java#12342Ade
punctuation.section.embedded#3A1479de
punctuation.section.embedded.begin.php#1D4136de
punctuation.section.embedded.end.php#0F2D5Dde
punctuation.terminator.java#5B1410de
source.cmake#4E2140de
source.coffee.embedded#294572de
source.cpp#3A3A1Bde
source.css.less#552346de
source.groovy.embedded#580F41de
source.java#4D1D3Fde
source.java-properties#4F201Dde
source.json.comments#4F174F6e
source.makefile#153712de
source.powershell#580E40de
source.powershell.variable.other.member#13510Dde
source.python#313100de
storage#233655de
storage.modifier#124F3Cde
storage.modifier.import.java#313100de
storage.modifier.package.java#531D18de
storage.type#1D3A1Bdebold
storage.type.annotation.groovy#12342Adebold
storage.type.annotation.java#3A245Cdebold
storage.type.boolean.go#590F3Ddebold
storage.type.byte.go#4C1E3Edebold
storage.type.cs#54153Edebold
storage.type.error.go#343419debold
storage.type.generic.cs#30300Bdebold
storage.type.generic.groovy#580E40debold
storage.type.generic.java#153513debold
storage.type.groovy#590F3Ddebold
storage.type.java#303013debold
storage.type.modifier.cs#063704debold
storage.type.numeric.go#38018Cdebold
storage.type.object.array.groovy#41411Ddebold
storage.type.object.array.java#6A2756debold
storage.type.parameters.groovy#4C1E3Edebold
storage.type.primitive.array.groovy#4C221Edebold
storage.type.primitive.array.java#39235Ddebold
storage.type.primitive.groovy#233655debold
storage.type.primitive.java#133429debold
storage.type.rune.go#632B26debold
storage.type.string.go#4D1D3Fdebold
storage.type.token.java#22481Fdebold
storage.type.uintptr.go#3A215Fdebold
storage.type.variable.cs#1D2F4Bdebold
string#10360Dde
string.quoted.docstring.multi.python#4F174F6e
string.regexp#313100de
string.tag#0F2D5Ede
string.value#063704de
strong#153513de
support.class#3A215Fde
support.constant.color#20411Dde
support.constant.dom#552346de
support.constant.font-name#153513de
support.constant.handlebars#3A215Fde
support.constant.json#155010de
support.constant.math#4E2140de
support.constant.media#37038Dde
support.constant.media-type#5C244Bdebold
support.constant.property-value#0A4F39de
support.function#632650de
support.function.git-rebase#38018Cde
support.other.parenthesis.regexp#632650de
support.type#4E2140debold
support.type.property-name#0F4F3Bdebold
support.type.vendored.property-name#501F1Bdebold
support.variable#244E21de
token.debug-token#033627de
token.error-token#313100de
token.info-token#501F1Bde
token.warn-token#4F201Dde
variable#1D2F4Bde
variable.css#032C69de
variable.language#14510Fde
variable.language.wildcard.java#063704de
variable.other.constant#123712de
variable.other.definition.java#20411Dde
variable.other.enummember#581815de
variable.other.less#13510Dde
variable.other.object.java#0A4F39de
variable.other.object.property.java#5F0E07de
variable.parameter.c#6A2756de
variable.parameter.function.language.python#063704de
variable.parameter.java#5C2924de
variable.scss#22481Fde
viiv by B.W - VS Code Theme