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#1d1d16fe
  • activityBar.activeBackground#1d1d16fe
  • activityBar.activeBorder#0BC4D9fe
  • activityBar.activeFocusBorder#6B6B4C00
  • activityBar.background#12120Dfe
  • activityBar.border#6D638A00
  • activityBar.dropBorder#0DC3D8fe
  • activityBar.foreground#0CC2D8fe
  • activityBar.inactiveForeground#B1B19965
  • activityBarBadge.background#0EC3D8fe
  • activityBarBadge.foreground#12120Dfe
  • badge.background#0EC3D8fe
  • badge.foreground#12120Dfe
  • banner.background#1d1d16fe
  • banner.foreground#F4F4B4ce
  • banner.iconForeground#BBCBC4fe
  • breadcrumb.activeSelectionForeground#DDDDD3ca
  • breadcrumb.background#14140Ffe
  • breadcrumb.focusForeground#26B9CBfe
  • breadcrumb.foreground#ECECE6ae
  • breadcrumbPicker.background#1d1d16fe
  • button.background#4D4D3Aae
  • button.border#0A0C0E00
  • button.foreground#F4F4B4ce
  • button.hoverBackground#65654C6e
  • button.secondaryBackground#1d1d16fe
  • button.secondaryForeground#F4F4B4ce
  • button.secondaryHoverBackground#1d1d16fe
  • button.separator#0B0A0E00
  • charts.blue#1b1bfffe
  • charts.foreground#F4F4B4ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b5
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#10100Cfe
  • chat.slashCommandBackground#1d1d16fe
  • chat.slashCommandForeground#F4F4B4ce
  • checkbox.background#10100Cfe
  • checkbox.border#10100Cfe
  • checkbox.foreground#F4F4B4ce
  • checkbox.selectBackground#10100Cfe
  • checkbox.selectBorder#10100Cfe
  • commandCenter.activeBackground#1E371889
  • commandCenter.activeBorder#10100Cfe
  • commandCenter.activeForeground#0BC4D9fe
  • commandCenter.background#1d1d16fe
  • commandCenter.border#10100Cfe
  • commandCenter.foreground#F4F4B4ce
  • commandCenter.inactiveBorder#33331191
  • commandCenter.inactiveForeground#B6B63E65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0E0A00
  • contrastBorder#0E0E0A00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#F4F4B4ce
  • debugConsole.sourceForeground#F4F4B4ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#DFDDE5fe
  • debugExceptionWidget.background#5D005Daa
  • debugExceptionWidget.border#10100Cfe
  • debugIcon.breakpointCurrentStackframeForeground#C0CFC8fe
  • debugIcon.breakpointDisabledForeground#BFBFAB65
  • debugIcon.breakpointForeground#C4D2CCfe
  • debugIcon.breakpointStackframeForeground#D6D3DDfe
  • debugIcon.breakpointUnverifiedForeground#DACED6fe
  • debugIcon.continueForeground#C9D6D1fe
  • debugIcon.disconnectForeground#D6C9D2fe
  • debugIcon.pauseForeground#DACECEfe
  • debugIcon.restartForeground#C7C7B6fe
  • debugIcon.startForeground#D1CEDAfe
  • debugIcon.stepBackForeground#CFCFC0fe
  • debugIcon.stepIntoForeground#CAB9C5fe
  • debugIcon.stepOutForeground#DEE5DDfe
  • debugIcon.stepOverForeground#E3E1E8fe
  • debugIcon.stopForeground#E5DDE2fe
  • debugTokenExpression.boolean#DDE0E5ca
  • debugTokenExpression.error#E1D8DEca
  • debugTokenExpression.name#E2E8E1ca
  • debugTokenExpression.number#CEDAD5ca
  • debugTokenExpression.value#D9E1D8ca
  • debugToolBar.background#5D005Dc8
  • debugToolBar.border#10100Cfe
  • debugView.exceptionLabelBackground#30301Eca
  • debugView.exceptionLabelForeground#E5E5DDca
  • debugView.stateLabelBackground#20352Cca
  • debugView.stateLabelForeground#E2E8E1ca
  • debugView.valueChangedHighlight#DEE5DDca
  • descriptionForeground#F4F4B4ce
  • diffEditor.border#0A0C0E00
  • diffEditor.diagonalFill#000000f2
  • diffEditor.insertedLineBackground#00380031
  • diffEditor.insertedTextBackground#123914fb
  • diffEditor.insertedTextBorder#0E0A0D00
  • diffEditor.move.border#0E0A0D00
  • diffEditor.moveActive.border#0E0E0A00
  • diffEditor.removedLineBackground#69000031
  • diffEditor.removedTextBackground#6B0000fb
  • diffEditor.removedTextBorder#0E0A0A00
  • diffEditor.unchangedCodeBackground#1d1d16fe
  • diffEditor.unchangedRegionBackground#1d1d16fe
  • diffEditor.unchangedRegionForeground#F4F4B4ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#BFBFAB65
  • dropdown.background#10100Cfe
  • dropdown.border#10100Cfe
  • dropdown.foreground#F4F4B4ce
  • dropdown.listBackground#10100Cfe
  • editor.background#1d1d16fe
  • editor.findMatchBackground#534C65aa
  • editor.findMatchBorder#10100Cfe
  • editor.findMatchHighlightBackground#504A62a2
  • editor.findMatchHighlightBorder#10100Cfe
  • editor.findRangeHighlightBackground#604949a1
  • editor.findRangeHighlightBorder#10100Cfe
  • editor.focusedStackFrameHighlightBackground#57736781
  • editor.foldBackground#CBBABAac
  • editor.foreground#F4F4B4ce
  • editor.hoverHighlightBackground#41533Ea3
  • editor.inactiveSelectionBackground#4F4F3B93
  • editor.inlineValuesBackground#1d1d16fe
  • editor.inlineValuesForeground#F4F4B4ce
  • editor.lineHighlightBackground#39392Bb2
  • editor.lineHighlightBorder#0E0A0D00
  • editor.linkedEditingBackground#1d1d16fe
  • editor.rangeHighlightBackground#514A63a9
  • editor.rangeHighlightBorder#10100Cfe
  • editor.selectionBackground#5F4848a7
  • editor.selectionForeground#DEE5DDca
  • editor.selectionHighlightBackground#60494989
  • editor.selectionHighlightBorder#10100Cfe
  • editor.snippetFinalTabstopHighlightBackground#576373a3
  • editor.snippetFinalTabstopHighlightBorder#10100Cfe
  • editor.snippetTabstopHighlightBackground#586F54a7
  • editor.snippetTabstopHighlightBorder#10100Cfe
  • editor.stackFrameHighlightBackground#4C6049a6
  • editor.symbolHighlightBackground#604848a8
  • editor.symbolHighlightBorder#10100Cfe
  • editor.wordHighlightBackground#5E4758a3
  • editor.wordHighlightBorder#0E0A0D00
  • editor.wordHighlightStrongBackground#5E4758ad
  • editor.wordHighlightStrongBorder#0E0A0D00
  • editor.wordHighlightTextBackground#606049a3
  • editor.wordHighlightTextBorder#0A0E0C00
  • editorBracketHighlight.foreground1#F7F7F5ce
  • editorBracketHighlight.foreground2#F7F7F5ce
  • editorBracketHighlight.foreground3#F7F7F5ce
  • editorBracketHighlight.foreground4#F7F7F5ce
  • editorBracketHighlight.foreground5#F7F7F5ce
  • editorBracketHighlight.foreground6#F7F7F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#F4F4B4ce
  • editorBracketMatch.background#B7BFC9aa
  • editorBracketMatch.border#10100Cfe
  • editorBracketPairGuide.activeBackground1#B0C3BA88
  • editorBracketPairGuide.activeBackground2#B6BEC88e
  • editorBracketPairGuide.activeBackground3#AFC3BA86
  • editorBracketPairGuide.activeBackground4#B2C3AF86
  • editorBracketPairGuide.activeBackground5#B2C3B085
  • editorBracketPairGuide.activeBackground6#AEC2B988
  • editorBracketPairGuide.background1#233520fe
  • editorBracketPairGuide.background2#233620fe
  • editorBracketPairGuide.background3#3D2B38fe
  • editorBracketPairGuide.background4#1F362Cfe
  • editorBracketPairGuide.background5#233620fe
  • editorBracketPairGuide.background6#21352Bfe
  • editorCodeLens.foreground#BFBFAB6e
  • editorCommentsWidget.rangeActiveBackground#BFBFABfe
  • editorCommentsWidget.rangeBackground#1d1d16fe
  • editorCommentsWidget.resolvedBorder#10100Cfe
  • editorCommentsWidget.unresolvedBorder#6A0000cb
  • editorCursor.background#1d1d16fe
  • editorCursor.foreground#09C3D9fe
  • editorError.background#0A0C0E00
  • editorError.border#0E0A0D00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#1d1d16fe
  • editorGhostText.border#0E0A0A00
  • editorGhostText.foreground#BFBFAB6e
  • editorGroup.border#10100Cfe
  • editorGroup.dropBackground#1d1d16fe
  • editorGroup.dropIntoPromptBackground#1d1d16fe
  • editorGroup.dropIntoPromptBorder#10100Cfe
  • editorGroup.dropIntoPromptForeground#F4F4B4ce
  • editorGroup.emptyBackground#1d1d16fe
  • editorGroup.focusedEmptyBorder#10100Cfe
  • editorGroupHeader.border#0A0C0E00
  • editorGroupHeader.noTabsBackground#12120Dae
  • editorGroupHeader.tabsBackground#1C1D16a1
  • editorGroupHeader.tabsBorder#0B0A0E00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#1d1d16fe
  • editorGutter.commentGlyphForeground#F4F4B4ce
  • editorGutter.commentRangeForeground#F4F4B4ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#F4F4B4ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0D00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#10100Cfe
  • editorHoverWidget.border#10100Cfe
  • editorHoverWidget.foreground#F4F4B4ce
  • editorHoverWidget.highlightForeground#CED3DAca
  • editorHoverWidget.statusBarBackground#1d1d16fe
  • editorIndentGuide.activeBackground1#0EC3D8fe
  • editorIndentGuide.activeBackground2#0EC3D8fe
  • editorIndentGuide.activeBackground3#09C3DAfe
  • editorIndentGuide.activeBackground4#0AC3DAfe
  • editorIndentGuide.activeBackground5#0DC3D8fe
  • editorIndentGuide.activeBackground6#09C3DAfe
  • editorIndentGuide.background1#B6B1C435
  • editorIndentGuide.background2#B4C4B135
  • editorIndentGuide.background3#928AA635
  • editorIndentGuide.background4#B9A3B235
  • editorIndentGuide.background5#B4C4B135
  • editorIndentGuide.background6#9F819635
  • editorInfo.background#0E0A0D00
  • editorInfo.border#0A0C0E00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#1d1d16fe
  • editorInlayHint.foreground#F4F4B4ce
  • editorInlayHint.parameterBackground#1d1d16fe
  • editorInlayHint.parameterForeground#F4F4B4ce
  • editorInlayHint.typeBackground#1d1d16fe
  • editorInlayHint.typeForeground#F4F4B4ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#0AC3D9fe
  • editorLineNumber.dimmedForeground#BFBFAB6e
  • editorLineNumber.foreground#BFBFAA6e
  • editorLink.activeForeground#0EC3D8fe
  • editorMarkerNavigation.background#10100Cfe
  • editorMarkerNavigationError.background#5D005Da3
  • editorMarkerNavigationError.headerBackground#5D005Db1
  • editorMarkerNavigationInfo.background#0000AEfe
  • editorMarkerNavigationInfo.headerBackground#0000AEfe
  • editorMarkerNavigationWarning.background#392F00fe
  • editorMarkerNavigationWarning.headerBackground#392F00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1d1d16fe
  • editorOverviewRuler.border#303024fe
  • editorOverviewRuler.bracketMatchForeground#F4F4B4ce
  • editorOverviewRuler.commentForeground#BFBFAA6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F4F4B4ce
  • editorOverviewRuler.currentContentForeground#cececec0
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DAD8E1ca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DDE0E5ca
  • editorOverviewRuler.wordHighlightStrongForeground#F4F4B4ce
  • editorOverviewRuler.wordHighlightTextForeground#F4F4B4ce
  • editorPane.background#1d1d16fe
  • editorRuler.foreground#BFBFAC3c
  • editorStickyScroll.background#1d1d16fe
  • editorStickyScrollHover.background#32321A6e
  • editorSuggestWidget.background#10100Cfe
  • editorSuggestWidget.border#0E0A0D00
  • editorSuggestWidget.focusHighlightForeground#B5B55Efe
  • editorSuggestWidget.foreground#CFCFC0fe
  • editorSuggestWidget.highlightForeground#E8E1E1ca
  • editorSuggestWidget.selectedBackground#6049498e
  • editorSuggestWidget.selectedForeground#DACECEca
  • editorSuggestWidget.selectedIconForeground#E1E4E8ca
  • editorSuggestWidgetStatus.foreground#E1E8E5fe
  • editorUnicodeHighlight.background#504A61ad
  • editorUnicodeHighlight.border#10100Cfe
  • editorUnnecessaryCode.border#382F00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0A0D00
  • editorWarning.border#0B0A0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F4F4B4ce
  • editorWidget.background#10100Cfe
  • editorWidget.border#10100Cfe
  • editorWidget.foreground#F4F4B4ce
  • editorWidget.resizeBorder#10100Cfe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#0DC2D9fe
  • extensionBadge.remoteForeground#12120Dfe
  • extensionButton.background#32321Eae
  • extensionButton.foreground#F4F4B4ce
  • extensionButton.hoverBackground#3232256e
  • extensionButton.prominentBackground#1d1d16fe
  • extensionButton.prominentForeground#F4F4B4ce
  • extensionButton.prominentHoverBackground#1d1d16fe
  • extensionButton.separator#0A0C0E00
  • extensionIcon.preReleaseForeground#BBCBC4fe
  • extensionIcon.sponsorForeground#DAD8E1fe
  • extensionIcon.starForeground#E3E1E8fe
  • extensionIcon.verifiedForeground#DEE5DDfe
  • focusBorder#0B0E0A00
  • foreground#F4F4B4ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#C0C0ACae
  • inlineChat.background#472727ca
  • inlineChat.border#243621ca
  • inlineChat.regionHighlight#E5E5DDca
  • inlineChat.shadow#E5DDDDca
  • inlineChatDiff.inserted#CEDAD5ca
  • inlineChatDiff.removed#E1D8D8ca
  • inlineChatInput.background#D8DCE1ca
  • inlineChatInput.border#322F3Dca
  • inlineChatInput.focusBorder#0E0A0D00
  • inlineChatInput.placeholderForeground#D8E1DDca
  • input.background#10100Cfe
  • input.border#10100Cfe
  • input.foreground#F4F4B4ce
  • input.placeholderForeground#BFBFAB65
  • inputOption.activeBackground#10100Cfe
  • inputOption.activeBorder#10100Cfe
  • inputOption.activeForeground#0BC4D9fe
  • inputOption.hoverBackground#10100Cfe
  • inputValidation.errorBackground#670067a5
  • inputValidation.errorBorder#5D005Dc7
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#10100Cfe
  • inputValidation.infoForeground#F4F4B4ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#10100Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#10100Cfe
  • interactive.inactiveCodeBorder#3333119b
  • keybindingLabel.background#1d1d16fe
  • keybindingLabel.border#10100Cfe
  • keybindingLabel.bottomBorder#10100Cfe
  • keybindingLabel.foreground#F4F4B4ce
  • keybindingTable.headerBackground#1d1d16fe
  • keybindingTable.rowsBackground#1d1d16fe
  • list.activeSelectionBackground#545F6F88
  • list.activeSelectionForeground#D6D6C9ca
  • list.activeSelectionIconForeground#D8DCE1ca
  • list.deemphasizedForeground#F4F4B4ce
  • list.dropBackground#1d1d16fe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#1d1d16fe
  • list.filterMatchBorder#10100Cfe
  • list.focusAndSelectionOutline#0E0A0A00
  • list.focusBackground#4F4F3B96
  • list.focusForeground#26B9CBfe
  • list.focusHighlightForeground#B7B745fe
  • list.focusOutline#0B0E0A00
  • list.highlightForeground#D8DCE1ca
  • list.hoverBackground#302424a3
  • list.hoverForeground#0EC3DAfe
  • list.inactiveFocusBackground#35352894
  • list.inactiveFocusOutline#0E0A0D00
  • list.inactiveSelectionBackground#12120Dae
  • list.inactiveSelectionForeground#C0C0AC65
  • list.inactiveSelectionIconForeground#C0C0AC65
  • list.invalidItemForeground#F4F4B4ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1d1d16fe
  • listFilterWidget.noMatchesOutline#0B0A0E00
  • listFilterWidget.outline#0A0E0C00
  • listFilterWidget.shadow#0E0E0A00
  • menu.background#12120Dfe
  • menu.border#0B0A0E00
  • menu.foreground#E8E8E1ae
  • menu.selectionBackground#604848a2
  • menu.selectionBorder#0E0A0A00
  • menu.selectionForeground#0CC3D8fe
  • menu.separatorBackground#31312465
  • menubar.selectionBackground#5F4848a8
  • menubar.selectionBorder#0B0A0E00
  • menubar.selectionForeground#0CC3D8fe
  • merge.border#10100Cfe
  • merge.commonContentBackground#1d1d16fe
  • merge.commonHeaderBackground#1d1d16fe
  • merge.currentContentBackground#00380031
  • merge.currentHeaderBackground#123914fb
  • merge.incomingContentBackground#133814cb
  • merge.incomingHeaderBackground#123914fb
  • mergeEditor.change.background#1d1d16fe
  • mergeEditor.change.word.background#1d1d16fe
  • mergeEditor.changeBase.background#1d1d16fe
  • mergeEditor.changeBase.word.background#1d1d16fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#10100Cfe
  • mergeEditor.conflict.handledUnfocused.border#26261D2a
  • mergeEditor.conflict.input1.background#10100Cfe
  • mergeEditor.conflict.input2.background#10100Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c1
  • mergeEditor.conflict.unhandledFocused.border#10100Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#26261D34
  • mergeEditor.conflictingLines.background#1d1d16fe
  • minimap.background#1d1d16fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F7F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#7D7D5Ffe
  • minimapSlider.background#52523Eae
  • minimapSlider.hoverBackground#6060496e
  • notebook.cellBorderColor#10100Cfe
  • notebook.cellEditorBackground#1d1d16fe
  • notebook.cellHoverBackground#1d1d16fe
  • notebook.cellInsertionIndicator#E8E1E1ca
  • notebook.cellStatusBarItemHoverBackground#1d1d16fe
  • notebook.cellToolbarSeparator#E3E1E8ca
  • notebook.editorBackground#1d1d16fe
  • notebook.focusedCellBackground#1d1d16fe
  • notebook.focusedCellBorder#26C1D3fe
  • notebook.focusedEditorBorder#10100Cfe
  • notebook.inactiveFocusedCellBorder#7373578e
  • notebook.inactiveSelectedCellBorder#78785B8e
  • notebook.outputContainerBackgroundColor#1d1d16fe
  • notebook.outputContainerBorderColor#10100Cfe
  • notebook.selectedCellBackground#1d1d16fe
  • notebook.selectedCellBorder#10100Cfe
  • notebook.symbolHighlightBackground#1d1d16fe
  • notebookEditorOverviewRuler.runningCellForeground#F4F4B4ce
  • notebookScrollbarSlider.activeBackground#737357fe
  • notebookScrollbarSlider.background#484836ae
  • notebookScrollbarSlider.hoverBackground#65654C6e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#BDCBBBfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#10100Cfe
  • notificationCenterHeader.background#1d1d16fe
  • notificationCenterHeader.foreground#F4F4B4ce
  • notificationLink.foreground#F4F4B4ce
  • notifications.background#1d1d16fe
  • notifications.border#10100Cfe
  • notifications.foreground#F4F4B4ce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#BBC2CBfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#10100Cfe
  • panel.background#1d1d16fe
  • panel.border#10100Cfe
  • panel.dropBorder#10100Cfe
  • panelInput.border#10100Cfe
  • panelSection.border#10100Cfe
  • panelSection.dropBackground#1d1d16fe
  • panelSectionHeader.background#1d1d16fe
  • panelSectionHeader.border#10100Cfe
  • panelSectionHeader.foreground#F4F4B4ce
  • panelTitle.activeBorder#0A0C0E00
  • panelTitle.activeForeground#0EC4D8fe
  • panelTitle.inactiveForeground#B1B19965
  • peekView.border#0BC4D9fe
  • peekViewEditor.background#10100Cfe
  • peekViewEditor.matchHighlightBackground#50654C88
  • peekViewEditor.matchHighlightBorder#0E0A0D00
  • peekViewEditorGutter.background#10100Cfe
  • peekViewEditorStickyScroll.background#1d1d16fe
  • peekViewResult.background#12120Dfe
  • peekViewResult.fileForeground#F4F4B4ce
  • peekViewResult.lineForeground#F4F4B4ce
  • peekViewResult.matchHighlightBackground#60495982
  • peekViewResult.selectionBackground#504A6281
  • peekViewResult.selectionForeground#E1D8DEca
  • peekViewTitle.background#12120Dfe
  • peekViewTitleDescription.foreground#F4F4B4ce
  • peekViewTitleLabel.foreground#F4F4B4ce
  • pickerGroup.border#10100Cfe
  • pickerGroup.foreground#F4F4B4ce
  • ports.iconRunningProcessForeground#D2C4CEfe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#0CC3D8fe
  • profileBadge.foreground#12120Dfe
  • progressBar.background#1d1d16fe
  • quickInput.background#12120Dfe
  • quickInput.foreground#ECECE6ae
  • quickInputList.focusBackground#534C65aa
  • quickInputList.focusForeground#0AC3D9fe
  • quickInputList.focusIconForeground#0EC3D8fe
  • quickInputTitle.background#10100Cfe
  • sash.hoverBorder#10100Cfe
  • scrollbar.shadow#0A0E0C00
  • scrollbarSlider.activeBackground#7D7D5Ffe
  • scrollbarSlider.background#4D4D3Aae
  • scrollbarSlider.hoverBackground#6060496e
  • search.resultsInfoForeground#F4F4B4ce
  • searchEditor.findMatchBackground#5B546Fa6
  • searchEditor.findMatchBorder#10100Cfe
  • searchEditor.textInputBorder#10100Cfe
  • selection.background#1d1d16fe
  • settings.checkboxBackground#10100Cfe
  • settings.checkboxBorder#10100Cfe
  • settings.checkboxForeground#F4F4B4ce
  • settings.dropdownBackground#10100Cfe
  • settings.dropdownBorder#10100Cfe
  • settings.dropdownForeground#F4F4B4ce
  • settings.dropdownListBorder#10100Cfe
  • settings.focusedRowBackground#5F475885
  • settings.focusedRowBorder#10100Cfe
  • settings.headerBorder#10100Cfe
  • settings.headerForeground#F4F4B4ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#10100Cfe
  • settings.numberInputBorder#10100Cfe
  • settings.numberInputForeground#F4F4B4ce
  • settings.rowHoverBackground#1d1d16fe
  • settings.sashBorder#10100Cfe
  • settings.settingsHeaderHoverForeground#0AC3D9fe
  • settings.textInputBackground#10100Cfe
  • settings.textInputBorder#10100Cfe
  • settings.textInputForeground#F4F4B4ce
  • sideBar.background#1d1d16fe
  • sideBar.border#10100Cfe
  • sideBar.dropBackground#1d1d16fe
  • sideBar.foreground#C0C0ACae
  • sideBarSectionHeader.background#0B0E0A00
  • sideBarSectionHeader.border#10100Cfe
  • sideBarSectionHeader.foreground#F4F4B4ce
  • sideBarTitle.foreground#F4F4B4ce
  • sideBySideEditor.horizontalBorder#10100Cfe
  • sideBySideEditor.verticalBorder#10100Cfe
  • simpleFindWidget.sashBorder#10100Cfe
  • statusBar.background#12120Dfe
  • statusBar.border#10100Cfe
  • statusBar.debuggingBackground#5D005Dbe
  • statusBar.debuggingBorder#10100Cfe
  • statusBar.debuggingForeground#F4F4B4ce
  • statusBar.focusBorder#0E0A0D00
  • statusBar.foreground#BFBFAB6e
  • statusBar.noFolderBackground#12120Dfe
  • statusBar.noFolderBorder#10100Cfe
  • statusBar.noFolderForeground#F4F4B4ce
  • statusBarItem.activeBackground#12120Dfe
  • statusBarItem.compactHoverBackground#12120Dfe
  • statusBarItem.errorBackground#5D005Da3
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#5D005Dc0
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0A0C0E00
  • statusBarItem.hoverBackground#12120Dfe
  • statusBarItem.hoverForeground#0EC3D8fe
  • statusBarItem.offlineBackground#12120Dfe
  • statusBarItem.offlineForeground#F4F4B4ce
  • statusBarItem.offlineHoverBackground#12120Dfe
  • statusBarItem.offlineHoverForeground#08C3DAfe
  • statusBarItem.prominentBackground#12120Dfe
  • statusBarItem.prominentForeground#F4F4B4ce
  • statusBarItem.prominentHoverBackground#12120Dfe
  • statusBarItem.prominentHoverForeground#0EC3DAfe
  • statusBarItem.remoteBackground#26C1D3fe
  • statusBarItem.remoteForeground#12120Dfe
  • statusBarItem.remoteHoverBackground#12120Dfe
  • statusBarItem.remoteHoverForeground#0EC3D8fe
  • statusBarItem.warningBackground#392F00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#392F00fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#DACED6fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#DACECEfe
  • symbolIcon.colorForeground#D6C9D2fe
  • symbolIcon.constantForeground#D3DDD9fe
  • symbolIcon.constructorForeground#DACECEfe
  • symbolIcon.enumeratorForeground#D6C9D2fe
  • symbolIcon.enumeratorMemberForeground#E2E8E1fe
  • symbolIcon.eventForeground#CEDAD5fe
  • symbolIcon.fieldForeground#CFC0CAfe
  • symbolIcon.fileForeground#DDD3DAfe
  • symbolIcon.folderForeground#B7BEC8fe
  • symbolIcon.functionForeground#DEE5DDfe
  • symbolIcon.interfaceForeground#E2E8E1fe
  • symbolIcon.keyForeground#BFBBCBfe
  • symbolIcon.keywordForeground#DADACEfe
  • symbolIcon.methodForeground#DACED6fe
  • symbolIcon.moduleForeground#C0C6CFfe
  • symbolIcon.namespaceForeground#E5DDDDfe
  • symbolIcon.nullForeground#CBBBBBfe
  • symbolIcon.numberForeground#CBBBBBfe
  • symbolIcon.objectForeground#DDE0E5fe
  • symbolIcon.operatorForeground#D3D7DDfe
  • symbolIcon.packageForeground#D8E1DDfe
  • symbolIcon.propertyForeground#D2D2C4fe
  • symbolIcon.referenceForeground#D6C9C9fe
  • symbolIcon.snippetForeground#D6C9D2fe
  • symbolIcon.stringForeground#E1D8DEfe
  • symbolIcon.structForeground#BDCBBBfe
  • symbolIcon.textForeground#C2CFC0fe
  • symbolIcon.typeParameterForeground#D6C9D2fe
  • symbolIcon.unitForeground#DDD3DAfe
  • symbolIcon.variableForeground#C4C0CFfe
  • tab.activeBackground#14140Ffe
  • tab.activeBorder#0B0A0E00
  • tab.activeBorderTop#0CC2D8fe
  • tab.activeForeground#0BC4D9fe
  • tab.activeModifiedBorder#382F00ce
  • tab.border#0E0A0A00
  • tab.hoverBackground#CABABAad
  • tab.hoverBorder#10100Cfe
  • tab.hoverForeground#0CC3D8fe
  • tab.inactiveBackground#33330F9a
  • tab.inactiveForeground#B1B19965
  • tab.inactiveModifiedBorder#382F00ce
  • tab.lastPinnedBorder#10100Cfe
  • tab.unfocusedActiveBackground#26261D2d
  • tab.unfocusedActiveBorder#0E0A0A00
  • tab.unfocusedActiveBorderTop#32322565
  • tab.unfocusedActiveForeground#B1B19965
  • tab.unfocusedActiveModifiedBorder#382F00ce
  • tab.unfocusedHoverBackground#BFBFAC39
  • tab.unfocusedHoverBorder#21211939
  • tab.unfocusedHoverForeground#B6B63E65
  • tab.unfocusedInactiveBackground#35352892
  • tab.unfocusedInactiveForeground#B7B74365
  • tab.unfocusedInactiveModifiedBorder#382F00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333bf
  • 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#6700679d
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb3
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1d1d16fe
  • terminal.border#10100Cfe
  • terminal.dropBackground#1d1d16fe
  • terminal.findMatchBackground#1d1d16fe
  • terminal.findMatchBorder#10100Cfe
  • terminal.findMatchHighlightBackground#1d1d16fe
  • terminal.findMatchHighlightBorder#10100Cfe
  • terminal.foreground#C0C0ACae
  • terminal.hoverHighlightBackground#1d1d16fe
  • terminal.inactiveSelectionBackground#35352894
  • terminal.selectionBackground#41523E85
  • terminal.selectionForeground#DDD3D3ca
  • terminal.tab.activeBorder#0DC3D8fe
  • terminalCommandDecoration.defaultBackground#B6BEC8a3
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1d1d16fe
  • terminalCursor.foreground#08C3DAfe
  • terminalOverviewRuler.cursorForeground#F4F4B4ce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c2
  • testing.iconUnset#808080b9
  • testing.message.error.decorationForeground#47CFDFfe
  • testing.message.error.lineBackground#5D005Dc9
  • testing.message.info.decorationForeground#47CFDFfe
  • testing.message.info.lineBackground#0000AEfe
  • testing.peekBorder#10100Cfe
  • testing.peekHeaderBackground#1d1d16fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1d1d16fe
  • textBlockQuote.border#10100Cfe
  • textCodeBlock.background#1d1d16fe
  • textLink.activeForeground#0BC4D9fe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#F4F4B4ce
  • textSeparator.foreground#F4F4B4ce
  • titleBar.activeBackground#12120Dfe
  • titleBar.activeForeground#B6B669ae
  • titleBar.border#0E0E0A00
  • titleBar.inactiveBackground#26261Ddd
  • titleBar.inactiveForeground#B7B74365
  • toolbar.activeBackground#1F361B8e
  • toolbar.hoverBackground#1d1d16fe
  • toolbar.hoverOutline#0A0E0C00
  • tree.inactiveIndentGuidesStroke#99A3B135
  • tree.indentGuidesStroke#42CFDFfe
  • tree.tableColumnsBorder#10100Cfe
  • tree.tableOddRowsBackground#1d1d16fe
  • walkThrough.embeddedEditorBackground#1d1d16fe
  • walkthrough.stepTitle.foreground#F4F4B4ce
  • welcomePage.background#1d1d16fe
  • welcomePage.progress.background#1d1d16fe
  • welcomePage.progress.foreground#F4F4B4ce
  • welcomePage.tileBackground#1d1d16fe
  • welcomePage.tileBorder#10100Cfe
  • welcomePage.tileHoverBackground#1d1d16fe
  • widget.border#10100Cfe
  • widget.shadow#0E0A0A00
  • window.activeBorder#10100Cfe
  • window.inactiveBorder#33331198

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#CBCB7C6e
comment.block.html#CBCB716e
comment.block.java#CACA736e
comment.block.javadoc.java#CBCB716e
comment.block.powershell#CBCB7C6e
comment.block.xml#CBCB7C6e
comment.line.double-slash.c#CBCB7C6e
comment.line.double-slash.cpp#CBCB716e
comment.line.double-slash.java#CACA736e
comment.line.double-slash.js#CACA736e
comment.line.number-sign.makefile#CBCB7C6e
comment.line.number-sign.python#CACA736e
comment.line.number-sign.yaml#CACA736e
comment.line.percentage.erlang#CBCB716e
comment.line.powershell#CBCB716e
comment.source.cmake#CBCB716e
comment.source.cmakecache#CBCB766e
constant.character#0EE53Cde
constant.character.character-class.regexp#F68EA9de
constant.character.escape#F1AEFEde
constant.character.set.regexp#9F9FF4de
constant.language#F89DB5de
constant.numeric#F2ABFEde
constant.numeric.dec.python#0EE43Bde
constant.other.caps.python#0CE53Ade
constant.other.character-class.regexp#EDAC63de
constant.other.character-class.set.regexp#0DE439de
constant.other.color.rgb-value#E083F1de
constant.other.placeholder#9E9EF7de
constant.other.rgb-value#9F9FF3de
constant.regexp#F1AEFEde
constant.sha.git-rebase#0FDAF1de
emphasis#DF85F0de
entity.name.class#E387F4de
entity.name.function#84DC0Dde
entity.name.function.preprocessor#F2ABFEde
entity.name.function.python#F1AEFEde
entity.name.label#0EE53Cde
entity.name.namespace#FCBA6Ede
entity.name.operator#0DE43Ade
entity.name.operator.custom-literal#0DE439de
entity.name.scope-resolution#10DAF3de
entity.name.tag#E084F3de
entity.name.tag.css#FEABC2de
entity.name.type#9F9FF4de
entity.name.variable#84DC0Ede
entity.other.attribute#0EE43Bde
entity.other.attribute-name#F187A3de
entity.other.attribute-name.class.css#0EDAF1de
entity.other.attribute-name.class.mixin.css#FCB971de
entity.other.attribute-name.id#9E9EF8de
entity.other.attribute-name.id.css#F385A2de
entity.other.attribute-name.parent-selector.css#0EE53Cde
entity.other.attribute-name.pseudo-class.css#FAACC1de
entity.other.attribute-name.pseudo-element.css#F286A3de
entity.other.attribute-name.scss#A0A0F5de
entity.other.document.begin.yaml#CBCB716e
entity.other.inherited-class#9E9EF8de
header#86DD0Ade
invalid#E083F1de
keyword#0DE53Bde
keyword.codetag.notation.python#85DC0Cde
keyword.control#9F9FF5de
keyword.control.anchor.regexp#84DC0Ede
keyword.control.import.python#E896F7de
keyword.operator#A5A5F9de
keyword.operator.alignas#FDB96Dde
keyword.operator.alignof#12DAF2de
keyword.operator.cast#11DAF2de
keyword.operator.delete#F2B878de
keyword.operator.documentation.powershell#CBCB7C6e
keyword.operator.expression#08E535de
keyword.operator.instanceof#FCB96Dde
keyword.operator.logical.python#0DE43Ade
keyword.operator.minus.exponent#0AE639de
keyword.operator.negation.regexp#0EE43Bde
keyword.operator.new#0DE439de
keyword.operator.noexcept#A0A0F5de
keyword.operator.or.regexp#0EE43Bde
keyword.operator.plus.exponent#E084F3de
keyword.operator.quantifier.regexp#0AE639de
keyword.operator.sizeof#E182F3de
keyword.operator.typeid#0AE538de
keyword.operator.wordlike#9F9FF5de
keyword.other.operator#FCB96Dde
keyword.other.package.java#EDAC63de
keyword.other.unit#A0A0F6de
keyword.other.using#9F9FF3de
markup.bold#EEACFAde
markup.changed#F68EA9de
markup.deleted#F187A3de
markup.fenced_code.block.markdown#F2AEFEde
markup.heading#86DC0Ede
markup.inline.raw#FDB96Dde
markup.inserted#FEB1C5de
markup.italic#0EE53Cde
markup.raw.block.markdown#9F9FF3de
markup.strikethrough#9F9FF5de
markup.underline#E58EF6de
meta.block.c#84DC0Dde
meta.block.c#9E9EF7de
meta.class.java#E896F7de
meta.definition.variable.name#FCB96Dde
meta.diff.header#0EE53Cde
meta.embedded#E58EF6de
meta.embedded.assembly#0DE43Ade
meta.function-call.arguments.python#9E9EF7de
meta.function-call.python#E084F1de
meta.member.access.python#9E9EF8de
meta.method.java#10DAF3de
meta.object-literal.key#E58EF6de
meta.paragraph.markdown#EDAC63de
meta.preprocessor#9E9EF8de
meta.preprocessor.numeric#F385A1de
meta.preprocessor.string#F89DB5de
meta.scope.prerequisites.makefile#0DE53Bde
meta.structure.dictionary.json.comments#CBCB766e
meta.structure.dictionary.key.python#FCBA6Ede
meta.structure.dictionary.value.json.comments#CACA736e
meta.template.expression#E083F1de
meta.type.cast.expr#F68EA9de
meta.type.new.expr#84DC0Dde
parameter#0EE43Bde
punctuation.character.set.begin.regexp#EA9DF8de
punctuation.character.set.end.regexp#E58EF6de
punctuation.definition.array.begin.json#EDAC63de
punctuation.definition.character-class.regexp#EEACFAde
punctuation.definition.comment#CBCB766e
punctuation.definition.comment.json.comments#CBCB716e
punctuation.definition.comment.python#CACA736e
punctuation.definition.dictionary.begin.json#F89DB5de
punctuation.definition.dictionary.end.json#F187A3de
punctuation.definition.group.assertion.regexp#0BE33Ade
punctuation.definition.group.regexp#10DAF3de
punctuation.definition.list.begin.json#0BE33Ade
punctuation.definition.list.begin.markdown#FCB96Fde
punctuation.definition.list.begin.python#B4B4FBde
punctuation.definition.list.end.json#0EE43Bde
punctuation.definition.list.end.markdown#0AE639de
punctuation.definition.list.end.python#EA9DF8de
punctuation.definition.parameters.begin.python#FAACC1de
punctuation.definition.parameters.end.bracket.round.java#DF85F0de
punctuation.definition.quote.begin.markdown#FDB96Bde
punctuation.definition.tag#F2ABFEde
punctuation.definition.template-expression.begin#11DAF2de
punctuation.definition.template-expression.end#0ADAF3de
punctuation.section.class.begin.bracket.curly.java#09E539de
punctuation.section.embedded#84DC0Dde
punctuation.section.embedded.begin.php#84DC0Dde
punctuation.section.embedded.end.php#0DE439de
punctuation.terminator.java#E084F1de
source.cmake#E896F7de
source.coffee.embedded#0DE53Bde
source.cpp#0EDAF3de
source.css.less#FCBA6Ede
source.groovy.embedded#86DC0Ede
source.java#A5A5F9de
source.java-properties#84DC0Dde
source.json.comments#CBCB7C6e
source.makefile#FEB1C5de
source.powershell#E083F1de
source.powershell.variable.other.member#F487A4de
source.python#A0A0F5de
storage#A0A0F5de
storage.modifier#F796AFde
storage.modifier.import.java#FEB1C6de
storage.modifier.package.java#F186A3de
storage.type#FCB971de
storage.type.annotation.groovy#0FDAF1de
storage.type.annotation.java#0CDAF4de
storage.type.boolean.go#0EDAF1de
storage.type.byte.go#84DC0Dde
storage.type.cs#F385A1de
storage.type.error.go#9F9FF4de
storage.type.generic.cs#9F9FF4de
storage.type.generic.groovy#12DAF2de
storage.type.generic.java#FDB96Bde
storage.type.groovy#0EDAF3de
storage.type.java#BCBCFCde
storage.type.modifier.cs#86DD0Dde
storage.type.numeric.go#0EDAF1de
storage.type.object.array.groovy#FEABC2de
storage.type.object.array.java#E182F3de
storage.type.parameters.groovy#84DC0Ede
storage.type.primitive.array.groovy#E083F1de
storage.type.primitive.array.java#F3BC80de
storage.type.primitive.groovy#F0B471de
storage.type.primitive.java#86DD0Ede
storage.type.rune.go#9E9EF7de
storage.type.string.go#0ADAF3de
storage.type.token.java#9F9FF5de
storage.type.uintptr.go#FCBA6Ede
storage.type.variable.cs#FCB96Fde
string#FDB96Bde
string.quoted.docstring.multi.python#CACA736e
string.regexp#11DAF2de
string.tag#12DAF2de
string.value#11DAF2de
strong#85DC0Ede
support.class#FCB96Fde
support.constant.color#EEB06Ade
support.constant.dom#FDB96Dde
support.constant.font-name#84DC0Dde
support.constant.handlebars#10DAF3de
support.constant.json#BCBCFCde
support.constant.math#86DD0Ade
support.constant.media#ECA5F9de
support.constant.media-type#A5A5F9de
support.constant.property-value#86DC0Ede
support.function#85DC0Ede
support.function.git-rebase#83DC0Ade
support.other.parenthesis.regexp#0DE53Bde
support.type#84DC0Dde
support.type.property-name#0BD9F0de
support.type.vendored.property-name#FAACC1de
support.variable#0CE53Ade
token.debug-token#0EE43Bde
token.error-token#DF85F0de
token.info-token#FCB971de
token.warn-token#EDAC63de
variable#0CE43Ade
variable.css#09D9F2de
variable.language#F1AEFEde
variable.language.wildcard.java#9F9FF5de
variable.other.constant#86DC0Ede
variable.other.definition.java#BCBCFEde
variable.other.enummember#86DC0Ede
variable.other.less#A5A5F9de
variable.other.object.java#FAACC1de
variable.other.object.property.java#F68EA9de
variable.parameter.c#9E9EF7de
variable.parameter.function.language.python#84DC0Dde
variable.parameter.java#F2B878de
variable.scss#83DC09de
viiv by B.W - VS Code Theme