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#E3DDD6fe
  • activityBar.activeBackground#E3DDD6fe
  • activityBar.activeBorder#234A4Efe
  • activityBar.activeFocusBorder#3E869E00
  • activityBar.background#F1EEEAfe
  • activityBar.border#3D8D5100
  • activityBar.dropBorder#174447fe
  • activityBar.foreground#234A4Efe
  • activityBar.inactiveForeground#4D3A2965
  • activityBarBadge.background#108B97fe
  • activityBarBadge.foreground#F1EEEAfe
  • badge.background#2E8087fe
  • badge.foreground#F1EEEAfe
  • banner.background#E3DDD6fe
  • banner.foreground#4E2F11ce
  • banner.iconForeground#2D3A1Afe
  • breadcrumb.activeSelectionForeground#303065ca
  • breadcrumb.background#EDE9E5fe
  • breadcrumb.focusForeground#2E8087fe
  • breadcrumb.foreground#4E3013ae
  • breadcrumbPicker.background#E3DDD6fe
  • button.background#BAAA99ae
  • button.border#F8F4F500
  • button.foreground#4E2F11ce
  • button.hoverBackground#B3A18F6e
  • button.secondaryBackground#E3DDD6fe
  • button.secondaryForeground#4E2F11ce
  • button.secondaryHoverBackground#E3DDD6fe
  • button.separator#F8F6F400
  • charts.blue#1b1bfffe
  • charts.foreground#4E2F11ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a4
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F4F2EFfe
  • chat.slashCommandBackground#E3DDD6fe
  • chat.slashCommandForeground#4E2F11ce
  • checkbox.background#F4F2EFfe
  • checkbox.border#F4F2EFfe
  • checkbox.foreground#4E2F11ce
  • checkbox.selectBackground#F4F2EFfe
  • checkbox.selectBorder#F4F2EFfe
  • commandCenter.activeBackground#D7CCDC8a
  • commandCenter.activeBorder#F4F2EFfe
  • commandCenter.activeForeground#138A95fe
  • commandCenter.background#E3DDD6fe
  • commandCenter.border#F4F2EFfe
  • commandCenter.foreground#4E2F11ce
  • commandCenter.inactiveBorder#D8CEC692
  • commandCenter.inactiveForeground#5B4C3E65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F4F4F800
  • contrastBorder#F6F8F400
  • debugConsole.errorForeground#900090ce
  • debugConsole.infoForeground#4E2F11ce
  • debugConsole.sourceForeground#4E2F11ce
  • debugConsole.warningForeground#5E4E00ce
  • debugConsoleInputIcon.foreground#4C2E38fe
  • debugExceptionWidget.background#FFB9FFc8
  • debugExceptionWidget.border#F4F2EFfe
  • debugIcon.breakpointCurrentStackframeForeground#083C43fe
  • debugIcon.breakpointDisabledForeground#5B4C3E65
  • debugIcon.breakpointForeground#143D42fe
  • debugIcon.breakpointStackframeForeground#432E4Cfe
  • debugIcon.breakpointUnverifiedForeground#6C0D2Cfe
  • debugIcon.continueForeground#572634fe
  • debugIcon.disconnectForeground#512A35fe
  • debugIcon.pauseForeground#631C30fe
  • debugIcon.restartForeground#2D3A1Afe
  • debugIcon.startForeground#6C0F2Bfe
  • debugIcon.stepBackForeground#56087Efe
  • debugIcon.stepIntoForeground#6C0D2Cfe
  • debugIcon.stepOutForeground#1C1CA3fe
  • debugIcon.stepOverForeground#2F2F6Bfe
  • debugIcon.stopForeground#463322fe
  • debugTokenExpression.boolean#161A11ca
  • debugTokenExpression.error#151F17ca
  • debugTokenExpression.name#1A1611ca
  • debugTokenExpression.number#14141Eca
  • debugTokenExpression.value#18241Aca
  • debugToolBar.background#FFB9FFc5
  • debugToolBar.border#F4F2EFfe
  • debugView.exceptionLabelBackground#D8CFC3ca
  • debugView.exceptionLabelForeground#143E1Eca
  • debugView.stateLabelBackground#DECED2ca
  • debugView.stateLabelForeground#541B6Bca
  • debugView.valueChangedHighlight#24181Bca
  • descriptionForeground#4E2F11ce
  • diffEditor.border#F8F6F400
  • diffEditor.diagonalFill#000000fb
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#AEDCB0fb
  • diffEditor.insertedTextBorder#F4F8F500
  • diffEditor.move.border#F4F4F800
  • diffEditor.moveActive.border#F7F4F800
  • diffEditor.removedLineBackground#FFC1C131
  • diffEditor.removedTextBackground#FEC1C1fb
  • diffEditor.removedTextBorder#F8F4F500
  • diffEditor.unchangedCodeBackground#E3DDD6fe
  • diffEditor.unchangedRegionBackground#E3DDD6fe
  • diffEditor.unchangedRegionForeground#4E2F11ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#4C403365
  • dropdown.background#F4F2EFfe
  • dropdown.border#F4F2EFfe
  • dropdown.foreground#4E2F11ce
  • dropdown.listBackground#F4F2EFfe
  • editor.background#E3DDD6fe
  • editor.findMatchBackground#A3A3C1aa
  • editor.findMatchBorder#F4F2EFfe
  • editor.findMatchHighlightBackground#8A8AB0a5
  • editor.findMatchHighlightBorder#F4F2EFfe
  • editor.findRangeHighlightBackground#B09D8Aac
  • editor.findRangeHighlightBorder#F4F2EFfe
  • editor.focusedStackFrameHighlightBackground#A3C1A989
  • editor.foldBackground#6E3983a3
  • editor.foreground#4E2F11ce
  • editor.hoverHighlightBackground#B5C1A3a2
  • editor.inactiveSelectionBackground#CBBFB397
  • editor.inlineValuesBackground#E3DDD6fe
  • editor.inlineValuesForeground#4E2F11ce
  • editor.lineHighlightBackground#C8BBAEb4
  • editor.lineHighlightBorder#F8F4F500
  • editor.linkedEditingBackground#E3DDD6fe
  • editor.rangeHighlightBackground#A9A9C4a7
  • editor.rangeHighlightBorder#F4F2EFfe
  • editor.selectionBackground#D5C2C8a7
  • editor.selectionForeground#1A3B42ca
  • editor.selectionHighlightBackground#AC94B789
  • editor.selectionHighlightBorder#F4F2EFfe
  • editor.snippetFinalTabstopHighlightBackground#9494B7a9
  • editor.snippetFinalTabstopHighlightBorder#F4F2EFfe
  • editor.snippetTabstopHighlightBackground#AC94B7a1
  • editor.snippetTabstopHighlightBorder#F4F2EFfe
  • editor.stackFrameHighlightBackground#A57B88a2
  • editor.symbolHighlightBackground#B49EBDad
  • editor.symbolHighlightBorder#F4F2EFfe
  • editor.wordHighlightBackground#B8A3C1ab
  • editor.wordHighlightBorder#F8F4F500
  • editor.wordHighlightStrongBackground#A99480a8
  • editor.wordHighlightStrongBorder#F7F4F800
  • editor.wordHighlightTextBackground#A88FB3a2
  • editor.wordHighlightTextBorder#F7F4F800
  • editorBracketHighlight.foreground1#0E0C0Ace
  • editorBracketHighlight.foreground2#0E0C0Ace
  • editorBracketHighlight.foreground3#0E0C0Ace
  • editorBracketHighlight.foreground4#0E0C0Ace
  • editorBracketHighlight.foreground5#0E0C0Ace
  • editorBracketHighlight.foreground6#0E0C0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#4E2F11ce
  • editorBracketMatch.background#5F4C39a4
  • editorBracketMatch.border#F4F2EFfe
  • editorBracketPairGuide.activeBackground1#4354288e
  • editorBracketPairGuide.activeBackground2#3A3AC586
  • editorBracketPairGuide.activeBackground3#2958328b
  • editorBracketPairGuide.activeBackground4#27583182
  • editorBracketPairGuide.activeBackground5#2A565B8c
  • editorBracketPairGuide.activeBackground6#6641768b
  • editorBracketPairGuide.background1#D9D0C7fe
  • editorBracketPairGuide.background2#CAD3BEfe
  • editorBracketPairGuide.background3#DDCDD1fe
  • editorBracketPairGuide.background4#CCD4BFfe
  • editorBracketPairGuide.background5#D9CEDEfe
  • editorBracketPairGuide.background6#C3D6C6fe
  • editorCodeLens.foreground#7345146e
  • editorCommentsWidget.rangeActiveBackground#5F4C35fe
  • editorCommentsWidget.rangeBackground#E3DDD6fe
  • editorCommentsWidget.resolvedBorder#F4F2EFfe
  • editorCommentsWidget.unresolvedBorder#FEC1C1cb
  • editorCursor.background#E3DDD6fe
  • editorCursor.foreground#2D797Ffe
  • editorError.background#F8F6F400
  • editorError.border#F8F4F500
  • editorError.foreground#900090ce
  • editorGhostText.background#E3DDD6fe
  • editorGhostText.border#F8F6F400
  • editorGhostText.foreground#6E471E6e
  • editorGroup.border#F4F2EFfe
  • editorGroup.dropBackground#E3DDD6fe
  • editorGroup.dropIntoPromptBackground#E3DDD6fe
  • editorGroup.dropIntoPromptBorder#F4F2EFfe
  • editorGroup.dropIntoPromptForeground#4E2F11ce
  • editorGroup.emptyBackground#E3DDD6fe
  • editorGroup.focusedEmptyBorder#F4F2EFfe
  • editorGroupHeader.border#F4F8F500
  • editorGroupHeader.noTabsBackground#F1EEEAae
  • editorGroupHeader.tabsBackground#E3DDD6a1
  • editorGroupHeader.tabsBorder#F7F4F800
  • editorGutter.addedBackground#1A5C1Dfb
  • editorGutter.background#E3DDD6fe
  • editorGutter.commentGlyphForeground#4E2F11ce
  • editorGutter.commentRangeForeground#4E2F11ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A30000cb
  • editorGutter.foldingControlForeground#4E2F11ce
  • editorGutter.modifiedBackground#5E4E00ce
  • editorHint.border#F4F4F800
  • editorHint.foreground#3C00FAce
  • editorHoverWidget.background#F4F2EFfe
  • editorHoverWidget.border#F4F2EFfe
  • editorHoverWidget.foreground#4E2F11ce
  • editorHoverWidget.highlightForeground#173B3Eca
  • editorHoverWidget.statusBarBackground#E3DDD6fe
  • editorIndentGuide.activeBackground1#1A4447fe
  • editorIndentGuide.activeBackground2#214447fe
  • editorIndentGuide.activeBackground3#0A454Bfe
  • editorIndentGuide.activeBackground4#054549fe
  • editorIndentGuide.activeBackground5#234A4Efe
  • editorIndentGuide.activeBackground6#1A4447fe
  • editorIndentGuide.background1#3A535635
  • editorIndentGuide.background2#45334C35
  • editorIndentGuide.background3#48486A35
  • editorIndentGuide.background4#45334C35
  • editorIndentGuide.background5#48486A35
  • editorIndentGuide.background6#40304735
  • editorInfo.background#F8F6F400
  • editorInfo.border#F7F4F800
  • editorInfo.foreground#3C00FAce
  • editorInlayHint.background#E3DDD6fe
  • editorInlayHint.foreground#4E2F11ce
  • editorInlayHint.parameterBackground#E3DDD6fe
  • editorInlayHint.parameterForeground#4E2F11ce
  • editorInlayHint.typeBackground#E3DDD6fe
  • editorInlayHint.typeForeground#4E2F11ce
  • editorLightBulb.foreground#5E4E00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#2F878Ffe
  • editorLineNumber.dimmedForeground#71461B6e
  • editorLineNumber.foreground#7345186e
  • editorLink.activeForeground#2C7278fe
  • editorMarkerNavigation.background#F4F2EFfe
  • editorMarkerNavigationError.background#FFB9FFc5
  • editorMarkerNavigationError.headerBackground#FFB9FFa9
  • editorMarkerNavigationInfo.background#CCCCFFfe
  • editorMarkerNavigationInfo.headerBackground#CCCCFFfe
  • editorMarkerNavigationWarning.background#F9CE00fe
  • editorMarkerNavigationWarning.headerBackground#F9CE00fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#E3DDD6fe
  • editorOverviewRuler.border#D8CFC6fe
  • editorOverviewRuler.bracketMatchForeground#4E2F11ce
  • editorOverviewRuler.commentForeground#7345186e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#4E2F11ce
  • editorOverviewRuler.currentContentForeground#4E4E4Ec7
  • editorOverviewRuler.deletedForeground#A30000cb
  • editorOverviewRuler.errorForeground#900090ce
  • editorOverviewRuler.findMatchForeground#005959ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00FAce
  • editorOverviewRuler.modifiedForeground#5E4E00ce
  • editorOverviewRuler.rangeHighlightForeground#68162Aca
  • editorOverviewRuler.selectionHighlightForeground#3C00FAce
  • editorOverviewRuler.warningForeground#5E4E00ce
  • editorOverviewRuler.wordHighlightForeground#46321Eca
  • editorOverviewRuler.wordHighlightStrongForeground#4E2F11ce
  • editorOverviewRuler.wordHighlightTextForeground#4E2F11ce
  • editorPane.background#E3DDD6fe
  • editorRuler.foreground#624A3321
  • editorStickyScroll.background#E3DDD6fe
  • editorStickyScrollHover.background#D8CEC56e
  • editorSuggestWidget.background#F4F2EFfe
  • editorSuggestWidget.border#F4F8F500
  • editorSuggestWidget.focusHighlightForeground#224348fe
  • editorSuggestWidget.foreground#39422Cfe
  • editorSuggestWidget.highlightForeground#6C0F2Bca
  • editorSuggestWidget.selectedBackground#A3BEC189
  • editorSuggestWidget.selectedForeground#6C0D2Cca
  • editorSuggestWidget.selectedIconForeground#6C0D2Cca
  • editorSuggestWidgetStatus.foreground#02400Ffe
  • editorUnicodeHighlight.background#8080A9a7
  • editorUnicodeHighlight.border#F4F2EFfe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F4F7F800
  • editorWarning.border#F8F6F400
  • editorWarning.foreground#5E4E00ce
  • editorWhitespace.foreground#4E2F11ce
  • editorWidget.background#F4F2EFfe
  • editorWidget.border#F4F2EFfe
  • editorWidget.foreground#4E2F11ce
  • editorWidget.resizeBorder#F4F2EFfe
  • errorForeground#900090ce
  • extensionBadge.remoteBackground#128B96fe
  • extensionBadge.remoteForeground#F1EEEAfe
  • extensionButton.background#D8CEC6ae
  • extensionButton.foreground#4E2F11ce
  • extensionButton.hoverBackground#D8CEC56e
  • extensionButton.prominentBackground#E3DDD6fe
  • extensionButton.prominentForeground#4E2F11ce
  • extensionButton.prominentHoverBackground#E3DDD6fe
  • extensionButton.separator#F4F7F800
  • extensionIcon.preReleaseForeground#2D3A1Afe
  • extensionIcon.sponsorForeground#0606BAfe
  • extensionIcon.starForeground#49321Afe
  • extensionIcon.verifiedForeground#353D29fe
  • focusBorder#F8F4F500
  • foreground#4E2F11ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A30000cb
  • gitDecoration.modifiedResourceForeground#5E4E00ce
  • gitDecoration.renamedResourceForeground#3C00FAce
  • gitDecoration.stageDeletedResourceForeground#A30000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005959ce
  • icon.foreground#68492Aae
  • inlineChat.background#CCD4BFca
  • inlineChat.border#D8CCDDca
  • inlineChat.regionHighlight#1F2418ca
  • inlineChat.shadow#11191Aca
  • inlineChatDiff.inserted#151F17ca
  • inlineChatDiff.removed#182224ca
  • inlineChatInput.background#1B291Eca
  • inlineChatInput.border#C0D5C4ca
  • inlineChatInput.focusBorder#F4F4F800
  • inlineChatInput.placeholderForeground#68162Aca
  • input.background#F4F2EFfe
  • input.border#F4F2EFfe
  • input.foreground#4E2F11ce
  • input.placeholderForeground#51443765
  • inputOption.activeBackground#F4F2EFfe
  • inputOption.activeBorder#F4F2EFfe
  • inputOption.activeForeground#2C7278fe
  • inputOption.hoverBackground#F4F2EFfe
  • inputValidation.errorBackground#6700679c
  • inputValidation.errorBorder#FFB9FFa4
  • inputValidation.errorForeground#900090ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F4F2EFfe
  • inputValidation.infoForeground#4E2F11ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F4F2EFfe
  • inputValidation.warningForeground#5E4E00ce
  • interactive.activeCodeBorder#F4F2EFfe
  • interactive.inactiveCodeBorder#D8CEC698
  • keybindingLabel.background#E3DDD6fe
  • keybindingLabel.border#F4F2EFfe
  • keybindingLabel.bottomBorder#F4F2EFfe
  • keybindingLabel.foreground#4E2F11ce
  • keybindingTable.headerBackground#E3DDD6fe
  • keybindingTable.rowsBackground#E3DDD6fe
  • list.activeSelectionBackground#9999BA89
  • list.activeSelectionForeground#6C0D2Cca
  • list.activeSelectionIconForeground#4B3016ca
  • list.deemphasizedForeground#4E2F11ce
  • list.dropBackground#E3DDD6fe
  • list.errorForeground#900090ce
  • list.filterMatchBackground#E3DDD6fe
  • list.filterMatchBorder#F4F2EFfe
  • list.focusAndSelectionOutline#F4F4F800
  • list.focusBackground#D2C7BD97
  • list.focusForeground#148B95fe
  • list.focusHighlightForeground#5E303Ffe
  • list.focusOutline#F7F4F800
  • list.highlightForeground#6C0D2Cca
  • list.hoverBackground#DCCCD0a3
  • list.hoverForeground#0F8B97fe
  • list.inactiveFocusBackground#D5CCC292
  • list.inactiveFocusOutline#F4F7F800
  • list.inactiveSelectionBackground#F1EEEAae
  • list.inactiveSelectionForeground#4C403365
  • list.inactiveSelectionIconForeground#56483A65
  • list.invalidItemForeground#4E2F11ce
  • list.warningForeground#5E4E00ce
  • listFilterWidget.background#E3DDD6fe
  • listFilterWidget.noMatchesOutline#F4F7F800
  • listFilterWidget.outline#F8F6F400
  • listFilterWidget.shadow#F8F6F400
  • menu.background#F1EEEAfe
  • menu.border#F4F8F500
  • menu.foreground#4F3011ae
  • menu.selectionBackground#D2BDC3a4
  • menu.selectionBorder#F8F6F400
  • menu.selectionForeground#2F878Ffe
  • menu.separatorBackground#D8CEC565
  • menubar.selectionBackground#D2BDC3a7
  • menubar.selectionBorder#F8F6F400
  • menubar.selectionForeground#108B97fe
  • merge.border#F4F2EFfe
  • merge.commonContentBackground#E3DDD6fe
  • merge.commonHeaderBackground#E3DDD6fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#AEDCB0fb
  • merge.incomingContentBackground#AEDCB0cb
  • merge.incomingHeaderBackground#AEDCB0fb
  • mergeEditor.change.background#E3DDD6fe
  • mergeEditor.change.word.background#E3DDD6fe
  • mergeEditor.changeBase.background#E3DDD6fe
  • mergeEditor.changeBase.word.background#E3DDD6fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F4F2EFfe
  • mergeEditor.conflict.handledUnfocused.border#DCD4CC2b
  • mergeEditor.conflict.input1.background#F4F2EFfe
  • mergeEditor.conflict.input2.background#F4F2EFfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067bf
  • mergeEditor.conflict.unhandledFocused.border#F4F2EFfe
  • mergeEditor.conflict.unhandledUnfocused.border#DCD4CC29
  • mergeEditor.conflictingLines.background#E3DDD6fe
  • minimap.background#E3DDD6fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0E0C0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5C1Dfb
  • minimapGutter.deletedBackground#A40000fb
  • minimapGutter.modifiedBackground#5E4E00ce
  • minimapSlider.activeBackground#9B846Cfe
  • minimapSlider.background#C4B6A9ae
  • minimapSlider.hoverBackground#B09D8A6e
  • notebook.cellBorderColor#F4F2EFfe
  • notebook.cellEditorBackground#E3DDD6fe
  • notebook.cellHoverBackground#E3DDD6fe
  • notebook.cellInsertionIndicator#1E1417ca
  • notebook.cellStatusBarItemHoverBackground#E3DDD6fe
  • notebook.cellToolbarSeparator#181824ca
  • notebook.editorBackground#E3DDD6fe
  • notebook.focusedCellBackground#E3DDD6fe
  • notebook.focusedCellBorder#0D8B97fe
  • notebook.focusedEditorBorder#F4F2EFfe
  • notebook.inactiveFocusedCellBorder#A28C768e
  • notebook.inactiveSelectedCellBorder#9F88718e
  • notebook.outputContainerBackgroundColor#E3DDD6fe
  • notebook.outputContainerBorderColor#F4F2EFfe
  • notebook.selectedCellBackground#E3DDD6fe
  • notebook.selectedCellBorder#F4F2EFfe
  • notebook.symbolHighlightBackground#E3DDD6fe
  • notebookEditorOverviewRuler.runningCellForeground#4E2F11ce
  • notebookScrollbarSlider.activeBackground#987F67fe
  • notebookScrollbarSlider.background#C4B6A9ae
  • notebookScrollbarSlider.hoverBackground#A5907B6e
  • notebookStatusErrorIcon.foreground#900090ce
  • notebookStatusRunningIcon.foreground#1C1CA3fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F4F2EFfe
  • notificationCenterHeader.background#E3DDD6fe
  • notificationCenterHeader.foreground#4E2F11ce
  • notificationLink.foreground#4E2F11ce
  • notifications.background#E3DDD6fe
  • notifications.border#F4F2EFfe
  • notifications.foreground#4E2F11ce
  • notificationsErrorIcon.foreground#900090ce
  • notificationsInfoIcon.foreground#572634fe
  • notificationsWarningIcon.foreground#5E4E00ce
  • notificationToast.border#F4F2EFfe
  • panel.background#E3DDD6fe
  • panel.border#F4F2EFfe
  • panel.dropBorder#F4F2EFfe
  • panelInput.border#F4F2EFfe
  • panelSection.border#F4F2EFfe
  • panelSection.dropBackground#E3DDD6fe
  • panelSectionHeader.background#E3DDD6fe
  • panelSectionHeader.border#F4F2EFfe
  • panelSectionHeader.foreground#4E2F11ce
  • panelTitle.activeBorder#F6F8F400
  • panelTitle.activeForeground#234A4Efe
  • panelTitle.inactiveForeground#56483A65
  • peekView.border#154448fe
  • peekViewEditor.background#F4F2EFfe
  • peekViewEditor.matchHighlightBackground#85AC8D82
  • peekViewEditor.matchHighlightBorder#F7F4F800
  • peekViewEditorGutter.background#F4F2EFfe
  • peekViewEditorStickyScroll.background#E3DDD6fe
  • peekViewResult.background#F1EEEAfe
  • peekViewResult.fileForeground#4E2F11ce
  • peekViewResult.lineForeground#4E2F11ce
  • peekViewResult.matchHighlightBackground#9E9EBD8a
  • peekViewResult.selectionBackground#A3A3C187
  • peekViewResult.selectionForeground#6C0F2Bca
  • peekViewTitle.background#F1EEEAfe
  • peekViewTitleDescription.foreground#4E2F11ce
  • peekViewTitleLabel.foreground#4E2F11ce
  • pickerGroup.border#F4F2EFfe
  • pickerGroup.foreground#4E2F11ce
  • ports.iconRunningProcessForeground#0C3F16fe
  • problemsErrorIcon.foreground#900090ce
  • problemsInfoIcon.foreground#3C00FAce
  • problemsWarningIcon.foreground#5E4E00ce
  • profileBadge.background#2C7278fe
  • profileBadge.foreground#F1EEEAfe
  • progressBar.background#E3DDD6fe
  • quickInput.background#F1EEEAfe
  • quickInput.foreground#4E3013ae
  • quickInputList.focusBackground#A5907Bad
  • quickInputList.focusForeground#138A95fe
  • quickInputList.focusIconForeground#108B97fe
  • quickInputTitle.background#F4F2EFfe
  • sash.hoverBorder#F4F2EFfe
  • scrollbar.shadow#F8F4F500
  • scrollbarSlider.activeBackground#9F8871fe
  • scrollbarSlider.background#C4B6A9ae
  • scrollbarSlider.hoverBackground#B3A18F6e
  • search.resultsInfoForeground#4E2F11ce
  • searchEditor.findMatchBackground#C4B6A9a2
  • searchEditor.findMatchBorder#F4F2EFfe
  • searchEditor.textInputBorder#F4F2EFfe
  • selection.background#E3DDD6fe
  • settings.checkboxBackground#F4F2EFfe
  • settings.checkboxBorder#F4F2EFfe
  • settings.checkboxForeground#4E2F11ce
  • settings.dropdownBackground#F4F2EFfe
  • settings.dropdownBorder#F4F2EFfe
  • settings.dropdownForeground#4E2F11ce
  • settings.dropdownListBorder#F4F2EFfe
  • settings.focusedRowBackground#8080A989
  • settings.focusedRowBorder#F4F2EFfe
  • settings.headerBorder#F4F2EFfe
  • settings.headerForeground#4E2F11ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F4F2EFfe
  • settings.numberInputBorder#F4F2EFfe
  • settings.numberInputForeground#4E2F11ce
  • settings.rowHoverBackground#E3DDD6fe
  • settings.sashBorder#F4F2EFfe
  • settings.settingsHeaderHoverForeground#2C7278fe
  • settings.textInputBackground#F4F2EFfe
  • settings.textInputBorder#F4F2EFfe
  • settings.textInputForeground#4E2F11ce
  • sideBar.background#E3DDD6fe
  • sideBar.border#F4F2EFfe
  • sideBar.dropBackground#E3DDD6fe
  • sideBar.foreground#68492Aae
  • sideBarSectionHeader.background#F8F6F400
  • sideBarSectionHeader.border#F4F2EFfe
  • sideBarSectionHeader.foreground#4E2F11ce
  • sideBarTitle.foreground#4E2F11ce
  • sideBySideEditor.horizontalBorder#F4F2EFfe
  • sideBySideEditor.verticalBorder#F4F2EFfe
  • simpleFindWidget.sashBorder#F4F2EFfe
  • statusBar.background#F1EEEAfe
  • statusBar.border#F4F2EFfe
  • statusBar.debuggingBackground#FFB9FFc1
  • statusBar.debuggingBorder#F4F2EFfe
  • statusBar.debuggingForeground#4E2F11ce
  • statusBar.focusBorder#F4F4F800
  • statusBar.foreground#71461B6e
  • statusBar.noFolderBackground#F1EEEAfe
  • statusBar.noFolderBorder#F4F2EFfe
  • statusBar.noFolderForeground#4E2F11ce
  • statusBarItem.activeBackground#F1EEEAfe
  • statusBarItem.compactHoverBackground#F1EEEAfe
  • statusBarItem.errorBackground#FFB9FF9f
  • statusBarItem.errorForeground#900090ce
  • statusBarItem.errorHoverBackground#FFB9FFb5
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F7F4F800
  • statusBarItem.hoverBackground#F1EEEAfe
  • statusBarItem.hoverForeground#2E8087fe
  • statusBarItem.offlineBackground#F1EEEAfe
  • statusBarItem.offlineForeground#4E2F11ce
  • statusBarItem.offlineHoverBackground#F1EEEAfe
  • statusBarItem.offlineHoverForeground#148B95fe
  • statusBarItem.prominentBackground#F1EEEAfe
  • statusBarItem.prominentForeground#4E2F11ce
  • statusBarItem.prominentHoverBackground#F1EEEAfe
  • statusBarItem.prominentHoverForeground#2C7278fe
  • statusBarItem.remoteBackground#0D8B97fe
  • statusBarItem.remoteForeground#F1EEEAfe
  • statusBarItem.remoteHoverBackground#F1EEEAfe
  • statusBarItem.remoteHoverForeground#0F8B97fe
  • statusBarItem.warningBackground#F9CE00fe
  • statusBarItem.warningForeground#5E4E00ce
  • statusBarItem.warningHoverBackground#F9CE00fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#2A3B14fe
  • symbolIcon.booleanForeground#005959ce
  • symbolIcon.classForeground#6C0D2Cfe
  • symbolIcon.colorForeground#0C3F16fe
  • symbolIcon.constantForeground#462C51fe
  • symbolIcon.constructorForeground#432E4Cfe
  • symbolIcon.enumeratorForeground#1E3A3Ffe
  • symbolIcon.enumeratorMemberForeground#572634fe
  • symbolIcon.eventForeground#4B3016fe
  • symbolIcon.fieldForeground#42372Cfe
  • symbolIcon.fileForeground#2C3B16fe
  • symbolIcon.folderForeground#02400Ffe
  • symbolIcon.functionForeground#49321Afe
  • symbolIcon.interfaceForeground#313164fe
  • symbolIcon.keyForeground#443325fe
  • symbolIcon.keywordForeground#2A3B14fe
  • symbolIcon.methodForeground#293D2Dfe
  • symbolIcon.moduleForeground#213C25fe
  • symbolIcon.namespaceForeground#2C4231fe
  • symbolIcon.nullForeground#2F2F6Bfe
  • symbolIcon.numberForeground#163C3Cfe
  • symbolIcon.objectForeground#493113fe
  • symbolIcon.operatorForeground#39422Cfe
  • symbolIcon.packageForeground#253D05fe
  • symbolIcon.propertyForeground#572634fe
  • symbolIcon.referenceForeground#631C30fe
  • symbolIcon.snippetForeground#2E2E6Efe
  • symbolIcon.stringForeground#1A3D20fe
  • symbolIcon.structForeground#6C0D2Cfe
  • symbolIcon.textForeground#2D3A1Afe
  • symbolIcon.typeParameterForeground#4C265Cfe
  • symbolIcon.unitForeground#4E2C36fe
  • symbolIcon.variableForeground#163E22fe
  • tab.activeBackground#EDE9E5fe
  • tab.activeBorder#F7F4F800
  • tab.activeBorderTop#234A4Efe
  • tab.activeForeground#214447fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F4F7F800
  • tab.hoverBackground#84354Caa
  • tab.hoverBorder#F4F2EFfe
  • tab.hoverForeground#0D8B97fe
  • tab.inactiveBackground#D8CFC69d
  • tab.inactiveForeground#56483A65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F4F2EFfe
  • tab.unfocusedActiveBackground#DCD4CC26
  • tab.unfocusedActiveBorder#F4F8F500
  • tab.unfocusedActiveBorderTop#D9D0C765
  • tab.unfocusedActiveForeground#4D3A2965
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#624A3326
  • tab.unfocusedHoverBorder#DCD4CC24
  • tab.unfocusedHoverForeground#4D3A2965
  • tab.unfocusedInactiveBackground#D2C7BD98
  • tab.unfocusedInactiveForeground#56483A65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333bb
  • 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#670067b8
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec1
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E3DDD6fe
  • terminal.border#F4F2EFfe
  • terminal.dropBackground#E3DDD6fe
  • terminal.findMatchBackground#E3DDD6fe
  • terminal.findMatchBorder#F4F2EFfe
  • terminal.findMatchHighlightBackground#E3DDD6fe
  • terminal.findMatchHighlightBorder#F4F2EFfe
  • terminal.foreground#68492Aae
  • terminal.hoverHighlightBackground#E3DDD6fe
  • terminal.inactiveSelectionBackground#D5CCC293
  • terminal.selectionBackground#99BAA08d
  • terminal.selectionForeground#143E1Eca
  • terminal.tab.activeBorder#134448fe
  • terminalCommandDecoration.defaultBackground#44542Ba4
  • terminalCommandDecoration.errorBackground#A30000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#E3DDD6fe
  • terminalCursor.foreground#2C7278fe
  • terminalOverviewRuler.cursorForeground#4E2F11ce
  • terminalOverviewRuler.findMatchForeground#005959ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a8
  • testing.iconUnset#808080c2
  • testing.message.error.decorationForeground#18585Efe
  • testing.message.error.lineBackground#FFB9FFbc
  • testing.message.info.decorationForeground#17585Efe
  • testing.message.info.lineBackground#CCCCFFfe
  • testing.peekBorder#F4F2EFfe
  • testing.peekHeaderBackground#E3DDD6fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E3DDD6fe
  • textBlockQuote.border#F4F2EFfe
  • textCodeBlock.background#E3DDD6fe
  • textLink.activeForeground#0F8B97fe
  • textLink.foreground#3C00FAce
  • textPreformat.foreground#4E2F11ce
  • textSeparator.foreground#4E2F11ce
  • titleBar.activeBackground#F1EEEAfe
  • titleBar.activeForeground#5B3510ae
  • titleBar.border#F4F4F800
  • titleBar.inactiveBackground#D9D0C7d2
  • titleBar.inactiveForeground#4D3A2965
  • toolbar.activeBackground#C2D4D685
  • toolbar.hoverBackground#E3DDD6fe
  • toolbar.hoverOutline#F4F8F500
  • tree.inactiveIndentGuidesStroke#415D6035
  • tree.indentGuidesStroke#13585Dfe
  • tree.tableColumnsBorder#F4F2EFfe
  • tree.tableOddRowsBackground#E3DDD6fe
  • walkThrough.embeddedEditorBackground#E3DDD6fe
  • walkthrough.stepTitle.foreground#4E2F11ce
  • welcomePage.background#E3DDD6fe
  • welcomePage.progress.background#E3DDD6fe
  • welcomePage.progress.foreground#4E2F11ce
  • welcomePage.tileBackground#E3DDD6fe
  • welcomePage.tileBorder#F4F2EFfe
  • welcomePage.tileHoverBackground#E3DDD6fe
  • widget.border#F4F2EFfe
  • widget.shadow#F6F8F400
  • window.activeBorder#F4F2EFfe
  • window.inactiveBorder#D8CFC691

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#422A126e
comment.block.html#402A146e
comment.block.java#3E2B136e
comment.block.javadoc.java#402A146e
comment.block.powershell#3E2B136e
comment.block.xml#3E2B136e
comment.line.double-slash.c#422A126e
comment.line.double-slash.cpp#422A126e
comment.line.double-slash.java#402A146e
comment.line.double-slash.js#3E2B136e
comment.line.number-sign.makefile#402A146e
comment.line.number-sign.python#3E2B136e
comment.line.number-sign.yaml#412A136e
comment.line.percentage.erlang#422A126e
comment.line.powershell#402A146e
comment.source.cmake#412A136e
comment.source.cmakecache#402A146e
constant.character#5B2638de
constant.character.character-class.regexp#143437de
constant.character.escape#3E2B17de
constant.character.set.regexp#0F3435de
constant.language#133619de
constant.numeric#0E5119de
constant.numeric.dec.python#14361Bde
constant.other.caps.python#1F276Fde
constant.other.character-class.regexp#29341Ade
constant.other.character-class.set.regexp#3F2B14de
constant.other.color.rgb-value#441F52de
constant.other.placeholder#292F69de
constant.other.rgb-value#69293Fde
constant.regexp#263313de
constant.sha.git-rebase#412A13de
emphasis#492705de
entity.name.class#1C3A21de
entity.name.function#023538de
entity.name.function.preprocessor#32401Ede
entity.name.function.python#25295Fde
entity.name.label#344D13de
entity.name.namespace#5E0F23de
entity.name.operator#282D62de
entity.name.operator.custom-literal#3F2B14de
entity.name.scope-resolution#1C3A21de
entity.name.tag#314D0Bde
entity.name.tag.css#0C1698de
entity.name.type#43234Edebold
entity.name.variable#14361Bde
entity.other.attribute#592969de
entity.other.attribute-name#50046Bde
entity.other.attribute-name.class.css#314D0Bde
entity.other.attribute-name.class.mixin.css#441F52de
entity.other.attribute-name.id#344D13de
entity.other.attribute-name.id.css#114D52de
entity.other.attribute-name.parent-selector.css#234A4Ede
entity.other.attribute-name.pseudo-class.css#344D13de
entity.other.attribute-name.pseudo-element.css#214727de
entity.other.attribute-name.scss#05370Dde
entity.other.document.begin.yaml#412A136e
entity.other.inherited-class#253410de
header#472706de
invalid#263314de
keyword#452050debold
keyword.codetag.notation.python#143437debold
keyword.control#3D2B1Adebold
keyword.control.anchor.regexp#5F2B71debold
keyword.control.import.python#4F105Fdebold
keyword.operator#69293Fdebold
keyword.operator.alignas#412A13debold
keyword.operator.alignof#5B2638debold
keyword.operator.cast#143437debold
keyword.operator.delete#43234Edebold
keyword.operator.documentation.powershell#422A126ebold
keyword.operator.expression#472706debold
keyword.operator.instanceof#542434debold
keyword.operator.logical.python#324D0Ddebold
keyword.operator.minus.exponent#134D53debold
keyword.operator.negation.regexp#143437debold
keyword.operator.new#2E3A1Cdebold
keyword.operator.noexcept#491A57debold
keyword.operator.or.regexp#023538debold
keyword.operator.plus.exponent#491A57debold
keyword.operator.quantifier.regexp#25295Fdebold
keyword.operator.sizeof#1C3A21debold
keyword.operator.typeid#262B5Bdebold
keyword.operator.wordlike#05370Ddebold
keyword.other.operator#58162Cdebold
keyword.other.package.java#1C373Adebold
keyword.other.unit#14361Bdebold
keyword.other.using#212769debold
markup.bold#472706de
markup.changed#492705de
markup.deleted#412A13de
markup.fenced_code.block.markdown#501E2Fde
markup.heading#69293Fde
markup.inline.raw#5F2B71de
markup.inserted#114D52de
markup.italic#412A13de
markup.raw.block.markdown#472706de
markup.strikethrough#3D2B1Ade
markup.underline#1E4024de
meta.block.c#13511Dde
meta.block.c#3E2B17de
meta.class.java#461D56de
meta.definition.variable.name#05370Dde
meta.diff.header#14361Bde
meta.embedded#292F69de
meta.embedded.assembly#252A5Ede
meta.function-call.arguments.python#543C24de
meta.function-call.python#5C1029de
meta.member.access.python#1E3D40de
meta.method.java#5E0F29de
meta.object-literal.key#1C373Ade
meta.paragraph.markdown#5E0F23de
meta.preprocessor#69293Fde
meta.preprocessor.numeric#282865de
meta.preprocessor.string#50046Bde
meta.scope.prerequisites.makefile#412A13de
meta.structure.dictionary.json.comments#3E2B136e
meta.structure.dictionary.key.python#234A4Ede
meta.structure.dictionary.value.json.comments#402A146e
meta.template.expression#374721de
meta.type.cast.expr#542862debold
meta.type.new.expr#4E2030debold
parameter#252A5Ede
punctuation.character.set.begin.regexp#4E265Bde
punctuation.character.set.end.regexp#1C3A21de
punctuation.definition.array.begin.json#242B57de
punctuation.definition.character-class.regexp#491A57de
punctuation.definition.comment#3E2B136e
punctuation.definition.comment.json.comments#402A146e
punctuation.definition.comment.python#3E2B136e
punctuation.definition.dictionary.begin.json#482454de
punctuation.definition.dictionary.end.json#143437de
punctuation.definition.group.assertion.regexp#412A13de
punctuation.definition.group.regexp#0F3435de
punctuation.definition.list.begin.json#242960de
punctuation.definition.list.begin.markdown#18351Cde
punctuation.definition.list.begin.python#441F52de
punctuation.definition.list.end.json#412A13de
punctuation.definition.list.end.markdown#543C24de
punctuation.definition.list.end.python#214727de
punctuation.definition.parameters.begin.python#10511Ade
punctuation.definition.parameters.end.bracket.round.java#18351Cde
punctuation.definition.quote.begin.markdown#133619de
punctuation.definition.tag#412A13de
punctuation.definition.template-expression.begin#0C1698de
punctuation.definition.template-expression.end#693A0Cde
punctuation.section.class.begin.bracket.curly.java#69293Fde
punctuation.section.embedded#473421de
punctuation.section.embedded.begin.php#693A0Cde
punctuation.section.embedded.end.php#0C1698de
punctuation.terminator.java#023538de
source.cmake#4F105Fde
source.coffee.embedded#1A227Cde
source.cpp#0F3435de
source.css.less#491A57de
source.groovy.embedded#13511Dde
source.java#214727de
source.java-properties#374721de
source.json.comments#422A126e
source.makefile#542434de
source.powershell#4E2030de
source.powershell.variable.other.member#4F105Fde
source.python#121890de
storage#3E2B17de
storage.modifier#060F9Dde
storage.modifier.import.java#114D52de
storage.modifier.package.java#354D12de
storage.type#234E2Adebold
storage.type.annotation.groovy#14361Bdebold
storage.type.annotation.java#541A2Edebold
storage.type.boolean.go#104D53debold
storage.type.byte.go#104D53debold
storage.type.cs#25295Fdebold
storage.type.error.go#412A13debold
storage.type.generic.cs#133619debold
storage.type.generic.groovy#501E2Fdebold
storage.type.generic.java#5B2638debold
storage.type.groovy#542434debold
storage.type.java#6A3A0Adebold
storage.type.modifier.cs#133437debold
storage.type.numeric.go#334D0Fdebold
storage.type.object.array.groovy#693A0Cdebold
storage.type.object.array.java#263313debold
storage.type.parameters.groovy#0C1698debold
storage.type.primitive.array.groovy#212769debold
storage.type.primitive.array.java#0D3713debold
storage.type.primitive.groovy#234E2Adebold
storage.type.primitive.java#2E3A1Cdebold
storage.type.rune.go#121890debold
storage.type.string.go#143437debold
storage.type.token.java#492705debold
storage.type.uintptr.go#252A5Edebold
storage.type.variable.cs#13511Ddebold
string#5C1029de
string.quoted.docstring.multi.python#412A136e
string.regexp#592969de
string.tag#592969de
string.value#501E2Fde
strong#334D0Fde
support.class#272B5Dde
support.constant.color#492705de
support.constant.dom#263314de
support.constant.font-name#25295Fde
support.constant.handlebars#203505de
support.constant.json#292F69de
support.constant.math#511D2Dde
support.constant.media#05370Dde
support.constant.media-type#3E2B17debold
support.constant.property-value#134D53de
support.function#214447de
support.function.git-rebase#412A13de
support.other.parenthesis.regexp#4E3823de
support.type#374721debold
support.type.property-name#354D12debold
support.type.vendored.property-name#4E2030debold
support.variable#114D52de
token.debug-token#4F105Fde
token.error-token#133619de
token.info-token#1E4024de
token.warn-token#133619de
variable#62283Bde
variable.css#541A2Ede
variable.language#542434de
variable.language.wildcard.java#134D53de
variable.other.constant#4E265Bde
variable.other.definition.java#104D53de
variable.other.enummember#4E2331de
variable.other.less#50046Bde
variable.other.object.java#354D12de
variable.other.object.property.java#314D0Bde
variable.parameter.c#62283Bde
variable.parameter.function.language.python#0B4D53de
variable.parameter.java#441F52de
variable.scss#1C373Ade
viiv by B.W - VS Code Theme