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#D7E2E2fe
  • activityBar.activeBackground#D7E2E2fe
  • activityBar.activeBorder#114742fe
  • activityBar.activeFocusBorder#7979B900
  • activityBar.background#EBF0F0fe
  • activityBar.border#A3727200
  • activityBar.dropBorder#174742fe
  • activityBar.foreground#114742fe
  • activityBar.inactiveForeground#394E4E65
  • activityBarBadge.background#108F81fe
  • activityBarBadge.foreground#EBF0F0fe
  • badge.background#0D8F82fe
  • badge.foreground#EBF0F0fe
  • banner.background#D7E2E2fe
  • banner.foreground#123E3Ece
  • banner.iconForeground#1E3E1Efe
  • breadcrumb.activeSelectionForeground#2F3C0Eca
  • breadcrumb.background#E6EDEDfe
  • breadcrumb.focusForeground#0D8F82fe
  • breadcrumb.foreground#133F3Fae
  • breadcrumbPicker.background#D7E2E2fe
  • button.background#ABC1C1ae
  • button.border#FAFAFB00
  • button.foreground#123E3Ece
  • button.hoverBackground#8EACAC6e
  • button.secondaryBackground#D7E2E2fe
  • button.secondaryForeground#123E3Ece
  • button.secondaryHoverBackground#D7E2E2fe
  • button.separator#FAFAFB00
  • charts.blue#1b1bfffe
  • charts.foreground#123E3Ece
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ab
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F4F4fe
  • chat.slashCommandBackground#D7E2E2fe
  • chat.slashCommandForeground#123E3Ece
  • checkbox.background#F0F4F4fe
  • checkbox.border#F0F4F4fe
  • checkbox.foreground#123E3Ece
  • checkbox.selectBackground#F0F4F4fe
  • checkbox.selectBorder#F0F4F4fe
  • commandCenter.activeBackground#D5D9CD87
  • commandCenter.activeBorder#F0F4F4fe
  • commandCenter.activeForeground#0F8F81fe
  • commandCenter.background#D7E2E2fe
  • commandCenter.border#F0F4F4fe
  • commandCenter.foreground#123E3Ece
  • commandCenter.inactiveBorder#CDDADA9a
  • commandCenter.inactiveForeground#364A4A65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFBFA00
  • contrastBorder#FAFBFA00
  • debugConsole.errorForeground#920092ce
  • debugConsole.infoForeground#123E3Ece
  • debugConsole.sourceForeground#123E3Ece
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#4A3320fe
  • debugExceptionWidget.background#FFC6FFb8
  • debugExceptionWidget.border#F0F4F4fe
  • debugIcon.breakpointCurrentStackframeForeground#522264fe
  • debugIcon.breakpointDisabledForeground#3D535365
  • debugIcon.breakpointForeground#173D3Dfe
  • debugIcon.breakpointStackframeForeground#6D0F37fe
  • debugIcon.breakpointUnverifiedForeground#68163Ffe
  • debugIcon.continueForeground#4D3114fe
  • debugIcon.disconnectForeground#5D233Dfe
  • debugIcon.pauseForeground#353B16fe
  • debugIcon.restartForeground#2E3559fe
  • debugIcon.startForeground#183F18fe
  • debugIcon.stepBackForeground#164116fe
  • debugIcon.stepIntoForeground#004200fe
  • debugIcon.stepOutForeground#4D3114fe
  • debugIcon.stepOverForeground#2F4040fe
  • debugIcon.stopForeground#343648fe
  • debugTokenExpression.boolean#121919ca
  • debugTokenExpression.error#171812ca
  • debugTokenExpression.name#121812ca
  • debugTokenExpression.number#1F1921ca
  • debugTokenExpression.value#211D19ca
  • debugToolBar.background#FFC6FF99
  • debugToolBar.border#F0F4F4fe
  • debugView.exceptionLabelBackground#DFD5D9ca
  • debugView.exceptionLabelForeground#2F3C0Eca
  • debugView.stateLabelBackground#DDD6E0ca
  • debugView.stateLabelForeground#0B1CABca
  • debugView.valueChangedHighlight#282B20ca
  • descriptionForeground#123E3Ece
  • diffEditor.border#FAFAFB00
  • diffEditor.diagonalFill#000000fc
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B9E1BBfb
  • diffEditor.insertedTextBorder#FBFAFA00
  • diffEditor.move.border#F7F5F600
  • diffEditor.moveActive.border#F5F7F700
  • diffEditor.removedLineBackground#FFCACA31
  • diffEditor.removedTextBackground#FFCCCCfb
  • diffEditor.removedTextBorder#FAFAFB00
  • diffEditor.unchangedCodeBackground#D7E2E2fe
  • diffEditor.unchangedRegionBackground#D7E2E2fe
  • diffEditor.unchangedRegionForeground#123E3Ece
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#3D535365
  • dropdown.background#F0F4F4fe
  • dropdown.border#F0F4F4fe
  • dropdown.foreground#123E3Ece
  • dropdown.listBackground#F0F4F4fe
  • editor.background#D7E2E2fe
  • editor.findMatchBackground#A28FAAad
  • editor.findMatchBorder#F0F4F4fe
  • editor.findMatchHighlightBackground#A2AA8Fae
  • editor.findMatchHighlightBorder#F0F4F4fe
  • editor.findRangeHighlightBackground#AEB59Ea7
  • editor.findRangeHighlightBorder#F0F4F4fe
  • editor.focusedStackFrameHighlightBackground#9F818E82
  • editor.foldBackground#4A552Faa
  • editor.foreground#123E3Ece
  • editor.hoverHighlightBackground#A38692a8
  • editor.inactiveSelectionBackground#BACCCC92
  • editor.inlineValuesBackground#D7E2E2fe
  • editor.inlineValuesForeground#123E3Ece
  • editor.lineHighlightBackground#BACCCCb2
  • editor.lineHighlightBorder#FBFAFA00
  • editor.linkedEditingBackground#D7E2E2fe
  • editor.rangeHighlightBackground#8A8EA6a2
  • editor.rangeHighlightBorder#F0F4F4fe
  • editor.selectionBackground#BBCBBBa2
  • editor.selectionForeground#1C3D3Dca
  • editor.selectionHighlightBackground#9498AE8c
  • editor.selectionHighlightBorder#F0F4F4fe
  • editor.snippetFinalTabstopHighlightBackground#AE949Fad
  • editor.snippetFinalTabstopHighlightBorder#F0F4F4fe
  • editor.snippetTabstopHighlightBackground#BAACC0a8
  • editor.snippetTabstopHighlightBorder#F0F4F4fe
  • editor.stackFrameHighlightBackground#9498AEa5
  • editor.symbolHighlightBackground#9A86A3aa
  • editor.symbolHighlightBorder#F0F4F4fe
  • editor.wordHighlightBackground#C0ACB5aa
  • editor.wordHighlightBorder#F7F5F600
  • editor.wordHighlightStrongBackground#8AA68Aa7
  • editor.wordHighlightStrongBorder#FAFAFB00
  • editor.wordHighlightTextBackground#BAACC0ab
  • editor.wordHighlightTextBorder#F5F7F700
  • editorBracketHighlight.foreground1#0A0E0Ece
  • editorBracketHighlight.foreground2#0A0E0Ece
  • editorBracketHighlight.foreground3#0A0E0Ece
  • editorBracketHighlight.foreground4#0A0E0Ece
  • editorBracketHighlight.foreground5#0A0E0Ece
  • editorBracketHighlight.foreground6#0A0E0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#123E3Ece
  • editorBracketMatch.background#853458ac
  • editorBracketMatch.border#F0F4F4fe
  • editorBracketPairGuide.activeBackground1#253CCF83
  • editorBracketPairGuide.activeBackground2#2F5A2F87
  • editorBracketPairGuide.activeBackground3#4C4F678c
  • editorBracketPairGuide.activeBackground4#48552984
  • editorBracketPairGuide.activeBackground5#2F5A2F8a
  • editorBracketPairGuide.activeBackground6#2F5A2F84
  • editorBracketPairGuide.background1#DFD5DAfe
  • editorBracketPairGuide.background2#CDDADAfe
  • editorBracketPairGuide.background3#DCD6D0fe
  • editorBracketPairGuide.background4#CCDADAfe
  • editorBracketPairGuide.background5#CFDBCFfe
  • editorBracketPairGuide.background6#DDD6D2fe
  • editorCodeLens.foreground#2358586e
  • editorCommentsWidget.rangeActiveBackground#355555fe
  • editorCommentsWidget.rangeBackground#D7E2E2fe
  • editorCommentsWidget.resolvedBorder#F0F4F4fe
  • editorCommentsWidget.unresolvedBorder#FFCACAcb
  • editorCursor.background#D7E2E2fe
  • editorCursor.foreground#0A8F81fe
  • editorError.background#FAFAFB00
  • editorError.border#FAFBFA00
  • editorError.foreground#920092ce
  • editorGhostText.background#D7E2E2fe
  • editorGhostText.border#F7F5F600
  • editorGhostText.foreground#2557576e
  • editorGroup.border#F0F4F4fe
  • editorGroup.dropBackground#D7E2E2fe
  • editorGroup.dropIntoPromptBackground#D7E2E2fe
  • editorGroup.dropIntoPromptBorder#F0F4F4fe
  • editorGroup.dropIntoPromptForeground#123E3Ece
  • editorGroup.emptyBackground#D7E2E2fe
  • editorGroup.focusedEmptyBorder#F0F4F4fe
  • editorGroupHeader.border#FAFAFB00
  • editorGroupHeader.noTabsBackground#EBF0F0ae
  • editorGroupHeader.tabsBackground#D7E2E2a1
  • editorGroupHeader.tabsBorder#F5F7F700
  • editorGutter.addedBackground#1A5D1Dfb
  • editorGutter.background#D7E2E2fe
  • editorGutter.commentGlyphForeground#123E3Ece
  • editorGutter.commentRangeForeground#123E3Ece
  • editorGutter.commentUnresolvedGlyphForeground#1F5C22cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#123E3Ece
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#F5F7F700
  • editorHint.foreground#3D00FEce
  • editorHoverWidget.background#F0F4F4fe
  • editorHoverWidget.border#F0F4F4fe
  • editorHoverWidget.foreground#123E3Ece
  • editorHoverWidget.highlightForeground#043E3Eca
  • editorHoverWidget.statusBarBackground#D7E2E2fe
  • editorIndentGuide.activeBackground1#0E4842fe
  • editorIndentGuide.activeBackground2#0C4740fe
  • editorIndentGuide.activeBackground3#144742fe
  • editorIndentGuide.activeBackground4#1A554Ffe
  • editorIndentGuide.activeBackground5#0E4842fe
  • editorIndentGuide.activeBackground6#174742fe
  • editorIndentGuide.background1#50564135
  • editorIndentGuide.background2#50415635
  • editorIndentGuide.background3#6A505B35
  • editorIndentGuide.background4#54586F35
  • editorIndentGuide.background5#45485B35
  • editorIndentGuide.background6#654C5735
  • editorInfo.background#FAFBFA00
  • editorInfo.border#F5F7F700
  • editorInfo.foreground#3D00FEce
  • editorInlayHint.background#D7E2E2fe
  • editorInlayHint.foreground#123E3Ece
  • editorInlayHint.parameterBackground#D7E2E2fe
  • editorInlayHint.parameterForeground#123E3Ece
  • editorInlayHint.typeBackground#D7E2E2fe
  • editorInlayHint.typeForeground#123E3Ece
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5C22cb
  • editorLineNumber.activeForeground#088F82fe
  • editorLineNumber.dimmedForeground#2358586e
  • editorLineNumber.foreground#2358586e
  • editorLink.activeForeground#0F8F81fe
  • editorMarkerNavigation.background#F0F4F4fe
  • editorMarkerNavigationError.background#FFC6FFb0
  • editorMarkerNavigationError.headerBackground#FFC6FF9b
  • editorMarkerNavigationInfo.background#D3D3FFfe
  • editorMarkerNavigationInfo.headerBackground#D3D3FFfe
  • editorMarkerNavigationWarning.background#FFD303fe
  • editorMarkerNavigationWarning.headerBackground#FFD303fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#D7E2E2fe
  • editorOverviewRuler.border#CDDADAfe
  • editorOverviewRuler.bracketMatchForeground#123E3Ece
  • editorOverviewRuler.commentForeground#2557576e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#123E3Ece
  • editorOverviewRuler.currentContentForeground#505050b3
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#920092ce
  • editorOverviewRuler.findMatchForeground#005A5Ace
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3D00FEce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#303556ca
  • editorOverviewRuler.selectionHighlightForeground#3D00FEce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#522264ca
  • editorOverviewRuler.wordHighlightStrongForeground#123E3Ece
  • editorOverviewRuler.wordHighlightTextForeground#123E3Ece
  • editorPane.background#D7E2E2fe
  • editorRuler.foreground#34555522
  • editorStickyScroll.background#D7E2E2fe
  • editorStickyScrollHover.background#CDDADA6e
  • editorSuggestWidget.background#F0F4F4fe
  • editorSuggestWidget.border#FAFBFA00
  • editorSuggestWidget.focusHighlightForeground#154646fe
  • editorSuggestWidget.foreground#48313Cfe
  • editorSuggestWidget.highlightForeground#4A331Bca
  • editorSuggestWidget.selectedBackground#9498AE88
  • editorSuggestWidget.selectedForeground#043E3Eca
  • editorSuggestWidget.selectedIconForeground#512F15ca
  • editorSuggestWidgetStatus.foreground#35392Bfe
  • editorUnicodeHighlight.background#9A86A3a9
  • editorUnicodeHighlight.border#F0F4F4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFBFA00
  • editorWarning.border#FAFAFB00
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#123E3Ece
  • editorWidget.background#F0F4F4fe
  • editorWidget.border#F0F4F4fe
  • editorWidget.foreground#123E3Ece
  • editorWidget.resizeBorder#F0F4F4fe
  • errorForeground#920092ce
  • extensionBadge.remoteBackground#0F8F81fe
  • extensionBadge.remoteForeground#EBF0F0fe
  • extensionButton.background#CDDADAae
  • extensionButton.foreground#123E3Ece
  • extensionButton.hoverBackground#CDDADA6e
  • extensionButton.prominentBackground#D7E2E2fe
  • extensionButton.prominentForeground#123E3Ece
  • extensionButton.prominentHoverBackground#D7E2E2fe
  • extensionButton.separator#FBFAFA00
  • extensionIcon.preReleaseForeground#3E4333fe
  • extensionIcon.sponsorForeground#48313Cfe
  • extensionIcon.starForeground#453427fe
  • extensionIcon.verifiedForeground#4D2E3Bfe
  • focusBorder#FAFBFA00
  • foreground#123E3Ece
  • gitDecoration.addedResourceForeground#1F5C22cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3D00FEce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5C22cb
  • gitDecoration.untrackedResourceForeground#005A5Ace
  • icon.foreground#2B5757ae
  • inlineChat.background#D0DBD0ca
  • inlineChat.border#DDD6E0ca
  • inlineChat.regionHighlight#1F1921ca
  • inlineChat.shadow#1B161Dca
  • inlineChatDiff.inserted#23261Dca
  • inlineChatDiff.removed#23261Dca
  • inlineChatInput.background#181512ca
  • inlineChatInput.border#DCD6D1ca
  • inlineChatInput.focusBorder#FAFAFB00
  • inlineChatInput.placeholderForeground#522264ca
  • input.background#F0F4F4fe
  • input.border#F0F4F4fe
  • input.foreground#123E3Ece
  • input.placeholderForeground#394E4E65
  • inputOption.activeBackground#F0F4F4fe
  • inputOption.activeBorder#F0F4F4fe
  • inputOption.activeForeground#0B8F81fe
  • inputOption.hoverBackground#F0F4F4fe
  • inputValidation.errorBackground#670067a4
  • inputValidation.errorBorder#FFC6FFc7
  • inputValidation.errorForeground#920092ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F4F4fe
  • inputValidation.infoForeground#123E3Ece
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F4F4fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F0F4F4fe
  • interactive.inactiveCodeBorder#CDDADA95
  • keybindingLabel.background#D7E2E2fe
  • keybindingLabel.border#F0F4F4fe
  • keybindingLabel.bottomBorder#F0F4F4fe
  • keybindingLabel.foreground#123E3Ece
  • keybindingTable.headerBackground#D7E2E2fe
  • keybindingTable.rowsBackground#D7E2E2fe
  • list.activeSelectionBackground#C0B5AC87
  • list.activeSelectionForeground#353B16ca
  • list.activeSelectionIconForeground#6D0F37ca
  • list.deemphasizedForeground#123E3Ece
  • list.dropBackground#D7E2E2fe
  • list.errorForeground#920092ce
  • list.filterMatchBackground#D7E2E2fe
  • list.filterMatchBorder#F0F4F4fe
  • list.focusAndSelectionOutline#FAFBFA00
  • list.focusBackground#BFD0D096
  • list.focusForeground#108F81fe
  • list.focusHighlightForeground#583819fe
  • list.focusOutline#FBFAFA00
  • list.highlightForeground#621E3Cca
  • list.hoverBackground#CEDACEab
  • list.hoverForeground#0F8F81fe
  • list.inactiveFocusBackground#BACCCC95
  • list.inactiveFocusOutline#FAFAFB00
  • list.inactiveSelectionBackground#EBF0F0ae
  • list.inactiveSelectionForeground#394E4E65
  • list.inactiveSelectionIconForeground#18595965
  • list.invalidItemForeground#123E3Ece
  • list.warningForeground#604F00ce
  • listFilterWidget.background#D7E2E2fe
  • listFilterWidget.noMatchesOutline#FAFBFA00
  • listFilterWidget.outline#F5F7F700
  • listFilterWidget.shadow#FAFBFA00
  • menu.background#EBF0F0fe
  • menu.border#FAFAFB00
  • menu.foreground#143D3Dae
  • menu.selectionBackground#B6C7B6a8
  • menu.selectionBorder#F5F7F700
  • menu.selectionForeground#0A8F81fe
  • menu.separatorBackground#CCDADA65
  • menubar.selectionBackground#C4D2C4a5
  • menubar.selectionBorder#FAFBFA00
  • menubar.selectionForeground#22897Ffe
  • merge.border#F0F4F4fe
  • merge.commonContentBackground#D7E2E2fe
  • merge.commonHeaderBackground#D7E2E2fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B9E1BBfb
  • merge.incomingContentBackground#B9E1BBcb
  • merge.incomingHeaderBackground#B9E1BBfb
  • mergeEditor.change.background#D7E2E2fe
  • mergeEditor.change.word.background#D7E2E2fe
  • mergeEditor.changeBase.background#D7E2E2fe
  • mergeEditor.changeBase.word.background#D7E2E2fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F4F4fe
  • mergeEditor.conflict.handledUnfocused.border#CDDADA3e
  • mergeEditor.conflict.input1.background#F0F4F4fe
  • mergeEditor.conflict.input2.background#F0F4F4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067bc
  • mergeEditor.conflict.unhandledFocused.border#F0F4F4fe
  • mergeEditor.conflict.unhandledUnfocused.border#CEDBDB3e
  • mergeEditor.conflictingLines.background#D7E2E2fe
  • minimap.background#D7E2E2fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0E0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5D1Dfb
  • minimapGutter.deletedBackground#A70000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#759A9Afe
  • minimapSlider.background#ABC1C1ae
  • minimapSlider.hoverBackground#89A8A86e
  • notebook.cellBorderColor#F0F4F4fe
  • notebook.cellEditorBackground#D7E2E2fe
  • notebook.cellHoverBackground#D7E2E2fe
  • notebook.cellInsertionIndicator#1D1E26ca
  • notebook.cellStatusBarItemHoverBackground#D7E2E2fe
  • notebook.cellToolbarSeparator#171218ca
  • notebook.editorBackground#D7E2E2fe
  • notebook.focusedCellBackground#D7E2E2fe
  • notebook.focusedCellBorder#0B8F81fe
  • notebook.focusedEditorBorder#F0F4F4fe
  • notebook.inactiveFocusedCellBorder#759A9A8e
  • notebook.inactiveSelectedCellBorder#6C93938e
  • notebook.outputContainerBackgroundColor#D7E2E2fe
  • notebook.outputContainerBorderColor#F0F4F4fe
  • notebook.selectedCellBackground#D7E2E2fe
  • notebook.selectedCellBorder#F0F4F4fe
  • notebook.symbolHighlightBackground#D7E2E2fe
  • notebookEditorOverviewRuler.runningCellForeground#123E3Ece
  • notebookScrollbarSlider.activeBackground#688E8Efe
  • notebookScrollbarSlider.background#A2BABAae
  • notebookScrollbarSlider.hoverBackground#93B0B06e
  • notebookStatusErrorIcon.foreground#920092ce
  • notebookStatusRunningIcon.foreground#2F3C0Efe
  • notebookStatusSuccessIcon.foreground#1F5C22cb
  • notificationCenter.border#F0F4F4fe
  • notificationCenterHeader.background#D7E2E2fe
  • notificationCenterHeader.foreground#123E3Ece
  • notificationLink.foreground#123E3Ece
  • notifications.background#D7E2E2fe
  • notifications.border#F0F4F4fe
  • notifications.foreground#123E3Ece
  • notificationsErrorIcon.foreground#920092ce
  • notificationsInfoIcon.foreground#183D3Dfe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F0F4F4fe
  • panel.background#D7E2E2fe
  • panel.border#F0F4F4fe
  • panel.dropBorder#F0F4F4fe
  • panelInput.border#F0F4F4fe
  • panelSection.border#F0F4F4fe
  • panelSection.dropBackground#D7E2E2fe
  • panelSectionHeader.background#D7E2E2fe
  • panelSectionHeader.border#F0F4F4fe
  • panelSectionHeader.foreground#123E3Ece
  • panelTitle.activeBorder#F7F5F600
  • panelTitle.activeForeground#0C4740fe
  • panelTitle.inactiveForeground#41585865
  • peekView.border#0E4842fe
  • peekViewEditor.background#F0F4F4fe
  • peekViewEditor.matchHighlightBackground#9EA68A82
  • peekViewEditor.matchHighlightBorder#FAFAFB00
  • peekViewEditorGutter.background#F0F4F4fe
  • peekViewEditorStickyScroll.background#D7E2E2fe
  • peekViewResult.background#EBF0F0fe
  • peekViewResult.fileForeground#123E3Ece
  • peekViewResult.lineForeground#123E3Ece
  • peekViewResult.matchHighlightBackground#B1B4C482
  • peekViewResult.selectionBackground#A3A6B98e
  • peekViewResult.selectionForeground#0B1CABca
  • peekViewTitle.background#EBF0F0fe
  • peekViewTitleDescription.foreground#123E3Ece
  • peekViewTitleLabel.foreground#123E3Ece
  • pickerGroup.border#F0F4F4fe
  • pickerGroup.foreground#123E3Ece
  • ports.iconRunningProcessForeground#4A331Bfe
  • problemsErrorIcon.foreground#920092ce
  • problemsInfoIcon.foreground#3D00FEce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#108F81fe
  • profileBadge.foreground#EBF0F0fe
  • progressBar.background#D7E2E2fe
  • quickInput.background#EBF0F0fe
  • quickInput.foreground#153D3Dae
  • quickInputList.focusBackground#A6968Aad
  • quickInputList.focusForeground#0D8F82fe
  • quickInputList.focusIconForeground#218278fe
  • quickInputTitle.background#F0F4F4fe
  • sash.hoverBorder#F0F4F4fe
  • scrollbar.shadow#F7F5F600
  • scrollbarSlider.activeBackground#688E8Efe
  • scrollbarSlider.background#A2BABAae
  • scrollbarSlider.hoverBackground#89A8A86e
  • search.resultsInfoForeground#123E3Ece
  • searchEditor.findMatchBackground#A2BABAa3
  • searchEditor.findMatchBorder#F0F4F4fe
  • searchEditor.textInputBorder#F0F4F4fe
  • selection.background#D7E2E2fe
  • settings.checkboxBackground#F0F4F4fe
  • settings.checkboxBorder#F0F4F4fe
  • settings.checkboxForeground#123E3Ece
  • settings.dropdownBackground#F0F4F4fe
  • settings.dropdownBorder#F0F4F4fe
  • settings.dropdownForeground#123E3Ece
  • settings.dropdownListBorder#F0F4F4fe
  • settings.focusedRowBackground#8AA68A8d
  • settings.focusedRowBorder#F0F4F4fe
  • settings.headerBorder#F0F4F4fe
  • settings.headerForeground#123E3Ece
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F4F4fe
  • settings.numberInputBorder#F0F4F4fe
  • settings.numberInputForeground#123E3Ece
  • settings.rowHoverBackground#D7E2E2fe
  • settings.sashBorder#F0F4F4fe
  • settings.settingsHeaderHoverForeground#0A8F81fe
  • settings.textInputBackground#F0F4F4fe
  • settings.textInputBorder#F0F4F4fe
  • settings.textInputForeground#123E3Ece
  • sideBar.background#D7E2E2fe
  • sideBar.border#F0F4F4fe
  • sideBar.dropBackground#D7E2E2fe
  • sideBar.foreground#2B5757ae
  • sideBarSectionHeader.background#FAFBFA00
  • sideBarSectionHeader.border#F0F4F4fe
  • sideBarSectionHeader.foreground#123E3Ece
  • sideBarTitle.foreground#123E3Ece
  • sideBySideEditor.horizontalBorder#F0F4F4fe
  • sideBySideEditor.verticalBorder#F0F4F4fe
  • simpleFindWidget.sashBorder#F0F4F4fe
  • statusBar.background#EBF0F0fe
  • statusBar.border#F0F4F4fe
  • statusBar.debuggingBackground#FFC6FF9b
  • statusBar.debuggingBorder#F0F4F4fe
  • statusBar.debuggingForeground#123E3Ece
  • statusBar.focusBorder#FAFAFB00
  • statusBar.foreground#2358586e
  • statusBar.noFolderBackground#EBF0F0fe
  • statusBar.noFolderBorder#F0F4F4fe
  • statusBar.noFolderForeground#123E3Ece
  • statusBarItem.activeBackground#EBF0F0fe
  • statusBarItem.compactHoverBackground#EBF0F0fe
  • statusBarItem.errorBackground#FFC6FF9c
  • statusBarItem.errorForeground#920092ce
  • statusBarItem.errorHoverBackground#FFC6FFa3
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFBFA00
  • statusBarItem.hoverBackground#EBF0F0fe
  • statusBarItem.hoverForeground#0F8F81fe
  • statusBarItem.offlineBackground#EBF0F0fe
  • statusBarItem.offlineForeground#123E3Ece
  • statusBarItem.offlineHoverBackground#EBF0F0fe
  • statusBarItem.offlineHoverForeground#0B8F81fe
  • statusBarItem.prominentBackground#EBF0F0fe
  • statusBarItem.prominentForeground#123E3Ece
  • statusBarItem.prominentHoverBackground#EBF0F0fe
  • statusBarItem.prominentHoverForeground#108F81fe
  • statusBarItem.remoteBackground#0B8F81fe
  • statusBarItem.remoteForeground#EBF0F0fe
  • statusBarItem.remoteHoverBackground#EBF0F0fe
  • statusBarItem.remoteHoverForeground#22897Ffe
  • statusBarItem.warningBackground#FFD303fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FFD303fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#1C3F1Cfe
  • symbolIcon.booleanForeground#005A5Ace
  • symbolIcon.classForeground#5D233Dfe
  • symbolIcon.colorForeground#44342Bfe
  • symbolIcon.constantForeground#512C3Afe
  • symbolIcon.constructorForeground#153D3Dfe
  • symbolIcon.enumeratorForeground#57283Bfe
  • symbolIcon.enumeratorMemberForeground#5B0A7Cfe
  • symbolIcon.eventForeground#57283Bfe
  • symbolIcon.fieldForeground#68163Ffe
  • symbolIcon.fileForeground#27326Efe
  • symbolIcon.folderForeground#4A331Bfe
  • symbolIcon.functionForeground#1C3F1Cfe
  • symbolIcon.interfaceForeground#2F3556fe
  • symbolIcon.keyForeground#4A3320fe
  • symbolIcon.keywordForeground#303C17fe
  • symbolIcon.methodForeground#2B3B3Bfe
  • symbolIcon.moduleForeground#5E0D6Ffe
  • symbolIcon.namespaceForeground#2C3460fe
  • symbolIcon.nullForeground#183D3Dfe
  • symbolIcon.numberForeground#483423fe
  • symbolIcon.objectForeground#452F4Efe
  • symbolIcon.operatorForeground#353B16fe
  • symbolIcon.packageForeground#27326Efe
  • symbolIcon.propertyForeground#68163Ffe
  • symbolIcon.referenceForeground#27326Efe
  • symbolIcon.snippetForeground#183D3Dfe
  • symbolIcon.stringForeground#2F3E2Ffe
  • symbolIcon.structForeground#2A3D05fe
  • symbolIcon.textForeground#6C0E3Dfe
  • symbolIcon.typeParameterForeground#4D3114fe
  • symbolIcon.unitForeground#2E3559fe
  • symbolIcon.variableForeground#512F15fe
  • tab.activeBackground#E6EDEDfe
  • tab.activeBorder#F7F5F600
  • tab.activeBorderTop#114742fe
  • tab.activeForeground#044841fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFB00
  • tab.hoverBackground#355935a6
  • tab.hoverBorder#F0F4F4fe
  • tab.hoverForeground#108F81fe
  • tab.inactiveBackground#CDDADA9b
  • tab.inactiveForeground#394E4E65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F4F4fe
  • tab.unfocusedActiveBackground#C9D7D733
  • tab.unfocusedActiveBorder#F5F7F700
  • tab.unfocusedActiveBorderTop#CCDADA65
  • tab.unfocusedActiveForeground#394E4E65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#34555525
  • tab.unfocusedHoverBorder#CEDBDB2c
  • tab.unfocusedHoverForeground#32454565
  • tab.unfocusedInactiveBackground#BACCCC9c
  • tab.unfocusedInactiveForeground#3D535365
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b4
  • 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#670067b7
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb2
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D7E2E2fe
  • terminal.border#F0F4F4fe
  • terminal.dropBackground#D7E2E2fe
  • terminal.findMatchBackground#D7E2E2fe
  • terminal.findMatchBorder#F0F4F4fe
  • terminal.findMatchHighlightBackground#D7E2E2fe
  • terminal.findMatchHighlightBorder#F0F4F4fe
  • terminal.foreground#2B5757ae
  • terminal.hoverHighlightBackground#D7E2E2fe
  • terminal.inactiveSelectionBackground#B5C9C992
  • terminal.selectionBackground#B59EA88a
  • terminal.selectionForeground#183D3Dca
  • terminal.tab.activeBorder#044841fe
  • terminalCommandDecoration.defaultBackground#49552Fa1
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#D7E2E2fe
  • terminalCursor.foreground#108F81fe
  • terminalOverviewRuler.cursorForeground#123E3Ece
  • terminalOverviewRuler.findMatchForeground#005A5Ace
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c5
  • testing.iconUnset#808080c7
  • testing.message.error.decorationForeground#0E5B53fe
  • testing.message.error.lineBackground#FFC6FFa7
  • testing.message.info.decorationForeground#0C5B52fe
  • testing.message.info.lineBackground#D3D3FFfe
  • testing.peekBorder#F0F4F4fe
  • testing.peekHeaderBackground#D7E2E2fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D7E2E2fe
  • textBlockQuote.border#F0F4F4fe
  • textCodeBlock.background#D7E2E2fe
  • textLink.activeForeground#218278fe
  • textLink.foreground#3D00FEce
  • textPreformat.foreground#123E3Ece
  • textSeparator.foreground#123E3Ece
  • titleBar.activeBackground#EBF0F0fe
  • titleBar.activeForeground#134646ae
  • titleBar.border#FAFBFA00
  • titleBar.inactiveBackground#CDDADAd6
  • titleBar.inactiveForeground#394E4E65
  • toolbar.activeBackground#DCD6D28b
  • toolbar.hoverBackground#D7E2E2fe
  • toolbar.hoverOutline#FAFBFA00
  • tree.inactiveIndentGuidesStroke#6B577335
  • tree.indentGuidesStroke#0C5B52fe
  • tree.tableColumnsBorder#F0F4F4fe
  • tree.tableOddRowsBackground#D7E2E2fe
  • walkThrough.embeddedEditorBackground#D7E2E2fe
  • walkthrough.stepTitle.foreground#123E3Ece
  • welcomePage.background#D7E2E2fe
  • welcomePage.progress.background#D7E2E2fe
  • welcomePage.progress.foreground#123E3Ece
  • welcomePage.tileBackground#D7E2E2fe
  • welcomePage.tileBorder#F0F4F4fe
  • welcomePage.tileHoverBackground#D7E2E2fe
  • widget.border#F0F4F4fe
  • widget.shadow#FAFBFA00
  • window.activeBorder#F0F4F4fe
  • window.inactiveBorder#CDDADA94

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1535356e
comment.block.html#1335356e
comment.block.java#1335356e
comment.block.javadoc.java#1435356e
comment.block.powershell#1335356e
comment.block.xml#1535356e
comment.line.double-slash.c#1335356e
comment.line.double-slash.cpp#1435356e
comment.line.double-slash.java#1535356e
comment.line.double-slash.js#1535356e
comment.line.number-sign.makefile#1335356e
comment.line.number-sign.python#1335356e
comment.line.number-sign.yaml#1435356e
comment.line.percentage.erlang#1335356e
comment.line.powershell#1535356e
comment.source.cmake#1335356e
comment.source.cmakecache#1335356e
constant.character#721F4Bde
constant.character.character-class.regexp#551A39de
constant.character.escape#551A39de
constant.character.set.regexp#462A19de
constant.language#4A1D64de
constant.numeric#5F0C37de
constant.numeric.dec.python#471B62de
constant.other.caps.python#194E1Ede
constant.other.character-class.regexp#59207Ade
constant.other.character-class.set.regexp#1B2C66de
constant.other.color.rgb-value#0D504Ade
constant.other.placeholder#001C94de
constant.other.rgb-value#783205de
constant.regexp#0F3813de
constant.sha.git-rebase#541F72de
emphasis#03218Ade
entity.name.class#03218Ade
entity.name.function#033909de
entity.name.function.preprocessor#001C94de
entity.name.function.python#2B340Ede
entity.name.label#0C5313de
entity.name.namespace#6B1E47de
entity.name.operator#3C4D08de
entity.name.operator.custom-literal#085048de
entity.name.scope-resolution#15403Bde
entity.name.tag#461C60de
entity.name.tag.css#773207de
entity.name.type#5F0C37debold
entity.name.variable#4A1D64de
entity.other.attribute#4A1D64de
entity.other.attribute-name#2B340Ede
entity.other.attribute-name.class.css#482915de
entity.other.attribute-name.class.mixin.css#07530Fde
entity.other.attribute-name.id#4B0876de
entity.other.attribute-name.id.css#15403Bde
entity.other.attribute-name.parent-selector.css#3D4D0Ede
entity.other.attribute-name.pseudo-class.css#0F3633de
entity.other.attribute-name.pseudo-element.css#1E2E6Bde
entity.other.attribute-name.scss#1E2E6Bde
entity.other.document.begin.yaml#1435356e
entity.other.inherited-class#192B6Dde
header#0C2580de
invalid#112877de
keyword#571739debold
keyword.codetag.notation.python#0C5049debold
keyword.control#4C260Fdebold
keyword.control.anchor.regexp#4F1E6Bdebold
keyword.control.import.python#532103debold
keyword.operator#1B2B68debold
keyword.operator.alignas#571839debold
keyword.operator.alignof#1D2C66debold
keyword.operator.cast#0D5315debold
keyword.operator.delete#481766debold
keyword.operator.documentation.powershell#1535356ebold
keyword.operator.expression#581638debold
keyword.operator.instanceof#721F4Bdebold
keyword.operator.logical.python#4C260Fdebold
keyword.operator.minus.exponent#641D42debold
keyword.operator.negation.regexp#0C5313debold
keyword.operator.new#4C260Fdebold
keyword.operator.noexcept#0D504Adebold
keyword.operator.or.regexp#0F5049debold
keyword.operator.plus.exponent#4F1E6Bdebold
keyword.operator.quantifier.regexp#354015debold
keyword.operator.sizeof#461C60debold
keyword.operator.typeid#273505debold
keyword.operator.wordlike#0F3813debold
keyword.other.operator#354015debold
keyword.other.package.java#4C0874debold
keyword.other.unit#4A0E71debold
keyword.other.using#462916debold
markup.bold#0F3633de
markup.changed#4A2813de
markup.deleted#001C94de
markup.fenced_code.block.markdown#0B5049de
markup.heading#2F3914de
markup.inline.raw#3C4D08de
markup.inserted#4E0277de
markup.italic#112877de
markup.raw.block.markdown#4A0E71de
markup.strikethrough#4A136Bde
markup.underline#3C4D0Dde
meta.block.c#462A19de
meta.block.c#4E0277de
meta.class.java#0B5312de
meta.definition.variable.name#07530Fde
meta.diff.header#532103de
meta.embedded#085048de
meta.embedded.assembly#6B1E47de
meta.function-call.arguments.python#15401Ade
meta.function-call.python#013907de
meta.member.access.python#721F4Bde
meta.method.java#152878de
meta.object-literal.key#033833de
meta.paragraph.markdown#0D5315de
meta.preprocessor#5B351Dde
meta.preprocessor.numeric#033909de
meta.preprocessor.string#033909de
meta.scope.prerequisites.makefile#3C4D0Cde
meta.structure.dictionary.json.comments#1335356e
meta.structure.dictionary.key.python#17471Cde
meta.structure.dictionary.value.json.comments#1535356e
meta.template.expression#2A340Fde
meta.type.cast.expr#551A39debold
meta.type.new.expr#174742debold
parameter#3D4D0Ede
punctuation.character.set.begin.regexp#283503de
punctuation.character.set.end.regexp#1E2A69de
punctuation.definition.array.begin.json#143917de
punctuation.definition.character-class.regexp#541F72de
punctuation.definition.comment#1435356e
punctuation.definition.comment.json.comments#1435356e
punctuation.definition.comment.python#1335356e
punctuation.definition.dictionary.begin.json#0C5049de
punctuation.definition.dictionary.end.json#3C4D0Fde
punctuation.definition.group.assertion.regexp#551A39de
punctuation.definition.group.regexp#4C0874de
punctuation.definition.list.begin.json#0D504Ade
punctuation.definition.list.begin.markdown#491667de
punctuation.definition.list.begin.python#1B2C66de
punctuation.definition.list.end.json#0A5048de
punctuation.definition.list.end.markdown#54321Cde
punctuation.definition.list.end.python#03208Cde
punctuation.definition.parameters.begin.python#0E5216de
punctuation.definition.parameters.end.bracket.round.java#354015de
punctuation.definition.quote.begin.markdown#4A1D64de
punctuation.definition.tag#3C4D08de
punctuation.definition.template-expression.begin#192B6Dde
punctuation.definition.template-expression.end#0C5049de
punctuation.section.class.begin.bracket.curly.java#172A70de
punctuation.section.embedded#033731de
punctuation.section.embedded.begin.php#532103de
punctuation.section.embedded.end.php#4C260Fde
punctuation.terminator.java#541F72de
source.cmake#0A5048de
source.coffee.embedded#3A4717de
source.cpp#3C4D0Cde
source.css.less#07530Fde
source.groovy.embedded#194E1Ede
source.java#481B62de
source.java-properties#0C2580de
source.json.comments#1335356e
source.makefile#033731de
source.powershell#1B2C66de
source.powershell.variable.other.member#07530Fde
source.python#3C4D0Cde
storage#3A4717de
storage.modifier#5A1439de
storage.modifier.import.java#2B340Ede
storage.modifier.package.java#0F3813de
storage.type#4D2E1Adebold
storage.type.annotation.groovy#3B4D0Adebold
storage.type.annotation.java#4A2813debold
storage.type.boolean.go#581638debold
storage.type.byte.go#571839debold
storage.type.cs#4A270Edebold
storage.type.error.go#033833debold
storage.type.generic.cs#0F3633debold
storage.type.generic.groovy#551A39debold
storage.type.generic.java#07530Fdebold
storage.type.groovy#471B62debold
storage.type.java#6B1E47debold
storage.type.modifier.cs#17471Cdebold
storage.type.numeric.go#471B62debold
storage.type.object.array.groovy#03218Adebold
storage.type.object.array.java#194E48debold
storage.type.parameters.groovy#03218Adebold
storage.type.primitive.array.groovy#5A1439debold
storage.type.primitive.array.java#481964debold
storage.type.primitive.groovy#15401Adebold
storage.type.primitive.java#4A2813debold
storage.type.rune.go#4B0876debold
storage.type.string.go#5A1439debold
storage.type.token.java#4D2E1Adebold
storage.type.uintptr.go#4A0E71debold
storage.type.variable.cs#571739debold
string#194E48de
string.quoted.docstring.multi.python#1535356e
string.regexp#03208Cde
string.tag#551A39de
string.value#4A2813de
strong#1D2C64de
support.class#0E3813de
support.constant.color#152878de
support.constant.dom#0F3633de
support.constant.font-name#462916de
support.constant.handlebars#354015de
support.constant.json#4D2E1Ade
support.constant.math#3A4717de
support.constant.media#354015de
support.constant.media-type#0E3813debold
support.constant.property-value#0B5049de
support.function#5F0C38de
support.function.git-rebase#3C4D0Fde
support.other.parenthesis.regexp#4C260Fde
support.type#4A2813debold
support.type.property-name#0C3632debold
support.type.vendored.property-name#571839debold
support.variable#4A1D64de
token.debug-token#5F0C38de
token.error-token#354015de
token.info-token#532103de
token.warn-token#4A270Ede
variable#033909de
variable.css#59207Ade
variable.language#512304de
variable.language.wildcard.java#1D2C64de
variable.other.constant#172A70de
variable.other.definition.java#283503de
variable.other.enummember#172A70de
variable.other.less#4A0E71de
variable.other.object.java#17471Cde
variable.other.object.property.java#085048de
variable.parameter.c#5F0C37de
variable.parameter.function.language.python#033833de
variable.parameter.java#354015de
variable.scss#481766de
viiv by B.W - VS Code Theme