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#0B1936fe
  • activityBar.activeBackground#0B1936fe
  • activityBar.activeBorder#04E97Bfe
  • activityBar.activeFocusBorder#F9BEB700
  • activityBar.background#1E222Afe
  • activityBar.border#DCC3FB00
  • activityBar.dropBorder#06EB80fe
  • activityBar.foreground#04E97Bfe
  • activityBar.inactiveForeground#B5BCCA65
  • activityBarBadge.background#3CDA8Ffe
  • activityBarBadge.foreground#1E222Afe
  • badge.background#0ABB67fe
  • badge.foreground#1E222Afe
  • banner.background#0B1936fe
  • banner.foreground#F6F7F8ce
  • banner.iconForeground#E8E9E0fe
  • breadcrumb.activeSelectionForeground#FEFEFEca
  • breadcrumb.background#22262Ffe
  • breadcrumb.focusForeground#5AE6A4fe
  • breadcrumb.foreground#EDEFF2ae
  • breadcrumbPicker.background#0B1936fe
  • button.background#535E73ae
  • button.border#17201700
  • button.foreground#F6F7F8ce
  • button.hoverBackground#495366fe
  • button.secondaryBackground#2E3440fe
  • button.secondaryForeground#F6F7F8ce
  • button.secondaryHoverBackground#2E3440fe
  • button.separator#20171C00
  • charts.blue#1b1bfffe
  • charts.foreground#F6F7F8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c1
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#1A1E25fe
  • chat.slashCommandBackground#0B1936fe
  • chat.slashCommandForeground#F6F7F8ce
  • checkbox.background#1A1E25fe
  • checkbox.border#1A1E25fe
  • checkbox.foreground#F6F7F8ce
  • checkbox.selectBackground#1A1E25fe
  • checkbox.selectBorder#1A1E25fe
  • commandCenter.activeBackground#42137284
  • commandCenter.activeBorder#1A1E25fe
  • commandCenter.activeForeground#54E4A0fe
  • commandCenter.background#0B1936fe
  • commandCenter.border#1A1E25fe
  • commandCenter.foreground#F6F7F8ce
  • commandCenter.inactiveBorder#0D1E429b
  • commandCenter.inactiveForeground#A8B0C165
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#20171C00
  • contrastBorder#20171C00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#F6F7F8ce
  • debugConsole.sourceForeground#F6F7F8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#FEFDFEfe
  • debugExceptionWidget.background#670067a5
  • debugExceptionWidget.border#1A1E25fe
  • debugIcon.breakpointCurrentStackframeForeground#D3E0DCfe
  • debugIcon.breakpointDisabledForeground#FDFEFE65
  • debugIcon.breakpointForeground#FEFEFEfe
  • debugIcon.breakpointStackframeForeground#ECE6E5fe
  • debugIcon.breakpointUnverifiedForeground#E5ECEAfe
  • debugIcon.continueForeground#FDFEFEfe
  • debugIcon.disconnectForeground#FEFEFEfe
  • debugIcon.pauseForeground#FEFEFDfe
  • debugIcon.restartForeground#FEFEFEfe
  • debugIcon.startForeground#FEFEFEfe
  • debugIcon.stepBackForeground#ECE6E5fe
  • debugIcon.stepIntoForeground#FEFDFEfe
  • debugIcon.stepOutForeground#FEFEFEfe
  • debugIcon.stepOverForeground#FDFEFEfe
  • debugIcon.stopForeground#FEFEFDfe
  • debugTokenExpression.boolean#D3D7E0ca
  • debugTokenExpression.error#D3E0DCca
  • debugTokenExpression.name#D9D3E0ca
  • debugTokenExpression.number#D3E0DCca
  • debugTokenExpression.value#DCCFD7ca
  • debugToolBar.background#670067bf
  • debugToolBar.border#1A1E25fe
  • debugView.exceptionLabelBackground#3D2452ca
  • debugView.exceptionLabelForeground#E6DEDCca
  • debugView.stateLabelBackground#1D321Aca
  • debugView.stateLabelForeground#E5E6DCca
  • debugView.valueChangedHighlight#E5E6DCca
  • descriptionForeground#F6F7F8ce
  • diffEditor.border#1B172000
  • diffEditor.diagonalFill#000000fb
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#17192000
  • diffEditor.move.border#1B172000
  • diffEditor.moveActive.border#20181700
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#1B172000
  • diffEditor.unchangedCodeBackground#0B1936fe
  • diffEditor.unchangedRegionBackground#0B1936fe
  • diffEditor.unchangedRegionForeground#F6F7F8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#FDFEFE65
  • dropdown.background#1A1E25fe
  • dropdown.border#1A1E25fe
  • dropdown.foreground#F6F7F8ce
  • dropdown.listBackground#1A1E25fe
  • editor.background#0B1936fe
  • editor.findMatchBackground#4E6793ad
  • editor.findMatchBorder#1A1E25fe
  • editor.findMatchHighlightBackground#5F6C84a8
  • editor.findMatchHighlightBorder#1A1E25fe
  • editor.findRangeHighlightBackground#A378D0a1
  • editor.findRangeHighlightBorder#1A1E25fe
  • editor.focusedStackFrameHighlightBackground#8055708c
  • editor.foldBackground#FEFEFCa5
  • editor.foreground#F6F7F8ce
  • editor.hoverHighlightBackground#5C6880a7
  • editor.inactiveSelectionBackground#4963989a
  • editor.inlineValuesBackground#0B1936fe
  • editor.inlineValuesForeground#F6F7F8ce
  • editor.lineHighlightBackground#434C5Eb3
  • editor.lineHighlightBorder#20181700
  • editor.linkedEditingBackground#0B1936fe
  • editor.rangeHighlightBackground#898D65ab
  • editor.rangeHighlightBorder#1A1E25fe
  • editor.selectionBackground#59657Cae
  • editor.selectionForeground#FEFEFEca
  • editor.selectionHighlightBackground#4E6B4C82
  • editor.selectionHighlightBorder#1A1E25fe
  • editor.snippetFinalTabstopHighlightBackground#A55986a2
  • editor.snippetFinalTabstopHighlightBorder#1A1E25fe
  • editor.snippetTabstopHighlightBackground#5F6C84a5
  • editor.snippetTabstopHighlightBorder#1A1E25fe
  • editor.stackFrameHighlightBackground#7C596Ea3
  • editor.symbolHighlightBackground#4C6B62ab
  • editor.symbolHighlightBorder#1A1E25fe
  • editor.wordHighlightBackground#566178a2
  • editor.wordHighlightBorder#17201D00
  • editor.wordHighlightStrongBackground#8D6C65a4
  • editor.wordHighlightStrongBorder#1F201700
  • editor.wordHighlightTextBackground#506F66a2
  • editor.wordHighlightTextBorder#17201700
  • editorBracketHighlight.foreground1#F6F7F8ce
  • editorBracketHighlight.foreground2#F6F7F8ce
  • editorBracketHighlight.foreground3#F6F7F8ce
  • editorBracketHighlight.foreground4#F6F7F8ce
  • editorBracketHighlight.foreground5#F6F7F8ce
  • editorBracketHighlight.foreground6#F6F7F8ce
  • editorBracketHighlight.unexpectedBracket.foreground#F6F7F8ce
  • editorBracketMatch.background#FCFDFEac
  • editorBracketMatch.border#1A1E25fe
  • editorBracketPairGuide.activeBackground1#FEFBFD8d
  • editorBracketPairGuide.activeBackground2#FCFEFB87
  • editorBracketPairGuide.activeBackground3#FCFEFB8d
  • editorBracketPairGuide.activeBackground4#FEFEFC8c
  • editorBracketPairGuide.activeBackground5#FEFCFB8d
  • editorBracketPairGuide.activeBackground6#FEFBFD85
  • editorBracketPairGuide.background1#202E48fe
  • editorBracketPairGuide.background2#2C311Afe
  • editorBracketPairGuide.background3#2D2F19fe
  • editorBracketPairGuide.background4#1A322Afe
  • editorBracketPairGuide.background5#1D321Afe
  • editorBracketPairGuide.background6#1D321Afe
  • editorCodeLens.foreground#FDFDFE6e
  • editorCommentsWidget.rangeActiveBackground#FBFCFEfe
  • editorCommentsWidget.rangeBackground#0B1936fe
  • editorCommentsWidget.resolvedBorder#1A1E25fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#0B1936fe
  • editorCursor.foreground#36D78Bfe
  • editorError.background#20171C00
  • editorError.border#17192000
  • editorError.foreground#b400b4ce
  • editorGhostText.background#0B1936fe
  • editorGhostText.border#20171C00
  • editorGhostText.foreground#FDFDFE6e
  • editorGroup.border#1A1E25fe
  • editorGroup.dropBackground#0B1936fe
  • editorGroup.dropIntoPromptBackground#0B1936fe
  • editorGroup.dropIntoPromptBorder#1A1E25fe
  • editorGroup.dropIntoPromptForeground#F6F7F8ce
  • editorGroup.emptyBackground#0B1936fe
  • editorGroup.focusedEmptyBorder#1A1E25fe
  • editorGroupHeader.border#1B172000
  • editorGroupHeader.noTabsBackground#1E222Aae
  • editorGroupHeader.tabsBackground#0B1936a1
  • editorGroupHeader.tabsBorder#20171C00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#0B1936fe
  • editorGutter.commentGlyphForeground#F6F7F8ce
  • editorGutter.commentRangeForeground#F6F7F8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#F6F7F8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#20181700
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#1A1E25fe
  • editorHoverWidget.border#1A1E25fe
  • editorHoverWidget.foreground#F6F7F8ce
  • editorHoverWidget.highlightForeground#D8DBE3ca
  • editorHoverWidget.statusBarBackground#0B1936fe
  • editorIndentGuide.activeBackground1#FCFDFEfe
  • editorIndentGuide.activeBackground2#FCFDFEfe
  • editorIndentGuide.activeBackground3#FCFDFEfe
  • editorIndentGuide.activeBackground4#FCFDFEfe
  • editorIndentGuide.activeBackground5#FCFDFEfe
  • editorIndentGuide.activeBackground6#FCFDFEfe
  • editorIndentGuide.background1#B8ADC435
  • editorIndentGuide.background2#B1989335
  • editorIndentGuide.background3#ADC4BD35
  • editorIndentGuide.background4#97B4AC35
  • editorIndentGuide.background5#B8ADC435
  • editorIndentGuide.background6#B4B79B35
  • editorInfo.background#17201700
  • editorInfo.border#20181700
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#0B1936fe
  • editorInlayHint.foreground#F6F7F8ce
  • editorInlayHint.parameterBackground#0B1936fe
  • editorInlayHint.parameterForeground#F6F7F8ce
  • editorInlayHint.typeBackground#0B1936fe
  • editorInlayHint.typeForeground#F6F7F8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#2CCF83fe
  • editorLineNumber.dimmedForeground#FDFDFE6e
  • editorLineNumber.foreground#FDFDFE6e
  • editorLink.activeForeground#42DC94fe
  • editorMarkerNavigation.background#1A1E25fe
  • editorMarkerNavigationError.background#670067a5
  • editorMarkerNavigationError.headerBackground#670067a7
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#0B1936fe
  • editorOverviewRuler.border#10203Cfe
  • editorOverviewRuler.bracketMatchForeground#F6F7F8ce
  • editorOverviewRuler.commentForeground#FDFDFE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F6F7F8ce
  • editorOverviewRuler.currentContentForeground#cececea3
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E5ECEAca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D4E0D3ca
  • editorOverviewRuler.wordHighlightStrongForeground#F6F7F8ce
  • editorOverviewRuler.wordHighlightTextForeground#F6F7F8ce
  • editorPane.background#0B1936fe
  • editorRuler.foreground#FBFCFE37
  • editorStickyScroll.background#0B1936fe
  • editorStickyScroll.shadow#20171C00
  • editorStickyScrollHover.background#12264Efe
  • editorSuggestWidget.background#1A1E25fe
  • editorSuggestWidget.border#20171C00
  • editorSuggestWidget.focusHighlightForeground#D9CBD4fe
  • editorSuggestWidget.foreground#E3D8DEfe
  • editorSuggestWidget.highlightForeground#E1DCE6ca
  • editorSuggestWidget.selectedBackground#84896281
  • editorSuggestWidget.selectedForeground#E5ECEAca
  • editorSuggestWidget.selectedIconForeground#FEFEFEca
  • editorSuggestWidgetStatus.foreground#FEFEFDfe
  • editorUnicodeHighlight.background#CE7B6Ba2
  • editorUnicodeHighlight.border#1A1E25fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#17201700
  • editorWarning.border#20181700
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F6F7F8ce
  • editorWidget.background#1A1E25fe
  • editorWidget.border#1A1E25fe
  • editorWidget.foreground#F6F7F8ce
  • editorWidget.resizeBorder#1A1E25fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#42DC94fe
  • extensionBadge.remoteForeground#1E222Afe
  • extensionButton.background#12264Eae
  • extensionButton.foreground#F6F7F8ce
  • extensionButton.hoverBackground#182D58fe
  • extensionButton.prominentBackground#0B1936fe
  • extensionButton.prominentForeground#F6F7F8ce
  • extensionButton.prominentHoverBackground#0B1936fe
  • extensionButton.separator#17192000
  • extensionIcon.preReleaseForeground#FEFEFEfe
  • extensionIcon.sponsorForeground#FEFEFEfe
  • extensionIcon.starForeground#FEFEFDfe
  • extensionIcon.verifiedForeground#E5E6DCfe
  • focusBorder#20171C00
  • foreground#F6F7F8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#FBFCFEae
  • inlineChat.background#222D4Cca
  • inlineChat.border#2C301Aca
  • inlineChat.regionHighlight#DDD8E3ca
  • inlineChat.shadow#DDE6DCca
  • inlineChatDiff.inserted#D8DBE3ca
  • inlineChatDiff.removed#D8E3E0ca
  • inlineChatInput.background#D6CFDCca
  • inlineChatInput.border#2D2F19ca
  • inlineChatInput.focusBorder#1B172000
  • inlineChatInput.placeholderForeground#E0E3E9ca
  • input.background#1A1E25fe
  • input.border#1A1E25fe
  • input.foreground#F6F7F8ce
  • input.placeholderForeground#FDFDFE65
  • inputOption.activeBackground#1A1E25fe
  • inputOption.activeBorder#1A1E25fe
  • inputOption.activeForeground#3CDA8Ffe
  • inputOption.hoverBackground#1A1E25fe
  • inputValidation.errorBackground#670067cb
  • inputValidation.errorBorder#670067c7
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#1A1E25fe
  • inputValidation.infoForeground#F6F7F8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#1A1E25fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#1A1E25fe
  • interactive.inactiveCodeBorder#10203C9d
  • keybindingLabel.background#0B1936fe
  • keybindingLabel.border#1A1E25fe
  • keybindingLabel.bottomBorder#1A1E25fe
  • keybindingLabel.foreground#F6F7F8ce
  • keybindingTable.headerBackground#0B1936fe
  • keybindingTable.rowsBackground#0B1936fe
  • list.activeSelectionBackground#4F8B7A89
  • list.activeSelectionForeground#E6DEDCca
  • list.activeSelectionIconForeground#E3DAD8ca
  • list.deemphasizedForeground#F6F7F8ce
  • list.dropBackground#0B1936fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#2E3440fe
  • list.filterMatchBorder#1A1E25fe
  • list.focusAndSelectionOutline#17192000
  • list.focusBackground#4F74BF96
  • list.focusForeground#5AE6A4fe
  • list.focusHighlightForeground#FEB5A8fe
  • list.focusOutline#17201700
  • list.highlightForeground#DCDFE6ca
  • list.hoverBackground#162D5Bfe
  • list.hoverForeground#2CCF83fe
  • list.inactiveFocusBackground#3D455592
  • list.inactiveFocusOutline#1B172000
  • list.inactiveSelectionBackground#1E222Aae
  • list.inactiveSelectionForeground#FDFEFE65
  • list.inactiveSelectionIconForeground#FDFDFE65
  • list.invalidItemForeground#F6F7F8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#0B1936fe
  • listFilterWidget.noMatchesOutline#17201D00
  • listFilterWidget.outline#17201700
  • listFilterWidget.shadow#1B172000
  • menu.background#1E222Afe
  • menu.border#17192000
  • menu.foreground#E5E7ECae
  • menu.selectionBackground#707E98ab
  • menu.selectionBorder#1F201700
  • menu.selectionForeground#54E4A0fe
  • menu.separatorBackground#1F2E4C65
  • menubar.selectionBackground#566178a2
  • menubar.selectionBorder#17201700
  • menubar.selectionForeground#54E4A0fe
  • merge.border#1A1E25fe
  • merge.commonContentBackground#0B1936fe
  • merge.commonHeaderBackground#0B1936fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#0B1936fe
  • mergeEditor.change.word.background#0B1936fe
  • mergeEditor.changeBase.background#0B1936fe
  • mergeEditor.changeBase.word.background#0B1936fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#1A1E25fe
  • mergeEditor.conflict.handledUnfocused.border#0C1E4122
  • mergeEditor.conflict.input1.background#1A1E25fe
  • mergeEditor.conflict.input2.background#1A1E25fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b1
  • mergeEditor.conflict.unhandledFocused.border#1A1E25fe
  • mergeEditor.conflict.unhandledUnfocused.border#0C1E4139
  • mergeEditor.conflictingLines.background#0B1936fe
  • minimap.background#0B1936fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F6F7F8ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#6C7A95fe
  • minimapSlider.background#495366ae
  • minimapSlider.hoverBackground#505A6Ffe
  • notebook.cellBorderColor#1A1E25fe
  • notebook.cellEditorBackground#0B1936fe
  • notebook.cellHoverBackground#0B1936fe
  • notebook.cellInsertionIndicator#E6DCE2ca
  • notebook.cellStatusBarItemHoverBackground#0B1936fe
  • notebook.cellToolbarSeparator#E3DAD8ca
  • notebook.editorBackground#0B1936fe
  • notebook.focusedCellBackground#2E3440fe
  • notebook.focusedCellBorder#3CDA8Ffe
  • notebook.focusedEditorBorder#1A1E25fe
  • notebook.inactiveFocusedCellBorder#75829B8e
  • notebook.inactiveSelectedCellBorder#707E988e
  • notebook.outputContainerBackgroundColor#2E3440fe
  • notebook.outputContainerBorderColor#1A1E25fe
  • notebook.selectedCellBackground#2E3440fe
  • notebook.selectedCellBorder#1A1E25fe
  • notebook.symbolHighlightBackground#2E3440fe
  • notebookEditorOverviewRuler.runningCellForeground#F6F7F8ce
  • notebookScrollbarSlider.activeBackground#687691fe
  • notebookScrollbarSlider.background#465062ae
  • notebookScrollbarSlider.hoverBackground#495366fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#FDFEFEfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#1A1E25fe
  • notificationCenterHeader.background#0B1936fe
  • notificationCenterHeader.foreground#F6F7F8ce
  • notificationLink.foreground#F6F7F8ce
  • notifications.background#0B1936fe
  • notifications.border#1A1E25fe
  • notifications.foreground#F6F7F8ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#E5E0E9fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#1A1E25fe
  • panel.background#0B1936fe
  • panel.border#1A1E25fe
  • panel.dropBorder#1A1E25fe
  • panelInput.border#1A1E25fe
  • panelSection.border#1A1E25fe
  • panelSection.dropBackground#0B1936fe
  • panelSectionHeader.background#0B1936fe
  • panelSectionHeader.border#1A1E25fe
  • panelSectionHeader.foreground#F6F7F8ce
  • panelTitle.activeBorder#17201700
  • panelTitle.activeForeground#05EC7Ffe
  • panelTitle.inactiveForeground#A8B0C165
  • peekView.border#08EB80fe
  • peekViewEditor.background#1A1E25fe
  • peekViewEditor.matchHighlightBackground#8D54778e
  • peekViewEditor.matchHighlightBorder#20181700
  • peekViewEditorGutter.background#1A1E25fe
  • peekViewEditorStickyScroll.background#0B1936fe
  • peekViewResult.background#1E222Afe
  • peekViewResult.fileForeground#F6F7F8ce
  • peekViewResult.lineForeground#F6F7F8ce
  • peekViewResult.matchHighlightBackground#805C728e
  • peekViewResult.selectionBackground#4C6B4A8c
  • peekViewResult.selectionForeground#FEFEFEca
  • peekViewTitle.background#1E222Afe
  • peekViewTitleDescription.foreground#F6F7F8ce
  • peekViewTitleLabel.foreground#F6F7F8ce
  • pickerGroup.border#1A1E25fe
  • pickerGroup.foreground#F6F7F8ce
  • ports.iconRunningProcessForeground#E5E0E9fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#30D487fe
  • profileBadge.foreground#1E222Afe
  • progressBar.background#0B1936fe
  • quickInput.background#1E222Afe
  • quickInput.foreground#E5E7ECae
  • quickInputList.focusBackground#53736Aa5
  • quickInputList.focusForeground#0ABB67fe
  • quickInputList.focusIconForeground#2CCF83fe
  • quickInputTitle.background#1A1E25fe
  • sash.hoverBorder#1A1E25fe
  • scrollbar.shadow#1B172000
  • scrollbarSlider.activeBackground#687691fe
  • scrollbarSlider.background#465062ae
  • scrollbarSlider.hoverBackground#465062fe
  • search.resultsInfoForeground#F6F7F8ce
  • searchEditor.findMatchBackground#516F50a1
  • searchEditor.findMatchBorder#1A1E25fe
  • searchEditor.textInputBorder#1A1E25fe
  • selection.background#2E3440fe
  • settings.checkboxBackground#1A1E25fe
  • settings.checkboxBorder#1A1E25fe
  • settings.checkboxForeground#F6F7F8ce
  • settings.dropdownBackground#1A1E25fe
  • settings.dropdownBorder#1A1E25fe
  • settings.dropdownForeground#F6F7F8ce
  • settings.dropdownListBorder#1A1E25fe
  • settings.focusedRowBackground#6B6F5088
  • settings.focusedRowBorder#1A1E25fe
  • settings.headerBorder#1A1E25fe
  • settings.headerForeground#F6F7F8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#1A1E25fe
  • settings.numberInputBorder#1A1E25fe
  • settings.numberInputForeground#F6F7F8ce
  • settings.rowHoverBackground#0B1936fe
  • settings.sashBorder#1A1E25fe
  • settings.settingsHeaderHoverForeground#0ABB67fe
  • settings.textInputBackground#1A1E25fe
  • settings.textInputBorder#1A1E25fe
  • settings.textInputForeground#F6F7F8ce
  • sideBar.background#0B1936fe
  • sideBar.border#1A1E25fe
  • sideBar.dropBackground#0B1936fe
  • sideBar.foreground#FBFCFEae
  • sideBarSectionHeader.background#1F201700
  • sideBarSectionHeader.border#1A1E25fe
  • sideBarSectionHeader.foreground#F6F7F8ce
  • sideBarTitle.foreground#F6F7F8ce
  • sideBySideEditor.horizontalBorder#1A1E25fe
  • sideBySideEditor.verticalBorder#1A1E25fe
  • simpleFindWidget.sashBorder#1A1E25fe
  • statusBar.background#1E222Afe
  • statusBar.border#1A1E25fe
  • statusBar.debuggingBackground#670067ca
  • statusBar.debuggingBorder#1A1E25fe
  • statusBar.debuggingForeground#F6F7F8ce
  • statusBar.focusBorder#17201700
  • statusBar.foreground#FDFDFE6e
  • statusBar.noFolderBackground#1E222Afe
  • statusBar.noFolderBorder#1A1E25fe
  • statusBar.noFolderForeground#F6F7F8ce
  • statusBarItem.activeBackground#1E222Afe
  • statusBarItem.compactHoverBackground#1E222Afe
  • statusBarItem.errorBackground#670067ab
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067c9
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#1F201700
  • statusBarItem.hoverBackground#1E222Afe
  • statusBarItem.hoverForeground#36D78Bfe
  • statusBarItem.offlineBackground#1E222Afe
  • statusBarItem.offlineForeground#F6F7F8ce
  • statusBarItem.offlineHoverBackground#1E222Afe
  • statusBarItem.offlineHoverForeground#5AE6A4fe
  • statusBarItem.prominentBackground#1E222Afe
  • statusBarItem.prominentForeground#F6F7F8ce
  • statusBarItem.prominentHoverBackground#1E222Afe
  • statusBarItem.prominentHoverForeground#5AE6A4fe
  • statusBarItem.remoteBackground#36D78Bfe
  • statusBarItem.remoteForeground#1E222Afe
  • statusBarItem.remoteHoverBackground#1E222Afe
  • statusBarItem.remoteHoverForeground#42DC94fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#E5E6DCfe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#D4E0D3fe
  • symbolIcon.colorForeground#E8E9E0fe
  • symbolIcon.constantForeground#D8DBE3fe
  • symbolIcon.constructorForeground#FEFEFDfe
  • symbolIcon.enumeratorForeground#ECE6E5fe
  • symbolIcon.enumeratorMemberForeground#FEFEFEfe
  • symbolIcon.eventForeground#FDFEFEfe
  • symbolIcon.fieldForeground#D4E0D3fe
  • symbolIcon.fileForeground#FDFEFEfe
  • symbolIcon.folderForeground#FEFDFEfe
  • symbolIcon.functionForeground#FDFEFEfe
  • symbolIcon.interfaceForeground#DDE6DCfe
  • symbolIcon.keyForeground#DDE6DCfe
  • symbolIcon.keywordForeground#D3E0DCfe
  • symbolIcon.methodForeground#FEFDFEfe
  • symbolIcon.moduleForeground#FEFEFDfe
  • symbolIcon.namespaceForeground#FEFEFEfe
  • symbolIcon.nullForeground#FEFEFEfe
  • symbolIcon.numberForeground#D8E3E0fe
  • symbolIcon.objectForeground#FEFEFEfe
  • symbolIcon.operatorForeground#E8E9E0fe
  • symbolIcon.packageForeground#FEFDFEfe
  • symbolIcon.propertyForeground#DCDFE6fe
  • symbolIcon.referenceForeground#FEFEFEfe
  • symbolIcon.snippetForeground#DDE6DCfe
  • symbolIcon.stringForeground#FEFEFEfe
  • symbolIcon.structForeground#D4E0D3fe
  • symbolIcon.textForeground#E0E3E9fe
  • symbolIcon.typeParameterForeground#FEFEFDfe
  • symbolIcon.unitForeground#FEFEFDfe
  • symbolIcon.variableForeground#D8DBE3fe
  • tab.activeBackground#22262Ffe
  • tab.activeBorder#20171C00
  • tab.activeBorderTop#07E980fe
  • tab.activeForeground#07EC82fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#20181700
  • tab.hoverBackground#FBFCFEfe
  • tab.hoverBorder#1A1E25fe
  • tab.hoverForeground#54E4A0fe
  • tab.inactiveBackground#0E20439c
  • tab.inactiveForeground#B1B8C765
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#1A1E25fe
  • tab.unfocusedActiveBackground#343B482e
  • tab.unfocusedActiveBorder#20181700
  • tab.unfocusedActiveBorderTop#202E4C65
  • tab.unfocusedActiveForeground#B1B8C765
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#FBFCFEfe
  • tab.unfocusedHoverBorder#0C1E4127
  • tab.unfocusedHoverForeground#ADB4C465
  • tab.unfocusedInactiveBackground#3A425199
  • tab.unfocusedInactiveForeground#B5BCCA65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339f
  • 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#670067a4
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec1
  • terminal.ansiYellow#c4a200fe
  • terminal.background#0B1936fe
  • terminal.border#1A1E25fe
  • terminal.dropBackground#0B1936fe
  • terminal.findMatchBackground#2E3440fe
  • terminal.findMatchBorder#1A1E25fe
  • terminal.findMatchHighlightBackground#2E3440fe
  • terminal.findMatchHighlightBorder#1A1E25fe
  • terminal.foreground#FBFCFEae
  • terminal.hoverHighlightBackground#2E3440fe
  • terminal.inactiveSelectionBackground#3A42519a
  • terminal.selectionBackground#676B4C8b
  • terminal.selectionForeground#E6DEDCca
  • terminal.tab.activeBorder#06EA80fe
  • terminalCommandDecoration.defaultBackground#FBFCFEa9
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#0B1936fe
  • terminalCursor.foreground#4EE19Cfe
  • terminalOverviewRuler.cursorForeground#F6F7F8ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a4
  • testing.iconUnset#808080bc
  • testing.message.error.decorationForeground#FDFEFEfe
  • testing.message.error.lineBackground#670067bd
  • testing.message.info.decorationForeground#FCFEFDfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#1A1E25fe
  • testing.peekHeaderBackground#0B1936fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#0B1936fe
  • textBlockQuote.border#1A1E25fe
  • textCodeBlock.background#0B1936fe
  • textLink.activeForeground#3CDA8Ffe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#F6F7F8ce
  • textSeparator.foreground#F6F7F8ce
  • titleBar.activeBackground#1E222Afe
  • titleBar.activeForeground#B3D0FBae
  • titleBar.border#17192000
  • titleBar.inactiveBackground#0D1E42dd
  • titleBar.inactiveForeground#ADB4C465
  • toolbar.activeBackground#42137283
  • toolbar.hoverBackground#0B1936fe
  • toolbar.hoverOutline#20181700
  • tree.inactiveIndentGuidesStroke#C4ADBB35
  • tree.indentGuidesStroke#FCFEFDfe
  • tree.tableColumnsBorder#1A1E25fe
  • tree.tableOddRowsBackground#0B1936fe
  • walkThrough.embeddedEditorBackground#0B1936fe
  • walkthrough.stepTitle.foreground#F6F7F8ce
  • welcomePage.background#0B1936fe
  • welcomePage.progress.background#0B1936fe
  • welcomePage.progress.foreground#F6F7F8ce
  • welcomePage.tileBackground#0B1936fe
  • welcomePage.tileBorder#1A1E25fe
  • welcomePage.tileHoverBackground#0B1936fe
  • widget.border#1A1E25fe
  • widget.shadow#17201700
  • window.activeBorder#1A1E25fe
  • window.inactiveBorder#10203C9c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#ABC2FB6e
comment.block.html#AFC5FC6e
comment.block.java#C3D6FC6e
comment.block.javadoc.java#C4D5FE6e
comment.block.powershell#B1CAFB6e
comment.block.xml#CDE1FE6e
comment.line.double-slash.c#D0DFFD6e
comment.line.double-slash.cpp#D5E2FE6e
comment.line.double-slash.java#D0DFFD6e
comment.line.double-slash.js#ADC7FB6e
comment.line.number-sign.makefile#ADC7FA6e
comment.line.number-sign.python#B6CDFB6e
comment.line.number-sign.yaml#D0DFFD6e
comment.line.percentage.erlang#BED3FD6e
comment.line.powershell#D2E3FE6e
comment.source.cmake#C0D8FD6e
comment.source.cmakecache#AFC5FC6e
constant.character#FCC8F6de
constant.character.character-class.regexp#CECECEde
constant.character.escape#CEC0FBde
constant.character.set.regexp#F8D010de
constant.language#B2DDFAde
constant.numeric#CBCBCBde
constant.numeric.dec.python#CEC0FBde
constant.other.caps.python#EAD365de
constant.other.character-class.regexp#A3F282de
constant.other.character-class.set.regexp#C4E5FCde
constant.other.color.rgb-value#90F5C5de
constant.other.placeholder#54E4A0de
constant.other.rgb-value#B2DCFAde
constant.regexp#ACDAF9de
constant.sha.git-rebase#CBBCFBde
emphasis#4BEC07de
entity.name.class#61E8A8de
entity.name.function#E5DDFEde
entity.name.function.preprocessor#AEF590de
entity.name.function.python#8FCBF4de
entity.name.label#64E9AAde
entity.name.namespace#FBBEF4de
entity.name.operator#4EE19Cde
entity.name.operator.custom-literal#E8D061de
entity.name.scope-resolution#FBBCF4de
entity.name.tag#A7D7F8de
entity.name.tag.css#D8D8D8de
entity.name.type#AEF590de
entity.name.variable#CDE9FDde
entity.other.attribute#A9D8F9de
entity.other.attribute-name#54E4A0de
entity.other.attribute-name.class.css#9DD2F7de
entity.other.attribute-name.class.mixin.css#FDD5F9de
entity.other.attribute-name.id#81E557de
entity.other.attribute-name.id.css#98CFF6de
entity.other.attribute-name.parent-selector.css#90F5C5de
entity.other.attribute-name.pseudo-class.css#F5E494de
entity.other.attribute-name.pseudo-element.css#99EE75de
entity.other.attribute-name.scss#5DE7A6de
entity.other.document.begin.yaml#CBDCFE6e
entity.other.inherited-class#E0E0E0de
header#9ED3F7de
invalid#E5E5E5de
keyword#9BD1F7de
keyword.codetag.notation.python#C8C8C8de
keyword.control#9FF7CEde
keyword.control.anchor.regexp#9DF07Ade
keyword.control.import.python#A8F389de
keyword.operator#82F2BDde
keyword.operator.alignas#A2D4F8de
keyword.operator.alignof#D6CAFCde
keyword.operator.cast#F6E598de
keyword.operator.delete#EDD770de
keyword.operator.documentation.powershell#A6C8F96e
keyword.operator.expression#F3E089de
keyword.operator.instanceof#81F1BCde
keyword.operator.logical.python#89F3C1de
keyword.operator.minus.exponent#C6C6C6de
keyword.operator.negation.regexp#CCBDFBde
keyword.operator.new#6FDC42de
keyword.operator.noexcept#E9D263de
keyword.operator.or.regexp#FBBAF3de
keyword.operator.plus.exponent#4EE19Cde
keyword.operator.quantifier.regexp#CEBFFBde
keyword.operator.sizeof#EDD771de
keyword.operator.typeid#93EC6Ede
keyword.operator.wordlike#C1E4FCde
keyword.other.operator#E2D9FDde
keyword.other.package.java#AEF590de
keyword.other.unit#D7CBFDde
keyword.other.using#FBBAF3de
markup.bold#DBDBDBde
markup.changed#C9C9C9de
markup.deleted#E4E4E4de
markup.fenced_code.block.markdown#ABD9F9de
markup.heading#E8CF5Fde
markup.inline.raw#7EE454de
markup.inserted#E0E0E0de
markup.italic#FCC6F6de
markup.raw.block.markdown#F9ACF0de
markup.strikethrough#8DEA67de
markup.underline#BCE1FBde
meta.block.c#DED4FDde
meta.block.c#B6DEFAde
meta.class.java#90F5C5de
meta.definition.variable.name#90CBF4de
meta.diff.header#DCD2FDde
meta.embedded#F9D523de
meta.embedded.assembly#F5E390de
meta.function-call.arguments.python#66EAACde
meta.function-call.python#FAB2F1de
meta.member.access.python#E4CA54de
meta.method.java#6FDC42de
meta.object-literal.key#B3F698de
meta.paragraph.markdown#E5DEFEde
meta.preprocessor#DEC343de
meta.preprocessor.numeric#A0D4F7de
meta.preprocessor.string#E8D061de
meta.scope.prerequisites.makefile#C9BAFBde
meta.structure.dictionary.json.comments#C7D9FE6e
meta.structure.dictionary.key.python#CDE9FDde
meta.structure.dictionary.value.json.comments#B3D0FB6e
meta.template.expression#8ECAF4de
meta.type.cast.expr#E7E0FEde
meta.type.new.expr#E0D7FDde
parameter#97CFF6de
punctuation.character.set.begin.regexp#4BE09Ade
punctuation.character.set.end.regexp#D4D4D4de
punctuation.definition.array.begin.json#72DF45de
punctuation.definition.character-class.regexp#F9AFF1de
punctuation.definition.comment#C7D9FE6e
punctuation.definition.comment.json.comments#C9D8FE6e
punctuation.definition.comment.python#C9DEFD6e
punctuation.definition.dictionary.begin.json#CEC0FCde
punctuation.definition.dictionary.end.json#E0D7FDde
punctuation.definition.group.assertion.regexp#E4DCFEde
punctuation.definition.group.regexp#C4C4C4de
punctuation.definition.list.begin.json#FAB3F2de
punctuation.definition.list.begin.markdown#D7D7D7de
punctuation.definition.list.begin.python#D1D1D1de
punctuation.definition.list.end.json#E5E5E5de
punctuation.definition.list.end.markdown#CBBCFBde
punctuation.definition.list.end.python#D5C9FCde
punctuation.definition.parameters.begin.python#F6E598de
punctuation.definition.parameters.end.bracket.round.java#E4DCFEde
punctuation.definition.quote.begin.markdown#DFC448de
punctuation.definition.tag#52E4A0de
punctuation.definition.template-expression.begin#98EE75de
punctuation.definition.template-expression.end#DCD2FDde
punctuation.section.class.begin.bracket.curly.java#EAD367de
punctuation.section.embedded#FCCBF7de
punctuation.section.embedded.begin.php#90F5C5de
punctuation.section.embedded.end.php#D9D9D9de
punctuation.terminator.java#48DF98de
source.cmake#C7C7C7de
source.coffee.embedded#54F80Fde
source.cpp#9EF07Bde
source.css.less#74DF48de
source.groovy.embedded#D0D0D0de
source.java#C5E6FCde
source.java-properties#E0E0E0de
source.json.comments#CDDBFE6e
source.makefile#E4CA54de
source.powershell#FDD2F8de
source.powershell.variable.other.member#D7D7D7de
source.python#54E4A0de
storage#E5DDFEde
storage.modifier#CBCBCBde
storage.modifier.import.java#7BE351de
storage.modifier.package.java#74DF48de
storage.type#D2C5FCde
storage.type.annotation.groovy#F9A7EFde
storage.type.annotation.java#D7CCFDde
storage.type.boolean.go#FCC8F6de
storage.type.byte.go#DFD5FDde
storage.type.cs#4EE19Cde
storage.type.error.go#DBDBDBde
storage.type.generic.cs#CEBFFCde
storage.type.generic.groovy#B3F698de
storage.type.generic.java#FCC7F6de
storage.type.groovy#D8D8D8de
storage.type.java#9BD1F6de
storage.type.modifier.cs#98F6CAde
storage.type.numeric.go#88E860de
storage.type.object.array.groovy#F1DD7Ede
storage.type.object.array.java#F3E088de
storage.type.parameters.groovy#CACACAde
storage.type.primitive.array.groovy#9DF7CDde
storage.type.primitive.array.java#CFCFCFde
storage.type.primitive.groovy#8EEA67de
storage.type.primitive.java#E1C74Ede
storage.type.rune.go#E2C850de
storage.type.string.go#D7D7D7de
storage.type.token.java#CBBDFBde
storage.type.uintptr.go#EED975de
storage.type.variable.cs#FAB4F2de
string#B3F698de
string.quoted.docstring.multi.python#D4E2FE6e
string.regexp#9FD3F7de
string.tag#FDCCF7de
string.value#E0E0E0de
strong#48DF98de
support.class#43DE96de
support.constant.color#CDCDCDde
support.constant.dom#D2C5FCde
support.constant.font-name#A0D4F7de
support.constant.handlebars#F9AAF0de
support.constant.json#48DF98de
support.constant.math#F3E088de
support.constant.media#84F2BEde
support.constant.media-type#E4CA54de
support.constant.property-value#FCC5F5de
support.function#F9D522de
support.function.git-rebase#90F5C5de
support.other.parenthesis.regexp#E2C84Ede
support.type#AEF590de
support.type.property-name#82F2BDde
support.type.vendored.property-name#CDCDCDde
support.variable#F6E598de
token.debug-token#98CFF6de
token.error-token#90F5C5de
token.info-token#E4CA54de
token.warn-token#F0DB7Cde
variable#CDE9FDde
variable.css#9EF07Bde
variable.language#FBBFF4de
variable.language.wildcard.java#E4CB56de
variable.other.constant#86E75Dde
variable.other.definition.java#9FD3F7de
variable.other.enummember#74DF48de
variable.other.less#CFCFCFde
variable.other.object.java#48DF98de
variable.other.object.property.java#9EF07Bde
variable.parameter.c#93EC6Ede
variable.parameter.function.language.python#67EAADde
variable.parameter.java#8CC9F4de
variable.scss#90CBF4de
viiv by B.W - VS Code Theme