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#16191dfe
  • activityBar.activeBackground#16191dfe
  • activityBar.activeBorder#FD8BA8fe
  • activityBar.activeFocusBorder#7F5A7600
  • activityBar.background#0D0F12fe
  • activityBar.border#7F5A7600
  • activityBar.dropBorder#FE8BA7fe
  • activityBar.foreground#F0839Efe
  • activityBar.inactiveForeground#A3ACB965
  • activityBarBadge.background#DD5174fe
  • activityBarBadge.foreground#0D0F12fe
  • badge.background#D7456Afe
  • badge.foreground#0D0F12fe
  • banner.background#16191dfe
  • banner.foreground#DFEEFEce
  • banner.iconForeground#C0CFC8fe
  • breadcrumb.activeSelectionForeground#CED3DAca
  • breadcrumb.background#0F1114fe
  • breadcrumb.focusForeground#C83258fe
  • breadcrumb.foreground#D7E7FEae
  • breadcrumbPicker.background#16191dfe
  • button.background#363E48ae
  • button.border#0E0A0D00
  • button.foreground#DFEEFEce
  • button.hoverBackground#545F6F6e
  • button.secondaryBackground#16191dfe
  • button.secondaryForeground#DFEEFEce
  • button.secondaryHoverBackground#16191dfe
  • button.separator#0B0E0A00
  • charts.blue#1b1bfffe
  • charts.foreground#DFEEFEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b2
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0E10fe
  • chat.slashCommandBackground#16191dfe
  • chat.slashCommandForeground#DFEEFEce
  • checkbox.background#0C0E10fe
  • checkbox.border#0C0E10fe
  • checkbox.foreground#DFEEFEce
  • checkbox.selectBackground#0C0E10fe
  • checkbox.selectBorder#0C0E10fe
  • commandCenter.activeBackground#1E2C268a
  • commandCenter.activeBorder#0C0E10fe
  • commandCenter.activeForeground#D44065fe
  • commandCenter.background#16191dfe
  • commandCenter.border#0C0E10fe
  • commandCenter.foreground#DFEEFEce
  • commandCenter.inactiveBorder#05285695
  • commandCenter.inactiveForeground#9EA8B565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0E0A00
  • contrastBorder#0A0E0C00
  • debugConsole.errorForeground#FF92FEce
  • debugConsole.infoForeground#DFEEFEce
  • debugConsole.sourceForeground#DFEEFEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D6D3DDfe
  • debugExceptionWidget.background#4F004Fa6
  • debugExceptionWidget.border#0C0E10fe
  • debugIcon.breakpointCurrentStackframeForeground#DDD3D3fe
  • debugIcon.breakpointDisabledForeground#B2BAC565
  • debugIcon.breakpointForeground#D6C9C9fe
  • debugIcon.breakpointStackframeForeground#CFCDC0fe
  • debugIcon.breakpointUnverifiedForeground#E2E8E1fe
  • debugIcon.continueForeground#C6D2C4fe
  • debugIcon.disconnectForeground#D6D4C9fe
  • debugIcon.pauseForeground#C7B6C2fe
  • debugIcon.restartForeground#CDC9D6fe
  • debugIcon.startForeground#DDD3DAfe
  • debugIcon.stepBackForeground#CED3DAfe
  • debugIcon.stepIntoForeground#E8E7E1fe
  • debugIcon.stepOutForeground#E5DDDDfe
  • debugIcon.stepOverForeground#E1D8DEfe
  • debugIcon.stopForeground#B6BDC7fe
  • debugTokenExpression.boolean#D4DDD3ca
  • debugTokenExpression.error#E5DDDDca
  • debugTokenExpression.name#E5DDDDca
  • debugTokenExpression.number#E8E7E1ca
  • debugTokenExpression.value#E3E1E8ca
  • debugToolBar.background#4F004Fb7
  • debugToolBar.border#0C0E10fe
  • debugView.exceptionLabelBackground#2A291Cca
  • debugView.exceptionLabelForeground#E2E8E1ca
  • debugView.stateLabelBackground#1D2A1Bca
  • debugView.stateLabelForeground#E3E1E8ca
  • debugView.valueChangedHighlight#D1CEDAca
  • descriptionForeground#DFEEFEce
  • diffEditor.border#0A0C0E00
  • diffEditor.diagonalFill#000000fe
  • diffEditor.insertedLineBackground#00300031
  • diffEditor.insertedTextBackground#102F12fb
  • diffEditor.insertedTextBorder#0A0E0C00
  • diffEditor.move.border#0B0E0A00
  • diffEditor.moveActive.border#0A0C0E00
  • diffEditor.removedLineBackground#5A000031
  • diffEditor.removedTextBackground#5B0000fb
  • diffEditor.removedTextBorder#0B0E0A00
  • diffEditor.unchangedCodeBackground#16191dfe
  • diffEditor.unchangedRegionBackground#16191dfe
  • diffEditor.unchangedRegionForeground#DFEEFEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B3BBC565
  • dropdown.background#0C0E10fe
  • dropdown.border#0C0E10fe
  • dropdown.foreground#DFEEFEce
  • dropdown.listBackground#0C0E10fe
  • editor.background#16191dfe
  • editor.findMatchBackground#3E4F3Bae
  • editor.findMatchBorder#0C0E10fe
  • editor.findMatchHighlightBackground#534C65ad
  • editor.findMatchHighlightBorder#0C0E10fe
  • editor.findRangeHighlightBackground#577367a8
  • editor.findRangeHighlightBorder#0C0E10fe
  • editor.focusedStackFrameHighlightBackground#6A50508d
  • editor.foldBackground#BDBAA8a3
  • editor.foreground#DFEEFEce
  • editor.hoverHighlightBackground#6F5467ad
  • editor.inactiveSelectionBackground#414C589a
  • editor.inlineValuesBackground#16191dfe
  • editor.inlineValuesForeground#DFEEFEce
  • editor.lineHighlightBackground#2B3139b4
  • editor.lineHighlightBorder#0B0E0A00
  • editor.linkedEditingBackground#16191dfe
  • editor.rangeHighlightBackground#5C4555a8
  • editor.rangeHighlightBorder#0C0E10fe
  • editor.selectionBackground#3C4F47a2
  • editor.selectionForeground#DFDDE5ca
  • editor.selectionHighlightBackground#5A44538b
  • editor.selectionHighlightBorder#0C0E10fe
  • editor.snippetFinalTabstopHighlightBackground#3E5249ac
  • editor.snippetFinalTabstopHighlightBorder#0C0E10fe
  • editor.snippetTabstopHighlightBackground#5A4453a6
  • editor.snippetTabstopHighlightBorder#0C0E10fe
  • editor.stackFrameHighlightBackground#5C4646a2
  • editor.symbolHighlightBackground#434C59a3
  • editor.symbolHighlightBorder#0C0E10fe
  • editor.wordHighlightBackground#5C4555a7
  • editor.wordHighlightBorder#0E0A0A00
  • editor.wordHighlightStrongBackground#5C4646a9
  • editor.wordHighlightStrongBorder#0E0D0A00
  • editor.wordHighlightTextBackground#5A4453a4
  • editor.wordHighlightTextBorder#0A0E0C00
  • editorBracketHighlight.foreground1#F5F6F7ce
  • editorBracketHighlight.foreground2#F5F6F7ce
  • editorBracketHighlight.foreground3#F5F6F7ce
  • editorBracketHighlight.foreground4#F5F6F7ce
  • editorBracketHighlight.foreground5#F5F6F7ce
  • editorBracketHighlight.foreground6#F5F6F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#DFEEFEce
  • editorBracketMatch.background#BEBAA9a8
  • editorBracketMatch.border#0C0E10fe
  • editorBracketPairGuide.activeBackground1#ADBFAA89
  • editorBracketPairGuide.activeBackground2#BEBBA989
  • editorBracketPairGuide.activeBackground3#AABEB68b
  • editorBracketPairGuide.activeBackground4#AABEB587
  • editorBracketPairGuide.activeBackground5#C6B5C288
  • editorBracketPairGuide.activeBackground6#ADBFAA83
  • editorBracketPairGuide.background1#2D2441fe
  • editorBracketPairGuide.background2#1B2A24fe
  • editorBracketPairGuide.background3#1C2A24fe
  • editorBracketPairGuide.background4#1E2C1Bfe
  • editorBracketPairGuide.background5#1B2B25fe
  • editorBracketPairGuide.background6#36212Ffe
  • editorCodeLens.foreground#B3BAC56e
  • editorCommentsWidget.rangeActiveBackground#B3BBC5fe
  • editorCommentsWidget.rangeBackground#16191dfe
  • editorCommentsWidget.resolvedBorder#0C0E10fe
  • editorCommentsWidget.unresolvedBorder#590000cb
  • editorCursor.background#16191dfe
  • editorCursor.foreground#E05779fe
  • editorError.background#0B0E0A00
  • editorError.border#0A0E0C00
  • editorError.foreground#FF92FEce
  • editorGhostText.background#16191dfe
  • editorGhostText.border#0A0E0C00
  • editorGhostText.foreground#B3BAC56e
  • editorGroup.border#0C0E10fe
  • editorGroup.dropBackground#16191dfe
  • editorGroup.dropIntoPromptBackground#16191dfe
  • editorGroup.dropIntoPromptBorder#0C0E10fe
  • editorGroup.dropIntoPromptForeground#DFEEFEce
  • editorGroup.emptyBackground#16191dfe
  • editorGroup.focusedEmptyBorder#0C0E10fe
  • editorGroupHeader.border#0E0A0A00
  • editorGroupHeader.noTabsBackground#0D0F12ae
  • editorGroupHeader.tabsBackground#16191Da1
  • editorGroupHeader.tabsBorder#0A0E0C00
  • editorGutter.addedBackground#83CA87fb
  • editorGutter.background#16191dfe
  • editorGutter.commentGlyphForeground#DFEEFEce
  • editorGutter.commentRangeForeground#DFEEFEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA1A1cb
  • editorGutter.foldingControlForeground#DFEEFEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0D00
  • editorHint.foreground#C1AEFFce
  • editorHoverWidget.background#0C0E10fe
  • editorHoverWidget.border#0C0E10fe
  • editorHoverWidget.foreground#DFEEFEce
  • editorHoverWidget.highlightForeground#E8E1E1ca
  • editorHoverWidget.statusBarBackground#16191dfe
  • editorIndentGuide.activeBackground1#F18AA4fe
  • editorIndentGuide.activeBackground2#FE8BA7fe
  • editorIndentGuide.activeBackground3#FD8BA7fe
  • editorIndentGuide.activeBackground4#F0839Efe
  • editorIndentGuide.activeBackground5#F391AAfe
  • editorIndentGuide.activeBackground6#FD8BA8fe
  • editorIndentGuide.background1#ADA7BC35
  • editorIndentGuide.background2#B1AE9935
  • editorIndentGuide.background3#B199AA35
  • editorIndentGuide.background4#A3869A35
  • editorIndentGuide.background5#B1AE9935
  • editorIndentGuide.background6#B59EAE35
  • editorInfo.background#0E0A0A00
  • editorInfo.border#0E0A0A00
  • editorInfo.foreground#C1AEFFce
  • editorInlayHint.background#16191dfe
  • editorInlayHint.foreground#DFEEFEce
  • editorInlayHint.parameterBackground#16191dfe
  • editorInlayHint.parameterForeground#DFEEFEce
  • editorInlayHint.typeBackground#16191dfe
  • editorInlayHint.typeForeground#DFEEFEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#D7456Afe
  • editorLineNumber.dimmedForeground#B3BAC56e
  • editorLineNumber.foreground#B3BBC56e
  • editorLink.activeForeground#E05779fe
  • editorMarkerNavigation.background#0C0E10fe
  • editorMarkerNavigationError.background#4F004Fc6
  • editorMarkerNavigationError.headerBackground#4F004Fb2
  • editorMarkerNavigationInfo.background#000096fe
  • editorMarkerNavigationInfo.headerBackground#000096fe
  • editorMarkerNavigationWarning.background#302800fe
  • editorMarkerNavigationWarning.headerBackground#302800fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#16191dfe
  • editorOverviewRuler.border#112948fe
  • editorOverviewRuler.bracketMatchForeground#DFEEFEce
  • editorOverviewRuler.commentForeground#B2BAC56e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#DFEEFEce
  • editorOverviewRuler.currentContentForeground#cececeaa
  • editorOverviewRuler.deletedForeground#FFA1A1cb
  • editorOverviewRuler.errorForeground#FF92FEce
  • editorOverviewRuler.findMatchForeground#00CFCFce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C1AEFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E5DDDDca
  • editorOverviewRuler.selectionHighlightForeground#C1AEFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E5DDDDca
  • editorOverviewRuler.wordHighlightStrongForeground#DFEEFEce
  • editorOverviewRuler.wordHighlightTextForeground#DFEEFEce
  • editorPane.background#16191dfe
  • editorRuler.foreground#B1BBC426
  • editorStickyScroll.background#16191dfe
  • editorStickyScrollHover.background#1A293E6e
  • editorSuggestWidget.background#0C0E10fe
  • editorSuggestWidget.border#0B0A0E00
  • editorSuggestWidget.focusHighlightForeground#64BF97fe
  • editorSuggestWidget.foreground#E8E7E1fe
  • editorSuggestWidget.highlightForeground#E5DDDDca
  • editorSuggestWidget.selectedBackground#3E4F3B8a
  • editorSuggestWidget.selectedForeground#E1E0D8ca
  • editorSuggestWidget.selectedIconForeground#DAD8CEca
  • editorSuggestWidgetStatus.foreground#CEDAD5fe
  • editorUnicodeHighlight.background#505B6Aa7
  • editorUnicodeHighlight.border#0C0E10fe
  • editorUnnecessaryCode.border#312800ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0A0E00
  • editorWarning.border#0E0A0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#DFEEFEce
  • editorWidget.background#0C0E10fe
  • editorWidget.border#0C0E10fe
  • editorWidget.foreground#DFEEFEce
  • editorWidget.resizeBorder#0C0E10fe
  • errorForeground#FF92FEce
  • extensionBadge.remoteBackground#E25D7Efe
  • extensionBadge.remoteForeground#0D0F12fe
  • extensionButton.background#1C293Eae
  • extensionButton.foreground#DFEEFEce
  • extensionButton.hoverBackground#212A346e
  • extensionButton.prominentBackground#16191dfe
  • extensionButton.prominentForeground#DFEEFEce
  • extensionButton.prominentHoverBackground#16191dfe
  • extensionButton.separator#0A0E0C00
  • extensionIcon.preReleaseForeground#D3DDD9fe
  • extensionIcon.sponsorForeground#DEE5DDfe
  • extensionIcon.starForeground#CDC9D6fe
  • extensionIcon.verifiedForeground#D6C9D2fe
  • focusBorder#0E0A0D00
  • foreground#DFEEFEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA1A1cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C1AEFFce
  • gitDecoration.stageDeletedResourceForeground#FFA1A1cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CFCFce
  • icon.foreground#B3BBC5ae
  • inlineChat.background#392131ca
  • inlineChat.border#202A36ca
  • inlineChat.regionHighlight#D4DDD3ca
  • inlineChat.shadow#D0DACEca
  • inlineChatDiff.inserted#D4DDD3ca
  • inlineChatDiff.removed#E8E1E1ca
  • inlineChatInput.background#D0DACEca
  • inlineChatInput.border#2A281Bca
  • inlineChatInput.focusBorder#0E0A0A00
  • inlineChatInput.placeholderForeground#D8DCE1ca
  • input.background#0C0E10fe
  • input.border#0C0E10fe
  • input.foreground#DFEEFEce
  • input.placeholderForeground#B3BBC565
  • inputOption.activeBackground#0C0E10fe
  • inputOption.activeBorder#0C0E10fe
  • inputOption.activeForeground#E25D7Efe
  • inputOption.hoverBackground#0C0E10fe
  • inputValidation.errorBackground#670067b0
  • inputValidation.errorBorder#4F004Fc8
  • inputValidation.errorForeground#FF92FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0E10fe
  • inputValidation.infoForeground#DFEEFEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0E10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0E10fe
  • interactive.inactiveCodeBorder#24293099
  • keybindingLabel.background#16191dfe
  • keybindingLabel.border#0C0E10fe
  • keybindingLabel.bottomBorder#0C0E10fe
  • keybindingLabel.foreground#DFEEFEce
  • keybindingTable.headerBackground#16191dfe
  • keybindingTable.rowsBackground#16191dfe
  • list.activeSelectionBackground#6F54678c
  • list.activeSelectionForeground#D3D7DDca
  • list.activeSelectionIconForeground#DEE5DDca
  • list.deemphasizedForeground#DFEEFEce
  • list.dropBackground#16191dfe
  • list.errorForeground#FF92FEce
  • list.filterMatchBackground#16191dfe
  • list.filterMatchBorder#0C0E10fe
  • list.focusAndSelectionOutline#0E0A0A00
  • list.focusBackground#424C5996
  • list.focusForeground#BF3255fe
  • list.focusHighlightForeground#79B0FDfe
  • list.focusOutline#0A0C0E00
  • list.highlightForeground#DAD8E1ca
  • list.hoverBackground#132E22a9
  • list.hoverForeground#CE355Bfe
  • list.inactiveFocusBackground#2F363E9a
  • list.inactiveFocusOutline#0E0A0D00
  • list.inactiveSelectionBackground#0D0F12ae
  • list.inactiveSelectionForeground#B2BAC565
  • list.inactiveSelectionIconForeground#B3BBC565
  • list.invalidItemForeground#DFEEFEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#16191dfe
  • listFilterWidget.noMatchesOutline#0E0D0A00
  • listFilterWidget.outline#0B0A0E00
  • listFilterWidget.shadow#0E0D0A00
  • menu.background#0D0F12fe
  • menu.border#0E0A0A00
  • menu.foreground#DFE9FEae
  • menu.selectionBackground#3B4F46a2
  • menu.selectionBorder#0E0D0A00
  • menu.selectionForeground#E25D7Efe
  • menu.separatorBackground#1F2A3765
  • menubar.selectionBackground#3C4F47a1
  • menubar.selectionBorder#0E0A0A00
  • menubar.selectionForeground#BF3255fe
  • merge.border#0C0E10fe
  • merge.commonContentBackground#16191dfe
  • merge.commonHeaderBackground#16191dfe
  • merge.currentContentBackground#00300031
  • merge.currentHeaderBackground#102F12fb
  • merge.incomingContentBackground#102D12cb
  • merge.incomingHeaderBackground#102F12fb
  • mergeEditor.change.background#16191dfe
  • mergeEditor.change.word.background#16191dfe
  • mergeEditor.changeBase.background#16191dfe
  • mergeEditor.changeBase.word.background#16191dfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0E10fe
  • mergeEditor.conflict.handledUnfocused.border#191D2136
  • mergeEditor.conflict.input1.background#0C0E10fe
  • mergeEditor.conflict.input2.background#0C0E10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a6
  • mergeEditor.conflict.unhandledFocused.border#0C0E10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1D212630
  • mergeEditor.conflictingLines.background#16191dfe
  • minimap.background#16191dfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F6F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#83CA87fb
  • minimapGutter.deletedBackground#FFA2A2fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#667487fe
  • minimapSlider.background#414A56ae
  • minimapSlider.hoverBackground#545F6F6e
  • notebook.cellBorderColor#0C0E10fe
  • notebook.cellEditorBackground#16191dfe
  • notebook.cellHoverBackground#16191dfe
  • notebook.cellInsertionIndicator#D0DACEca
  • notebook.cellStatusBarItemHoverBackground#16191dfe
  • notebook.cellToolbarSeparator#DDD3DAca
  • notebook.editorBackground#16191dfe
  • notebook.focusedCellBackground#16191dfe
  • notebook.focusedCellBorder#DD5174fe
  • notebook.focusedEditorBorder#0C0E10fe
  • notebook.inactiveFocusedCellBorder#6674878e
  • notebook.inactiveSelectedCellBorder#5B68788e
  • notebook.outputContainerBackgroundColor#16191dfe
  • notebook.outputContainerBorderColor#0C0E10fe
  • notebook.selectedCellBackground#16191dfe
  • notebook.selectedCellBorder#0C0E10fe
  • notebook.symbolHighlightBackground#16191dfe
  • notebookEditorOverviewRuler.runningCellForeground#DFEEFEce
  • notebookScrollbarSlider.activeBackground#5F6C7Dfe
  • notebookScrollbarSlider.background#333A43ae
  • notebookScrollbarSlider.hoverBackground#454F5B6e
  • notebookStatusErrorIcon.foreground#FF92FEce
  • notebookStatusRunningIcon.foreground#E8E7E1fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0E10fe
  • notificationCenterHeader.background#16191dfe
  • notificationCenterHeader.foreground#DFEEFEce
  • notificationLink.foreground#DFEEFEce
  • notifications.background#16191dfe
  • notifications.border#0C0E10fe
  • notifications.foreground#DFEEFEce
  • notificationsErrorIcon.foreground#FF92FEce
  • notificationsInfoIcon.foreground#E1E0D8fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0E10fe
  • panel.background#16191dfe
  • panel.border#0C0E10fe
  • panel.dropBorder#0C0E10fe
  • panelInput.border#0C0E10fe
  • panelSection.border#0C0E10fe
  • panelSection.dropBackground#16191dfe
  • panelSectionHeader.background#16191dfe
  • panelSectionHeader.border#0C0E10fe
  • panelSectionHeader.foreground#DFEEFEce
  • panelTitle.activeBorder#0E0D0A00
  • panelTitle.activeForeground#FE8AA7fe
  • panelTitle.inactiveForeground#99A3B165
  • peekView.border#F0839Efe
  • peekViewEditor.background#0C0E10fe
  • peekViewEditor.matchHighlightBackground#5C454589
  • peekViewEditor.matchHighlightBorder#0E0A0D00
  • peekViewEditorGutter.background#0C0E10fe
  • peekViewEditorStickyScroll.background#16191dfe
  • peekViewResult.background#0D0F12fe
  • peekViewResult.fileForeground#DFEEFEce
  • peekViewResult.lineForeground#DFEEFEce
  • peekViewResult.matchHighlightBackground#57506A8c
  • peekViewResult.selectionBackground#56534182
  • peekViewResult.selectionForeground#D0DACEca
  • peekViewTitle.background#0D0F12fe
  • peekViewTitleDescription.foreground#DFEEFEce
  • peekViewTitleLabel.foreground#DFEEFEce
  • pickerGroup.border#0C0E10fe
  • pickerGroup.foreground#DFEEFEce
  • ports.iconRunningProcessForeground#E1E8E5fe
  • problemsErrorIcon.foreground#FF92FEce
  • problemsInfoIcon.foreground#C1AEFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#D13A60fe
  • profileBadge.foreground#0D0F12fe
  • progressBar.background#16191dfe
  • quickInput.background#0D0F12fe
  • quickInput.foreground#E6E9ECae
  • quickInputList.focusBackground#506A5Fa2
  • quickInputList.focusForeground#DD5174fe
  • quickInputList.focusIconForeground#DA4B6Ffe
  • quickInputTitle.background#0C0E10fe
  • sash.hoverBorder#0C0E10fe
  • scrollbar.shadow#0B0E0A00
  • scrollbarSlider.activeBackground#667487fe
  • scrollbarSlider.background#3E4652ae
  • scrollbarSlider.hoverBackground#4C57656e
  • search.resultsInfoForeground#DFEEFEce
  • searchEditor.findMatchBackground#5A4453a2
  • searchEditor.findMatchBorder#0C0E10fe
  • searchEditor.textInputBorder#0C0E10fe
  • selection.background#16191dfe
  • settings.checkboxBackground#0C0E10fe
  • settings.checkboxBorder#0C0E10fe
  • settings.checkboxForeground#DFEEFEce
  • settings.dropdownBackground#0C0E10fe
  • settings.dropdownBorder#0C0E10fe
  • settings.dropdownForeground#DFEEFEce
  • settings.dropdownListBorder#0C0E10fe
  • settings.focusedRowBackground#4E48608d
  • settings.focusedRowBorder#0C0E10fe
  • settings.headerBorder#0C0E10fe
  • settings.headerForeground#DFEEFEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0E10fe
  • settings.numberInputBorder#0C0E10fe
  • settings.numberInputForeground#DFEEFEce
  • settings.rowHoverBackground#16191dfe
  • settings.sashBorder#0C0E10fe
  • settings.settingsHeaderHoverForeground#DA4B6Ffe
  • settings.textInputBackground#0C0E10fe
  • settings.textInputBorder#0C0E10fe
  • settings.textInputForeground#DFEEFEce
  • sideBar.background#16191dfe
  • sideBar.border#0C0E10fe
  • sideBar.dropBackground#16191dfe
  • sideBar.foreground#B3BBC5ae
  • sideBarSectionHeader.background#0E0A0D00
  • sideBarSectionHeader.border#0C0E10fe
  • sideBarSectionHeader.foreground#DFEEFEce
  • sideBarTitle.foreground#DFEEFEce
  • sideBySideEditor.horizontalBorder#0C0E10fe
  • sideBySideEditor.verticalBorder#0C0E10fe
  • simpleFindWidget.sashBorder#0C0E10fe
  • statusBar.background#0D0F12fe
  • statusBar.border#0C0E10fe
  • statusBar.debuggingBackground#4F004Faa
  • statusBar.debuggingBorder#0C0E10fe
  • statusBar.debuggingForeground#DFEEFEce
  • statusBar.focusBorder#0E0A0D00
  • statusBar.foreground#B3BBC56e
  • statusBar.noFolderBackground#0D0F12fe
  • statusBar.noFolderBorder#0C0E10fe
  • statusBar.noFolderForeground#DFEEFEce
  • statusBarItem.activeBackground#0D0F12fe
  • statusBarItem.compactHoverBackground#0D0F12fe
  • statusBarItem.errorBackground#4F004Fa7
  • statusBarItem.errorForeground#FF92FEce
  • statusBarItem.errorHoverBackground#4F004Fa7
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0A0A00
  • statusBarItem.hoverBackground#0D0F12fe
  • statusBarItem.hoverForeground#DA4B6Ffe
  • statusBarItem.offlineBackground#0D0F12fe
  • statusBarItem.offlineForeground#DFEEFEce
  • statusBarItem.offlineHoverBackground#0D0F12fe
  • statusBarItem.offlineHoverForeground#DA4B6Ffe
  • statusBarItem.prominentBackground#0D0F12fe
  • statusBarItem.prominentForeground#DFEEFEce
  • statusBarItem.prominentHoverBackground#0D0F12fe
  • statusBarItem.prominentHoverForeground#CE355Bfe
  • statusBarItem.remoteBackground#BF3255fe
  • statusBarItem.remoteForeground#0D0F12fe
  • statusBarItem.remoteHoverBackground#0D0F12fe
  • statusBarItem.remoteHoverForeground#D13A60fe
  • statusBarItem.warningBackground#302800fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#302800fe
  • statusBarItem.warningHoverForeground#CEAB00ce
  • symbolIcon.arrayForeground#D2D0C4fe
  • symbolIcon.booleanForeground#00CFCFce
  • symbolIcon.classForeground#CFC0CAfe
  • symbolIcon.colorForeground#B6BDC7fe
  • symbolIcon.constantForeground#C4CAD2fe
  • symbolIcon.constructorForeground#BFBBCBfe
  • symbolIcon.enumeratorForeground#DEE5DDfe
  • symbolIcon.enumeratorMemberForeground#E5E4DDfe
  • symbolIcon.eventForeground#C6D2C4fe
  • symbolIcon.fieldForeground#D8DCE1fe
  • symbolIcon.fileForeground#E1D8D8fe
  • symbolIcon.folderForeground#D6C9D2fe
  • symbolIcon.functionForeground#DAD8E1fe
  • symbolIcon.interfaceForeground#C4CAD2fe
  • symbolIcon.keyForeground#D6D4C9fe
  • symbolIcon.keywordForeground#C0C6CFfe
  • symbolIcon.methodForeground#BBCBC4fe
  • symbolIcon.moduleForeground#E1E8E5fe
  • symbolIcon.namespaceForeground#E8E1E1fe
  • symbolIcon.nullForeground#B2BAC5fe
  • symbolIcon.numberForeground#CFC0C0fe
  • symbolIcon.objectForeground#D2C4CEfe
  • symbolIcon.operatorForeground#D6C9D2fe
  • symbolIcon.packageForeground#E1D8DEfe
  • symbolIcon.propertyForeground#DDD3D3fe
  • symbolIcon.referenceForeground#C4C0CFfe
  • symbolIcon.snippetForeground#CFCDC0fe
  • symbolIcon.stringForeground#DDE0E5fe
  • symbolIcon.structForeground#CBBBBBfe
  • symbolIcon.textForeground#CFCDC0fe
  • symbolIcon.typeParameterForeground#D2C4C4fe
  • symbolIcon.unitForeground#C9CFD6fe
  • symbolIcon.variableForeground#E1E0D8fe
  • tab.activeBackground#0F1114fe
  • tab.activeBorder#0B0A0E00
  • tab.activeBorderTop#F391AAfe
  • tab.activeForeground#FD8BA9fe
  • tab.activeModifiedBorder#312800ce
  • tab.border#0B0A0E00
  • tab.hoverBackground#AABEB5ab
  • tab.hoverBorder#0C0E10fe
  • tab.hoverForeground#DA4B6Ffe
  • tab.inactiveBackground#05285693
  • tab.inactiveForeground#A3ACB965
  • tab.inactiveModifiedBorder#312800ce
  • tab.lastPinnedBorder#0C0E10fe
  • tab.unfocusedActiveBackground#191D2131
  • tab.unfocusedActiveBorder#0B0A0E00
  • tab.unfocusedActiveBorderTop#1F2A3765
  • tab.unfocusedActiveForeground#A3ACB965
  • tab.unfocusedActiveModifiedBorder#312800ce
  • tab.unfocusedHoverBackground#B3BBC53a
  • tab.unfocusedHoverBorder#1D212639
  • tab.unfocusedHoverForeground#99A3B165
  • tab.unfocusedInactiveBackground#2429309a
  • tab.unfocusedInactiveForeground#61A4FD65
  • tab.unfocusedInactiveModifiedBorder#312800ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c5
  • 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#cececeae
  • terminal.ansiYellow#c4a200fe
  • terminal.background#16191dfe
  • terminal.border#0C0E10fe
  • terminal.dropBackground#16191dfe
  • terminal.findMatchBackground#16191dfe
  • terminal.findMatchBorder#0C0E10fe
  • terminal.findMatchHighlightBackground#16191dfe
  • terminal.findMatchHighlightBorder#0C0E10fe
  • terminal.foreground#B3BBC5ae
  • terminal.hoverHighlightBackground#16191dfe
  • terminal.inactiveSelectionBackground#282D3591
  • terminal.selectionBackground#5B455587
  • terminal.selectionForeground#DDE0E5ca
  • terminal.tab.activeBorder#F0839Efe
  • terminalCommandDecoration.defaultBackground#BDBAA8a3
  • terminalCommandDecoration.errorBackground#FFA1A1cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#16191dfe
  • terminalCursor.foreground#DD5174fe
  • terminalOverviewRuler.cursorForeground#DFEEFEce
  • terminalOverviewRuler.findMatchForeground#00CFCFce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c8
  • testing.iconUnset#808080b3
  • testing.message.error.decorationForeground#EBA7B8fe
  • testing.message.error.lineBackground#4F004Fa1
  • testing.message.info.decorationForeground#EEA7B9fe
  • testing.message.info.lineBackground#000096fe
  • testing.peekBorder#0C0E10fe
  • testing.peekHeaderBackground#16191dfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#16191dfe
  • textBlockQuote.border#0C0E10fe
  • textCodeBlock.background#16191dfe
  • textLink.activeForeground#D44065fe
  • textLink.foreground#C1AEFFce
  • textPreformat.foreground#DFEEFEce
  • textSeparator.foreground#DFEEFEce
  • titleBar.activeBackground#0D0F12fe
  • titleBar.activeForeground#88B1E6ae
  • titleBar.border#0B0A0E00
  • titleBar.inactiveBackground#1D2126dd
  • titleBar.inactiveForeground#A3ACB965
  • toolbar.activeBackground#192E1682
  • toolbar.hoverBackground#16191dfe
  • toolbar.hoverOutline#0E0D0A00
  • tree.inactiveIndentGuidesStroke#B9A3A335
  • tree.indentGuidesStroke#E9A9B9fe
  • tree.tableColumnsBorder#0C0E10fe
  • tree.tableOddRowsBackground#16191dfe
  • walkThrough.embeddedEditorBackground#16191dfe
  • walkthrough.stepTitle.foreground#DFEEFEce
  • welcomePage.background#16191dfe
  • welcomePage.progress.background#16191dfe
  • welcomePage.progress.foreground#DFEEFEce
  • welcomePage.tileBackground#16191dfe
  • welcomePage.tileBorder#0C0E10fe
  • welcomePage.tileHoverBackground#16191dfe
  • widget.border#0C0E10fe
  • widget.shadow#0B0E0A00
  • window.activeBorder#0C0E10fe
  • window.inactiveBorder#24293092

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#A1C5F56e
comment.block.html#9DC7F06e
comment.block.java#9DC7F06e
comment.block.javadoc.java#A6C5F36e
comment.block.powershell#ACC3F36e
comment.block.xml#A6C5F36e
comment.line.double-slash.c#A1C5F56e
comment.line.double-slash.cpp#A6C5F36e
comment.line.double-slash.java#ACC3F36e
comment.line.double-slash.js#ACC3F36e
comment.line.number-sign.makefile#ACC3F36e
comment.line.number-sign.python#A1C5F56e
comment.line.number-sign.yaml#A6C5F36e
comment.line.percentage.erlang#A6C5F36e
comment.line.powershell#ACC3F36e
comment.source.cmake#A1C5F56e
comment.source.cmakecache#9DC7F06e
constant.character#10E145de
constant.character.character-class.regexp#12E146de
constant.character.escape#12E045de
constant.character.set.regexp#C2C2C2de
constant.language#34D4F6de
constant.numeric#ECB176de
constant.numeric.dec.python#DE83F0de
constant.other.caps.python#F598AFde
constant.other.character-class.regexp#EAAD70de
constant.other.character-class.set.regexp#F0A9FEde
constant.other.color.rgb-value#F0839Ede
constant.other.placeholder#25D4F6de
constant.other.rgb-value#25D4F6de
constant.regexp#F9AEC1de
constant.sha.git-rebase#C2C2C2de
emphasis#C2C2C2de
entity.name.class#86D713de
entity.name.function#85D713de
entity.name.function.preprocessor#F391AAde
entity.name.function.python#10E145de
entity.name.label#F0A9FEde
entity.name.namespace#85D810de
entity.name.operator#10E044de
entity.name.operator.custom-literal#F0A9FEde
entity.name.scope-resolution#E08AF1de
entity.name.tag#2FD4F5de
entity.name.tag.css#85D710de
entity.name.type#12E145de
entity.name.variable#86D713de
entity.other.attribute#63CFE5de
entity.other.attribute-name#63CFE5de
entity.other.attribute-name.class.css#EC849Dde
entity.other.attribute-name.class.mixin.css#C2C2C2de
entity.other.attribute-name.id#85D713de
entity.other.attribute-name.id.css#D983EAde
entity.other.attribute-name.parent-selector.css#32D4F4de
entity.other.attribute-name.pseudo-class.css#D983EAde
entity.other.attribute-name.pseudo-element.css#DB82EDde
entity.other.attribute-name.scss#85D713de
entity.other.document.begin.yaml#9DC7F06e
entity.other.inherited-class#FDB368de
header#EC849Dde
invalid#86D713de
keyword#85D713de
keyword.codetag.notation.python#F598AFde
keyword.control#12E045de
keyword.control.anchor.regexp#E391F3de
keyword.control.import.python#82D80Dde
keyword.operator#A6A6A6de
keyword.operator.alignas#E7A869de
keyword.operator.alignof#12E045de
keyword.operator.cast#12E145de
keyword.operator.delete#FBB46Ede
keyword.operator.documentation.powershell#ACC3F36e
keyword.operator.expression#DC80EEde
keyword.operator.instanceof#34D4F6de
keyword.operator.logical.python#E7A869de
keyword.operator.minus.exponent#F69FB5de
keyword.operator.negation.regexp#0AE041de
keyword.operator.new#12E146de
keyword.operator.noexcept#35D4F5de
keyword.operator.or.regexp#FBB46Cde
keyword.operator.plus.exponent#85D712de
keyword.operator.quantifier.regexp#FCB46Fde
keyword.operator.sizeof#AFAFAFde
keyword.operator.typeid#C2C2C2de
keyword.operator.wordlike#A6A6A6de
keyword.other.operator#85D710de
keyword.other.package.java#FBB46Cde
keyword.other.unit#11E146de
keyword.other.using#FEACC1de
markup.bold#DE83F0de
markup.changed#2ED4F4de
markup.deleted#FCB46Ede
markup.fenced_code.block.markdown#F18AA4de
markup.heading#11E146de
markup.inline.raw#EFA3FEde
markup.inserted#12E145de
markup.italic#EB859Fde
markup.raw.block.markdown#12E046de
markup.strikethrough#EAA7F7de
markup.underline#0CE043de
meta.block.c#2ED4F4de
meta.block.c#82D80Dde
meta.class.java#EE849Ede
meta.definition.variable.name#F69FB5de
meta.diff.header#35D4F5de
meta.embedded#86D713de
meta.embedded.assembly#FCB46Bde
meta.function-call.arguments.python#F9AEC1de
meta.function-call.python#EC849Dde
meta.member.access.python#12E145de
meta.method.java#85D812de
meta.object-literal.key#EEB57Dde
meta.paragraph.markdown#10E145de
meta.preprocessor#EE849Ede
meta.preprocessor.numeric#C1C1C1de
meta.preprocessor.string#2BD4F6de
meta.scope.prerequisites.makefile#EE839Ede
meta.structure.dictionary.json.comments#9DC7F06e
meta.structure.dictionary.key.python#85D812de
meta.structure.dictionary.value.json.comments#A1C5F56e
meta.template.expression#12E145de
meta.type.cast.expr#EEB57Dde
meta.type.new.expr#E391F3de
parameter#86D713de
punctuation.character.set.begin.regexp#11E146de
punctuation.character.set.end.regexp#63CFE5de
punctuation.definition.array.begin.json#E7A869de
punctuation.definition.character-class.regexp#C2C2C2de
punctuation.definition.comment#9DC7F06e
punctuation.definition.comment.json.comments#ACC3F36e
punctuation.definition.comment.python#9DC7F06e
punctuation.definition.dictionary.begin.json#AFAFAFde
punctuation.definition.dictionary.end.json#EFAAFEde
punctuation.definition.group.assertion.regexp#30D4F4de
punctuation.definition.group.regexp#EFAAFEde
punctuation.definition.list.begin.json#35D4F5de
punctuation.definition.list.begin.markdown#12E046de
punctuation.definition.list.begin.python#85D810de
punctuation.definition.list.end.json#FEABC0de
punctuation.definition.list.end.markdown#10E145de
punctuation.definition.list.end.python#B3B3B3de
punctuation.definition.parameters.begin.python#12E146de
punctuation.definition.parameters.end.bracket.round.java#82D80Dde
punctuation.definition.quote.begin.markdown#FCB46Ede
punctuation.definition.tag#FCB46Cde
punctuation.definition.template-expression.begin#2FD4F5de
punctuation.definition.template-expression.end#EAAD70de
punctuation.section.class.begin.bracket.curly.java#83D90Bde
punctuation.section.embedded#E89FF6de
punctuation.section.embedded.begin.php#AFAFAFde
punctuation.section.embedded.end.php#B8B8B8de
punctuation.terminator.java#F7A7BBde
source.cmake#EFAAFEde
source.coffee.embedded#83D90Bde
source.cpp#FBB46Ade
source.css.less#0CE143de
source.groovy.embedded#C2C2C2de
source.java#F391AAde
source.java-properties#25D4F6de
source.json.comments#ACC3F36e
source.makefile#F598AFde
source.powershell#C2C2C2de
source.powershell.variable.other.member#FCB46Bde
source.python#85D710de
storage#DE83F0de
storage.modifier#C2C2C2de
storage.modifier.import.java#85D812de
storage.modifier.package.java#FBB46Cde
storage.type#FCB46Ede
storage.type.annotation.groovy#F18AA4de
storage.type.annotation.java#2BD4F6de
storage.type.boolean.go#EEB57Dde
storage.type.byte.go#0CE143de
storage.type.cs#EFA3FEde
storage.type.error.go#12E146de
storage.type.generic.cs#ECB176de
storage.type.generic.groovy#85D712de
storage.type.generic.java#FEB369de
storage.type.groovy#35D4F5de
storage.type.java#10E044de
storage.type.modifier.cs#FCB46Fde
storage.type.numeric.go#34D4F6de
storage.type.object.array.groovy#86D713de
storage.type.object.array.java#2ED4F4de
storage.type.parameters.groovy#C2C2C2de
storage.type.primitive.array.groovy#27D4F6de
storage.type.primitive.array.java#32D4F4de
storage.type.primitive.groovy#DA82ECde
storage.type.primitive.java#12E045de
storage.type.rune.go#83D90Bde
storage.type.string.go#ECB176de
storage.type.token.java#F0A9FEde
storage.type.uintptr.go#0EE143de
storage.type.variable.cs#0EE143de
string#AFAFAFde
string.quoted.docstring.multi.python#ACC3F36e
string.regexp#0AE041de
string.tag#C1C1C1de
string.value#12E145de
strong#30D4F4de
support.class#85D713de
support.constant.color#C2C2C2de
support.constant.dom#F7A7BBde
support.constant.font-name#EFAAFEde
support.constant.handlebars#85D712de
support.constant.json#C2C2C2de
support.constant.math#EB859Fde
support.constant.media#D982EBde
support.constant.media-type#ECB176de
support.constant.property-value#FEB369de
support.function#84D810de
support.function.git-rebase#C2C2C2de
support.other.parenthesis.regexp#B8B8B8de
support.type#2ED4F4de
support.type.property-name#2ED4F4de
support.type.vendored.property-name#86D713de
support.variable#12E045de
token.debug-token#E391F3de
token.error-token#C2C2C2de
token.info-token#F0A9FEde
token.warn-token#EAAD70de
variable#DB82EDde
variable.css#85D713de
variable.language#FEABC0de
variable.language.wildcard.java#85D713de
variable.other.constant#FEB369de
variable.other.definition.java#FEACC1de
variable.other.enummember#DC80EEde
variable.other.less#E89FF6de
variable.other.object.java#C2C2C2de
variable.other.object.property.java#C2C2C2de
variable.parameter.c#31D4F4de
variable.parameter.function.language.python#85D713de
variable.parameter.java#0CE143de
variable.scss#E7A869de
viiv by B.W - VS Code Theme