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#171b22fe
  • activityBar.activeBackground#171b22fe
  • activityBar.activeBorder#FE8BAAfe
  • activityBar.activeFocusBorder#C99EF500
  • activityBar.background#0E1116fe
  • activityBar.border#38C4A100
  • activityBar.dropBorder#FE8EACfe
  • activityBar.foreground#FE8DACfe
  • activityBar.inactiveForeground#9AA6BB65
  • activityBarBadge.background#E9567Dfe
  • activityBarBadge.foreground#0E1116fe
  • badge.background#E3426Cfe
  • badge.foreground#0E1116fe
  • banner.background#171b22fe
  • banner.foreground#DEEEFEce
  • banner.iconForeground#B4CBC6fe
  • breadcrumb.activeSelectionForeground#D9D9C8ca
  • breadcrumb.background#101319fe
  • breadcrumb.focusForeground#EB5D82fe
  • breadcrumb.foreground#DFEBFEae
  • breadcrumbPicker.background#171b22fe
  • button.background#3C4659ae
  • button.border#0A0C1000
  • button.foreground#DEEEFEce
  • button.hoverBackground#505E77fe
  • button.secondaryBackground#171b22fe
  • button.secondaryForeground#DEEEFEce
  • button.secondaryHoverBackground#171b22fe
  • button.separator#0F0C0B00
  • charts.blue#1b1bfffe
  • charts.foreground#DEEEFEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ad
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0F13fe
  • chat.slashCommandBackground#171b22fe
  • chat.slashCommandForeground#DEEEFEce
  • checkbox.background#0C0F13fe
  • checkbox.border#0C0F13fe
  • checkbox.foreground#DEEEFEce
  • checkbox.selectBackground#0C0F13fe
  • checkbox.selectBorder#0C0F13fe
  • commandCenter.activeBackground#421C138e
  • commandCenter.activeBorder#0C0F13fe
  • commandCenter.activeForeground#E3426Cfe
  • commandCenter.background#171b22fe
  • commandCenter.border#0C0F13fe
  • commandCenter.foreground#DEEEFEce
  • commandCenter.inactiveBorder#08163393
  • commandCenter.inactiveForeground#95A2B765
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0F0E00
  • contrastBorder#0F0F0B00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#DEEEFEce
  • debugConsole.sourceForeground#DEEEFEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#B4CBC6fe
  • debugExceptionWidget.background#670067ab
  • debugExceptionWidget.border#0C0F13fe
  • debugIcon.breakpointCurrentStackframeForeground#D2DFDDfe
  • debugIcon.breakpointDisabledForeground#E6EFFD65
  • debugIcon.breakpointForeground#F3EAFDfe
  • debugIcon.breakpointStackframeForeground#D9C8D4fe
  • debugIcon.breakpointUnverifiedForeground#D5C7C3fe
  • debugIcon.continueForeground#FDE9F7fe
  • debugIcon.disconnectForeground#D1D7E0fe
  • debugIcon.pauseForeground#E6DEDCfe
  • debugIcon.restartForeground#DDE6DCfe
  • debugIcon.startForeground#B3BCCCfe
  • debugIcon.stepBackForeground#C3D5D1fe
  • debugIcon.stepIntoForeground#CEB9C8fe
  • debugIcon.stepOutForeground#CEB9C8fe
  • debugIcon.stepOverForeground#CEBDB9fe
  • debugIcon.stopForeground#DDE6DCfe
  • debugTokenExpression.boolean#DBE0E7ca
  • debugTokenExpression.error#E6DEDCca
  • debugTokenExpression.name#DCCDD7ca
  • debugTokenExpression.number#DFD5D2ca
  • debugTokenExpression.value#CDDCD9ca
  • debugToolBar.background#670067b5
  • debugToolBar.border#0C0F13fe
  • debugView.exceptionLabelBackground#1B283Bca
  • debugView.exceptionLabelForeground#D6DBE3ca
  • debugView.stateLabelBackground#1B283Aca
  • debugView.stateLabelForeground#D9D9C8ca
  • debugView.valueChangedHighlight#E1DCE6ca
  • descriptionForeground#DEEEFEce
  • diffEditor.border#0B0F0B00
  • diffEditor.diagonalFill#000000f9
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0B0F0E00
  • diffEditor.move.border#0A0C1000
  • diffEditor.moveActive.border#0A0C1000
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0B0F0B00
  • diffEditor.unchangedCodeBackground#171b22fe
  • diffEditor.unchangedRegionBackground#171b22fe
  • diffEditor.unchangedRegionForeground#DEEEFEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#E6EFFD65
  • dropdown.background#0C0F13fe
  • dropdown.border#0C0F13fe
  • dropdown.foreground#DEEEFEce
  • dropdown.listBackground#0C0F13fe
  • editor.background#171b22fe
  • editor.findMatchBackground#75516Aad
  • editor.findMatchBorder#0C0F13fe
  • editor.findMatchHighlightBackground#5076BFa8
  • editor.findMatchHighlightBorder#0C0F13fe
  • editor.findRangeHighlightBackground#39524Da6
  • editor.findRangeHighlightBorder#0C0F13fe
  • editor.focusedStackFrameHighlightBackground#78466A83
  • editor.foldBackground#F3F3A4ab
  • editor.foreground#DEEEFEce
  • editor.hoverHighlightBackground#3F573Ca7
  • editor.inactiveSelectionBackground#4472C593
  • editor.inlineValuesBackground#171b22fe
  • editor.inlineValuesForeground#DEEEFEce
  • editor.lineHighlightBackground#272E3Bb1
  • editor.lineHighlightBorder#0A0C1000
  • editor.linkedEditingBackground#171b22fe
  • editor.rangeHighlightBackground#6B6B4Aa3
  • editor.rangeHighlightBorder#0C0F13fe
  • editor.selectionBackground#4D5A72a9
  • editor.selectionForeground#D9C8D4ca
  • editor.selectionHighlightBackground#6B514A8e
  • editor.selectionHighlightBorder#0C0F13fe
  • editor.snippetFinalTabstopHighlightBackground#445F91a3
  • editor.snippetFinalTabstopHighlightBorder#0C0F13fe
  • editor.snippetTabstopHighlightBackground#704E66ad
  • editor.snippetTabstopHighlightBorder#0C0F13fe
  • editor.stackFrameHighlightBackground#405C56a7
  • editor.symbolHighlightBackground#6B6B4Aad
  • editor.symbolHighlightBorder#0C0F13fe
  • editor.wordHighlightBackground#70554Ea3
  • editor.wordHighlightBorder#0B0F0E00
  • editor.wordHighlightStrongBackground#435C40ab
  • editor.wordHighlightStrongBorder#0B0F0B00
  • editor.wordHighlightTextBackground#43615Ba1
  • editor.wordHighlightTextBorder#0A0C1000
  • editorBracketHighlight.foreground1#F4F6F8ce
  • editorBracketHighlight.foreground2#F4F6F8ce
  • editorBracketHighlight.foreground3#F4F6F8ce
  • editorBracketHighlight.foreground4#F4F6F8ce
  • editorBracketHighlight.foreground5#F4F6F8ce
  • editorBracketHighlight.foreground6#F4F6F8ce
  • editorBracketHighlight.unexpectedBracket.foreground#DEEEFEce
  • editorBracketMatch.background#F5EBFEa7
  • editorBracketMatch.border#0C0F13fe
  • editorBracketPairGuide.activeBackground1#F4EBFE85
  • editorBracketPairGuide.activeBackground2#CDFAC882
  • editorBracketPairGuide.activeBackground3#F3E9FE82
  • editorBracketPairGuide.activeBackground4#D0FACA85
  • editorBracketPairGuide.activeBackground5#F3E8FE81
  • editorBracketPairGuide.activeBackground6#FEEBE684
  • editorBracketPairGuide.background1#1B273Cfe
  • editorBracketPairGuide.background2#321E46fe
  • editorBracketPairGuide.background3#331E46fe
  • editorBracketPairGuide.background4#192C16fe
  • editorBracketPairGuide.background5#1B283Efe
  • editorBracketPairGuide.background6#1B283Efe
  • editorCodeLens.foreground#E7EFFD6e
  • editorCommentsWidget.rangeActiveBackground#E4EDFEfe
  • editorCommentsWidget.rangeBackground#171b22fe
  • editorCommentsWidget.resolvedBorder#0C0F13fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#171b22fe
  • editorCursor.foreground#E3426Cfe
  • editorError.background#0B0F0E00
  • editorError.border#0D0B0F00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#171b22fe
  • editorGhostText.border#0F0B0E00
  • editorGhostText.foreground#E6EFFD6e
  • editorGroup.border#0C0F13fe
  • editorGroup.dropBackground#171b22fe
  • editorGroup.dropIntoPromptBackground#171b22fe
  • editorGroup.dropIntoPromptBorder#0C0F13fe
  • editorGroup.dropIntoPromptForeground#DEEEFEce
  • editorGroup.emptyBackground#171b22fe
  • editorGroup.focusedEmptyBorder#0C0F13fe
  • editorGroupHeader.border#0A0C1000
  • editorGroupHeader.noTabsBackground#0E1116ae
  • editorGroupHeader.tabsBackground#171b22a1
  • editorGroupHeader.tabsBorder#0F0C0B00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#171b22fe
  • editorGutter.commentGlyphForeground#DEEEFEce
  • editorGutter.commentRangeForeground#DEEEFEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#DEEEFEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0F0B00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#0C0F13fe
  • editorHoverWidget.border#0C0F13fe
  • editorHoverWidget.foreground#DEEEFEce
  • editorHoverWidget.highlightForeground#E3E3D7ca
  • editorHoverWidget.statusBarBackground#171b22fe
  • editorIndentGuide.activeBackground1#E6EEFEfe
  • editorIndentGuide.activeBackground2#E7EFFEfe
  • editorIndentGuide.activeBackground3#E7EFFEfe
  • editorIndentGuide.activeBackground4#E7EFFEfe
  • editorIndentGuide.activeBackground5#E6EEFEfe
  • editorIndentGuide.activeBackground6#E7EFFEfe
  • editorIndentGuide.background1#A5857E35
  • editorIndentGuide.background2#917EA535
  • editorIndentGuide.background3#A0BDB735
  • editorIndentGuide.background4#AFA0BD35
  • editorIndentGuide.background5#AFA0BD35
  • editorIndentGuide.background6#BDBDA035
  • editorInfo.background#0B0F0B00
  • editorInfo.border#0F0F0B00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#171b22fe
  • editorInlayHint.foreground#DEEEFEce
  • editorInlayHint.parameterBackground#171b22fe
  • editorInlayHint.parameterForeground#DEEEFEce
  • editorInlayHint.typeBackground#171b22fe
  • editorInlayHint.typeForeground#DEEEFEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#E54972fe
  • editorLineNumber.dimmedForeground#E5EFFD6e
  • editorLineNumber.foreground#E5EEFD6e
  • editorLink.activeForeground#E03C67fe
  • editorMarkerNavigation.background#0C0F13fe
  • editorMarkerNavigationError.background#670067a8
  • editorMarkerNavigationError.headerBackground#670067a7
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#171b22fe
  • editorOverviewRuler.border#091834fe
  • editorOverviewRuler.bracketMatchForeground#DEEEFEce
  • editorOverviewRuler.commentForeground#E8EFFD6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#DEEEFEce
  • editorOverviewRuler.currentContentForeground#cececea7
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E6E6DCca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DBE0E7ca
  • editorOverviewRuler.wordHighlightStrongForeground#DEEEFEce
  • editorOverviewRuler.wordHighlightTextForeground#DEEEFEce
  • editorPane.background#171b22fe
  • editorRuler.foreground#E9EFFE36
  • editorStickyScroll.background#171b22fe
  • editorStickyScroll.shadow#0D0B0F00
  • editorStickyScrollHover.background#102651fe
  • editorSuggestWidget.background#0C0F13fe
  • editorSuggestWidget.border#0A0C1000
  • editorSuggestWidget.focusHighlightForeground#FE7CD6fe
  • editorSuggestWidget.foreground#B4CBC6fe
  • editorSuggestWidget.highlightForeground#D9D9C8ca
  • editorSuggestWidget.selectedBackground#70704E87
  • editorSuggestWidget.selectedForeground#CCD2DDca
  • editorSuggestWidget.selectedIconForeground#D9D2DFca
  • editorSuggestWidgetStatus.foreground#D5D5C3fe
  • editorUnicodeHighlight.background#465268a9
  • editorUnicodeHighlight.border#0C0F13fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0C1000
  • editorWarning.border#0B0F0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#DEEEFEce
  • editorWidget.background#0C0F13fe
  • editorWidget.border#0C0F13fe
  • editorWidget.foreground#DEEEFEce
  • editorWidget.resizeBorder#0C0F13fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#E54972fe
  • extensionBadge.remoteForeground#0E1116fe
  • extensionButton.background#0F254Fae
  • extensionButton.foreground#DEEEFEce
  • extensionButton.hoverBackground#0D234Bfe
  • extensionButton.prominentBackground#171b22fe
  • extensionButton.prominentForeground#DEEEFEce
  • extensionButton.prominentHoverBackground#171b22fe
  • extensionButton.separator#0B0F0E00
  • extensionIcon.preReleaseForeground#DFD2DBfe
  • extensionIcon.sponsorForeground#DFD5D2fe
  • extensionIcon.starForeground#D9C8D4fe
  • extensionIcon.verifiedForeground#C7CED9fe
  • focusBorder#0B0F0B00
  • foreground#DEEEFEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#E7EFFEae
  • inlineChat.background#282816ca
  • inlineChat.border#162B26ca
  • inlineChat.regionHighlight#DCDCCDca
  • inlineChat.shadow#D6DBE3ca
  • inlineChatDiff.inserted#D6DBE3ca
  • inlineChatDiff.removed#E3D7DFca
  • inlineChatInput.background#D0C8D9ca
  • inlineChatInput.border#192B17ca
  • inlineChatInput.focusBorder#0F0C0B00
  • inlineChatInput.placeholderForeground#D9D9C8ca
  • input.background#0C0F13fe
  • input.border#0C0F13fe
  • input.foreground#DEEEFEce
  • input.placeholderForeground#E6EFFD65
  • inputOption.activeBackground#0C0F13fe
  • inputOption.activeBorder#0C0F13fe
  • inputOption.activeForeground#E03C67fe
  • inputOption.hoverBackground#0C0F13fe
  • inputValidation.errorBackground#6700679e
  • inputValidation.errorBorder#670067ac
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0F13fe
  • inputValidation.infoForeground#DEEEFEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0F13fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0F13fe
  • interactive.inactiveCodeBorder#09183496
  • keybindingLabel.background#171b22fe
  • keybindingLabel.border#0C0F13fe
  • keybindingLabel.bottomBorder#0C0F13fe
  • keybindingLabel.foreground#DEEEFEce
  • keybindingTable.headerBackground#171b22fe
  • keybindingTable.rowsBackground#171b22fe
  • list.activeSelectionBackground#8B53458d
  • list.activeSelectionForeground#DBE0E7ca
  • list.activeSelectionIconForeground#DFD5D2ca
  • list.deemphasizedForeground#DEEEFEce
  • list.dropBackground#171b22fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#171b22fe
  • list.filterMatchBorder#0C0F13fe
  • list.focusAndSelectionOutline#0B0F0B00
  • list.focusBackground#3D66B796
  • list.focusForeground#D32654fe
  • list.focusHighlightForeground#B5B52Bfe
  • list.focusOutline#0F0B0E00
  • list.highlightForeground#CDDCD9ca
  • list.hoverBackground#0D234Bfe
  • list.hoverForeground#EB5D82fe
  • list.inactiveFocusBackground#2B324098
  • list.inactiveFocusOutline#0F0B0E00
  • list.inactiveSelectionBackground#0E1116ae
  • list.inactiveSelectionForeground#E7EFFD65
  • list.inactiveSelectionIconForeground#E7EFFD65
  • list.invalidItemForeground#DEEEFEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#171b22fe
  • listFilterWidget.noMatchesOutline#0A0C1000
  • listFilterWidget.outline#0F0C0B00
  • listFilterWidget.shadow#0F0B0E00
  • menu.background#0E1116fe
  • menu.border#0F0F0B00
  • menu.foreground#E5E8EEae
  • menu.selectionBackground#5E6E8Ba5
  • menu.selectionBorder#0F0C0B00
  • menu.selectionForeground#D32654fe
  • menu.separatorBackground#1A273C65
  • menubar.selectionBackground#4D5A72a7
  • menubar.selectionBorder#0F0F0B00
  • menubar.selectionForeground#DE3662fe
  • merge.border#0C0F13fe
  • merge.commonContentBackground#171b22fe
  • merge.commonHeaderBackground#171b22fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#171b22fe
  • mergeEditor.change.word.background#171b22fe
  • mergeEditor.changeBase.background#171b22fe
  • mergeEditor.changeBase.word.background#171b22fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0F13fe
  • mergeEditor.conflict.handledUnfocused.border#1A1E2732
  • mergeEditor.conflict.input1.background#0C0F13fe
  • mergeEditor.conflict.input2.background#0C0F13fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a9
  • mergeEditor.conflict.unhandledFocused.border#0C0F13fe
  • mergeEditor.conflict.unhandledUnfocused.border#1A1E272a
  • mergeEditor.conflictingLines.background#171b22fe
  • minimap.background#171b22fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F4F6F8ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#576681fe
  • minimapSlider.background#353E4Fae
  • minimapSlider.hoverBackground#465268fe
  • notebook.cellBorderColor#0C0F13fe
  • notebook.cellEditorBackground#171b22fe
  • notebook.cellHoverBackground#171b22fe
  • notebook.cellInsertionIndicator#E1DCE6ca
  • notebook.cellStatusBarItemHoverBackground#171b22fe
  • notebook.cellToolbarSeparator#CDDCD9ca
  • notebook.editorBackground#171b22fe
  • notebook.focusedCellBackground#171b22fe
  • notebook.focusedCellBorder#DB2F5Dfe
  • notebook.focusedEditorBorder#0C0F13fe
  • notebook.inactiveFocusedCellBorder#6172908e
  • notebook.inactiveSelectedCellBorder#5766818e
  • notebook.outputContainerBackgroundColor#171b22fe
  • notebook.outputContainerBorderColor#0C0F13fe
  • notebook.selectedCellBackground#171b22fe
  • notebook.selectedCellBorder#0C0F13fe
  • notebook.symbolHighlightBackground#171b22fe
  • notebookEditorOverviewRuler.runningCellForeground#DEEEFEce
  • notebookScrollbarSlider.activeBackground#617290fe
  • notebookScrollbarSlider.background#323A4Aae
  • notebookScrollbarSlider.hoverBackground#323A4Afe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#B2C7AFfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0F13fe
  • notificationCenterHeader.background#171b22fe
  • notificationCenterHeader.foreground#DEEEFEce
  • notificationLink.foreground#DEEEFEce
  • notifications.background#171b22fe
  • notifications.border#0C0F13fe
  • notifications.foreground#DEEEFEce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#B2C7AFfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0F13fe
  • panel.background#171b22fe
  • panel.border#0C0F13fe
  • panel.dropBorder#0C0F13fe
  • panelInput.border#0C0F13fe
  • panelSection.border#0C0F13fe
  • panelSection.dropBackground#171b22fe
  • panelSectionHeader.background#171b22fe
  • panelSectionHeader.border#0C0F13fe
  • panelSectionHeader.foreground#DEEEFEce
  • panelTitle.activeBorder#0B0F0B00
  • panelTitle.activeForeground#F487A4fe
  • panelTitle.inactiveForeground#6BA0FE65
  • peekView.border#FE8EACfe
  • peekViewEditor.background#0C0F13fe
  • peekViewEditor.matchHighlightBackground#51756E85
  • peekViewEditor.matchHighlightBorder#0D0B0F00
  • peekViewEditorGutter.background#0C0F13fe
  • peekViewEditorStickyScroll.background#171b22fe
  • peekViewResult.background#0E1116fe
  • peekViewResult.fileForeground#DEEEFEce
  • peekViewResult.lineForeground#DEEEFEce
  • peekViewResult.matchHighlightBackground#4073688b
  • peekViewResult.selectionBackground#7A416881
  • peekViewResult.selectionForeground#DDE6DCca
  • peekViewTitle.background#0E1116fe
  • peekViewTitleDescription.foreground#DEEEFEce
  • peekViewTitleLabel.foreground#DEEEFEce
  • pickerGroup.border#0C0F13fe
  • pickerGroup.foreground#DEEEFEce
  • ports.iconRunningProcessForeground#DFD2DBfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#E9567Dfe
  • profileBadge.foreground#0E1116fe
  • progressBar.background#171b22fe
  • quickInput.background#0E1116fe
  • quickInput.foreground#E0E4EAae
  • quickInputList.focusBackground#525239a1
  • quickInputList.focusForeground#E3426Cfe
  • quickInputList.focusIconForeground#EB5D82fe
  • quickInputTitle.background#0C0F13fe
  • sash.hoverBorder#0C0F13fe
  • scrollbar.shadow#0A0C1000
  • scrollbarSlider.activeBackground#576681fe
  • scrollbarSlider.background#3F4A5Eae
  • scrollbarSlider.hoverBackground#384254fe
  • search.resultsInfoForeground#DEEEFEce
  • searchEditor.findMatchBackground#B84796a2
  • searchEditor.findMatchBorder#0C0F13fe
  • searchEditor.textInputBorder#0C0F13fe
  • selection.background#171b22fe
  • settings.checkboxBackground#0C0F13fe
  • settings.checkboxBorder#0C0F13fe
  • settings.checkboxForeground#DEEEFEce
  • settings.dropdownBackground#0C0F13fe
  • settings.dropdownBorder#0C0F13fe
  • settings.dropdownForeground#DEEEFEce
  • settings.dropdownListBorder#0C0F13fe
  • settings.focusedRowBackground#3F573C8c
  • settings.focusedRowBorder#0C0F13fe
  • settings.headerBorder#0C0F13fe
  • settings.headerForeground#DEEEFEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0F13fe
  • settings.numberInputBorder#0C0F13fe
  • settings.numberInputForeground#DEEEFEce
  • settings.rowHoverBackground#171b22fe
  • settings.sashBorder#0C0F13fe
  • settings.settingsHeaderHoverForeground#DE3662fe
  • settings.textInputBackground#0C0F13fe
  • settings.textInputBorder#0C0F13fe
  • settings.textInputForeground#DEEEFEce
  • sideBar.background#171b22fe
  • sideBar.border#0C0F13fe
  • sideBar.dropBackground#171b22fe
  • sideBar.foreground#E7EFFEae
  • sideBarSectionHeader.background#0F0C0B00
  • sideBarSectionHeader.border#0C0F13fe
  • sideBarSectionHeader.foreground#DEEEFEce
  • sideBarTitle.foreground#DEEEFEce
  • sideBySideEditor.horizontalBorder#0C0F13fe
  • sideBySideEditor.verticalBorder#0C0F13fe
  • simpleFindWidget.sashBorder#0C0F13fe
  • statusBar.background#0E1116fe
  • statusBar.border#0C0F13fe
  • statusBar.debuggingBackground#67006799
  • statusBar.debuggingBorder#0C0F13fe
  • statusBar.debuggingForeground#DEEEFEce
  • statusBar.focusBorder#0B0F0B00
  • statusBar.foreground#E7EFFD6e
  • statusBar.noFolderBackground#0E1116fe
  • statusBar.noFolderBorder#0C0F13fe
  • statusBar.noFolderForeground#DEEEFEce
  • statusBarItem.activeBackground#0E1116fe
  • statusBarItem.compactHoverBackground#0E1116fe
  • statusBarItem.errorBackground#670067ae
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067b6
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0D0B0F00
  • statusBarItem.hoverBackground#0E1116fe
  • statusBarItem.hoverForeground#DE3662fe
  • statusBarItem.offlineBackground#0E1116fe
  • statusBarItem.offlineForeground#DEEEFEce
  • statusBarItem.offlineHoverBackground#0E1116fe
  • statusBarItem.offlineHoverForeground#E9567Dfe
  • statusBarItem.prominentBackground#0E1116fe
  • statusBarItem.prominentForeground#DEEEFEce
  • statusBarItem.prominentHoverBackground#0E1116fe
  • statusBarItem.prominentHoverForeground#E03C67fe
  • statusBarItem.remoteBackground#E74F77fe
  • statusBarItem.remoteForeground#0E1116fe
  • statusBarItem.remoteHoverBackground#0E1116fe
  • statusBarItem.remoteHoverForeground#D92958fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#DCDCCDfe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#E7EFFDfe
  • symbolIcon.colorForeground#DCE6E4fe
  • symbolIcon.constantForeground#C7C7AFfe
  • symbolIcon.constructorForeground#D1D7E0fe
  • symbolIcon.enumeratorForeground#FDE9F7fe
  • symbolIcon.enumeratorMemberForeground#CECEB9fe
  • symbolIcon.eventForeground#CBCBB4fe
  • symbolIcon.fieldForeground#CECEB9fe
  • symbolIcon.fileForeground#C7CED9fe
  • symbolIcon.folderForeground#D9D9C8fe
  • symbolIcon.functionForeground#CBCBB4fe
  • symbolIcon.interfaceForeground#D5C3D0fe
  • symbolIcon.keyForeground#DFD5D2fe
  • symbolIcon.keywordForeground#DFDFD2fe
  • symbolIcon.methodForeground#CCC3D5fe
  • symbolIcon.moduleForeground#D9C8D4fe
  • symbolIcon.namespaceForeground#BED2CEfe
  • symbolIcon.nullForeground#D2DFDDfe
  • symbolIcon.numberForeground#D2D2BEfe
  • symbolIcon.objectForeground#D9C8D4fe
  • symbolIcon.operatorForeground#BED2CEfe
  • symbolIcon.packageForeground#C8D9D5fe
  • symbolIcon.propertyForeground#FDE9F7fe
  • symbolIcon.referenceForeground#E6DCE3fe
  • symbolIcon.snippetForeground#DFDFD2fe
  • symbolIcon.stringForeground#C8BED2fe
  • symbolIcon.structForeground#CEDCCDfe
  • symbolIcon.textForeground#DCD0CDfe
  • symbolIcon.typeParameterForeground#BED2CEfe
  • symbolIcon.unitForeground#B3BCCCfe
  • symbolIcon.variableForeground#CEB9C8fe
  • tab.activeBackground#101319fe
  • tab.activeBorder#0B0F0E00
  • tab.activeBorderTop#FE8DACfe
  • tab.activeForeground#F68EA9fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0B0F0B00
  • tab.hoverBackground#E7EFFEfe
  • tab.hoverBorder#0C0F13fe
  • tab.hoverForeground#E03C67fe
  • tab.inactiveBackground#0918349a
  • tab.inactiveForeground#A4AFC265
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#0C0F13fe
  • tab.unfocusedActiveBackground#1D222C24
  • tab.unfocusedActiveBorder#0F0B0E00
  • tab.unfocusedActiveBorderTop#1A283F65
  • tab.unfocusedActiveForeground#9AA6BB65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#E6EEFEfe
  • tab.unfocusedHoverBorder#1D222C2e
  • tab.unfocusedHoverForeground#9AA6BB65
  • tab.unfocusedInactiveBackground#242A3696
  • tab.unfocusedInactiveForeground#95A2B765
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ba
  • 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#6700679b
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebb
  • terminal.ansiYellow#c4a200fe
  • terminal.background#171b22fe
  • terminal.border#0C0F13fe
  • terminal.dropBackground#171b22fe
  • terminal.findMatchBackground#171b22fe
  • terminal.findMatchBorder#0C0F13fe
  • terminal.findMatchHighlightBackground#171b22fe
  • terminal.findMatchHighlightBorder#0C0F13fe
  • terminal.foreground#E7EFFEae
  • terminal.hoverHighlightBackground#171b22fe
  • terminal.inactiveSelectionBackground#2E364594
  • terminal.selectionBackground#4A664783
  • terminal.selectionForeground#CEDCCDca
  • terminal.tab.activeBorder#FE8EACfe
  • terminalCommandDecoration.defaultBackground#F3F3A1a4
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#171b22fe
  • terminalCursor.foreground#E54972fe
  • terminalOverviewRuler.cursorForeground#DEEEFEce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ae
  • testing.iconUnset#808080b2
  • testing.message.error.decorationForeground#FEEAEFfe
  • testing.message.error.lineBackground#670067b7
  • testing.message.info.decorationForeground#FEE9EEfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#0C0F13fe
  • testing.peekHeaderBackground#171b22fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#171b22fe
  • textBlockQuote.border#0C0F13fe
  • textCodeBlock.background#171b22fe
  • textLink.activeForeground#E54972fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#DEEEFEce
  • textSeparator.foreground#DEEEFEce
  • titleBar.activeBackground#0E1116fe
  • titleBar.activeForeground#86B2F6ae
  • titleBar.border#0A0C1000
  • titleBar.inactiveBackground#1A1E27db
  • titleBar.inactiveForeground#9FABBE65
  • toolbar.activeBackground#4B0D3A8d
  • toolbar.hoverBackground#171b22fe
  • toolbar.hoverOutline#0A0C1000
  • tree.inactiveIndentGuidesStroke#C0ABA535
  • tree.indentGuidesStroke#FEEAEFfe
  • tree.tableColumnsBorder#0C0F13fe
  • tree.tableOddRowsBackground#171b22fe
  • walkThrough.embeddedEditorBackground#171b22fe
  • walkthrough.stepTitle.foreground#DEEEFEce
  • welcomePage.background#171b22fe
  • welcomePage.progress.background#171b22fe
  • welcomePage.progress.foreground#DEEEFEce
  • welcomePage.tileBackground#171b22fe
  • welcomePage.tileBorder#0C0F13fe
  • welcomePage.tileHoverBackground#171b22fe
  • widget.border#0C0F13fe
  • widget.shadow#0B0F0E00
  • window.activeBorder#0C0F13fe
  • window.inactiveBorder#0918349a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9DC1F86e
comment.block.html#8BB8F56e
comment.block.java#7AABF36e
comment.block.javadoc.java#81AEF26e
comment.block.powershell#9DC2FA6e
comment.block.xml#81AEF26e
comment.line.double-slash.c#91BAF86e
comment.line.double-slash.cpp#94B5F86e
comment.line.double-slash.java#9DC1F86e
comment.line.double-slash.js#A0BEFA6e
comment.line.number-sign.makefile#91BAF86e
comment.line.number-sign.python#A8C4FB6e
comment.line.number-sign.yaml#7EACF16e
comment.line.percentage.erlang#81A7F46e
comment.line.powershell#88ADF56e
comment.source.cmake#86B2F66e
comment.source.cmakecache#A8C4FB6e
constant.character#E897F7de
constant.character.character-class.regexp#06C02Ede
constant.character.escape#06CC30de
constant.character.set.regexp#F9A8BEde
constant.language#E690F6de
constant.numeric#07BCD2de
constant.numeric.dec.python#E99BF8de
constant.other.caps.python#F487A4de
constant.other.character-class.regexp#FAABC0de
constant.other.character-class.set.regexp#ACACFAde
constant.other.color.rgb-value#E898F8de
constant.other.placeholder#82C525de
constant.other.rgb-value#FAAAC0de
constant.regexp#71BE07de
constant.sha.git-rebase#2FC9DBde
emphasis#EFB26Fde
entity.name.class#9D9DF8de
entity.name.function#F2B878de
entity.name.function.preprocessor#EDAC63de
entity.name.function.python#FAADC2de
entity.name.label#08CF32de
entity.name.namespace#06CBE4de
entity.name.operator#ECA5F9de
entity.name.operator.custom-literal#FAABBFde
entity.name.scope-resolution#F68FAAde
entity.name.tag#F89EB6de
entity.name.tag.css#9D9DF8de
entity.name.type#EBA75Dde
entity.name.variable#07C62Fde
entity.other.attribute#36DE59de
entity.other.attribute-name#07CFE7de
entity.other.attribute-name.class.css#AAAAFAde
entity.other.attribute-name.class.mixin.css#F68FAAde
entity.other.attribute-name.id#26B9CBde
entity.other.attribute-name.id.css#EBA1F9de
entity.other.attribute-name.parent-selector.css#EA9CF8de
entity.other.attribute-name.pseudo-class.css#9E9EF8de
entity.other.attribute-name.pseudo-element.css#08C02Fde
entity.other.attribute-name.scss#E9A356de
entity.other.document.begin.yaml#9CBBF96e
entity.other.inherited-class#F383A1de
header#F587A3de
invalid#08C02Fde
keyword#26BDCFde
keyword.codetag.notation.python#B6B6FBde
keyword.control#F588A5de
keyword.control.anchor.regexp#ADADFAde
keyword.control.import.python#F487A4de
keyword.operator#07C3DAde
keyword.operator.alignas#71BD08de
keyword.operator.alignof#07D432de
keyword.operator.cast#80C226de
keyword.operator.delete#F0B471de
keyword.operator.documentation.powershell#7CAEF16e
keyword.operator.expression#85CB26de
keyword.operator.instanceof#7BCF06de
keyword.operator.logical.python#F58BA7de
keyword.operator.minus.exponent#F796AFde
keyword.operator.negation.regexp#A4A4F9de
keyword.operator.new#44D3E4de
keyword.operator.noexcept#F89DB5de
keyword.operator.or.regexp#F98F17de
keyword.operator.plus.exponent#82C425de
keyword.operator.quantifier.regexp#73C107de
keyword.operator.sizeof#07CD31de
keyword.operator.typeid#26C5D7de
keyword.operator.wordlike#26B9CBde
keyword.other.operator#06D6EFde
keyword.other.package.java#FAA8BDde
keyword.other.unit#07C02Ede
keyword.other.using#8ED826de
markup.bold#08B8CCde
markup.changed#77C806de
markup.deleted#AEAEFAde
markup.fenced_code.block.markdown#F8A0B8de
markup.heading#07D834de
markup.inline.raw#80C226de
markup.inserted#EEADFAde
markup.italic#F58AA6de
markup.raw.block.markdown#08BACFde
markup.strikethrough#7CCF08de
markup.underline#29C6D9de
meta.block.c#76C707de
meta.block.c#76C707de
meta.class.java#FCA03Bde
meta.definition.variable.name#F68CA7de
meta.diff.header#E58FF6de
meta.embedded#E58EF6de
meta.embedded.assembly#F589A6de
meta.function-call.arguments.python#06E435de
meta.function-call.python#36CCDEde
meta.member.access.python#BBBBFBde
meta.method.java#3CE05Ede
meta.object-literal.key#AEAEFAde
meta.paragraph.markdown#71BD08de
meta.preprocessor#E998F7de
meta.preprocessor.numeric#07D432de
meta.preprocessor.string#74C307de
meta.scope.prerequisites.makefile#F0B26Ede
meta.structure.dictionary.json.comments#A4C1FA6e
meta.structure.dictionary.key.python#B1B1FAde
meta.structure.dictionary.value.json.comments#99BFF76e
meta.template.expression#E387F4de
meta.type.cast.expr#BDBDFCde
meta.type.new.expr#48D4E5de
parameter#9D9DF8de
punctuation.character.set.begin.regexp#75C506de
punctuation.character.set.end.regexp#F98C12de
punctuation.definition.array.begin.json#E58FF6de
punctuation.definition.character-class.regexp#F9A5BBde
punctuation.definition.comment#8FBBF66e
punctuation.definition.comment.json.comments#A8C4FB6e
punctuation.definition.comment.python#8FBBF66e
punctuation.definition.dictionary.begin.json#49D4E5de
punctuation.definition.dictionary.end.json#07C4DAde
punctuation.definition.group.assertion.regexp#08CA31de
punctuation.definition.group.regexp#EEB06Ade
punctuation.definition.list.begin.json#08CC32de
punctuation.definition.list.begin.markdown#8FD928de
punctuation.definition.list.begin.python#EA9DF8de
punctuation.definition.list.end.json#E79F4Fde
punctuation.definition.list.end.markdown#07DA33de
punctuation.definition.list.end.python#75C407de
punctuation.definition.parameters.begin.python#E895F7de
punctuation.definition.parameters.end.bracket.round.java#FEB05Bde
punctuation.definition.quote.begin.markdown#BDBDFCde
punctuation.definition.tag#3CCFE0de
punctuation.definition.template-expression.begin#EBAA60de
punctuation.definition.template-expression.end#EDAC63de
punctuation.section.class.begin.bracket.curly.java#8AD326de
punctuation.section.embedded#07D833de
punctuation.section.embedded.begin.php#77C806de
punctuation.section.embedded.end.php#A6A6F9de
punctuation.terminator.java#F9A4BAde
source.cmake#36CCDEde
source.coffee.embedded#A8A8F9de
source.cpp#ECA5F9de
source.css.less#EDA9FAde
source.groovy.embedded#76C807de
source.java#8AD326de
source.java-properties#9F9FF8de
source.json.comments#91BAF86e
source.makefile#E895F7de
source.powershell#07DA33de
source.powershell.variable.other.member#F68CA8de
source.python#A6A6F9de
storage#7BCC08de
storage.modifier#F2B878de
storage.modifier.import.java#E7A050de
storage.modifier.package.java#06D3EBde
storage.type#F68EA9de
storage.type.annotation.groovy#75C507de
storage.type.annotation.java#7ED607de
storage.type.boolean.go#8FD929de
storage.type.byte.go#E894F6de
storage.type.cs#F2B97Bde
storage.type.error.go#B4B4FBde
storage.type.generic.cs#E9A355de
storage.type.generic.groovy#85CB26de
storage.type.generic.java#F799B2de
storage.type.groovy#07D233de
storage.type.java#26CB49de
storage.type.modifier.cs#E79F4Fde
storage.type.numeric.go#E794F7de
storage.type.object.array.groovy#81D807de
storage.type.object.array.java#29C6D9de
storage.type.parameters.groovy#07C02Ede
storage.type.primitive.array.groovy#F9A4BBde
storage.type.primitive.array.java#78CA07de
storage.type.primitive.groovy#F796AFde
storage.type.primitive.java#F0B471de
storage.type.rune.go#26C5D7de
storage.type.string.go#EBA75Dde
storage.type.token.java#7CD207de
storage.type.uintptr.go#8AD326de
storage.type.variable.cs#B2B2FBde
string#26C247de
string.quoted.docstring.multi.python#9FC5F96e
string.regexp#EA9DF8de
string.tag#9C9CF8de
string.value#26B9CBde
strong#F58AA7de
support.class#26C1D3de
support.constant.color#75C508de
support.constant.dom#B5B5FBde
support.constant.font-name#F796AFde
support.constant.handlebars#36CCDEde
support.constant.json#E899F7de
support.constant.math#E29742de
support.constant.media#A7A7F9de
support.constant.media-type#2FCADCde
support.constant.property-value#07C2D9de
support.function#F0B471de
support.function.git-rebase#42D2E3de
support.other.parenthesis.regexp#F89AB3de
support.type#71BE08de
support.type.property-name#E285F4de
support.type.vendored.property-name#F68FAAde
support.variable#E387F5de
token.debug-token#F9A6BCde
token.error-token#3FD1E2de
token.info-token#B6B6FBde
token.warn-token#FCA341de
variable#FB9F39de
variable.css#BFBFFCde
variable.language#FCAA4Fde
variable.language.wildcard.java#EBA75Dde
variable.other.constant#F691ABde
variable.other.definition.java#7CD306de
variable.other.enummember#E89F50de
variable.other.less#29D94Ede
variable.other.object.java#F89EB6de
variable.other.object.property.java#07D132de
variable.parameter.c#7ACF07de
variable.parameter.function.language.python#F9A5BBde
variable.parameter.java#F483A1de
variable.scss#07C5DCde
viiv by B.W - VS Code Theme