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#262626fe
  • activityBar.activeBackground#262626fe
  • activityBar.activeBorder#77C3FDfe
  • activityBar.activeFocusBorder#57D55700
  • activityBar.background#191919fe
  • activityBar.border#C2C23E00
  • activityBar.dropBorder#76C2FDfe
  • activityBar.foreground#76C3FEfe
  • activityBar.inactiveForeground#AEAEAE65
  • activityBarBadge.background#2E88CEfe
  • activityBarBadge.foreground#191919fe
  • badge.background#2E83C5fe
  • badge.foreground#191919fe
  • banner.background#262626fe
  • banner.foreground#FAFAFAce
  • banner.iconForeground#E4DFDDfe
  • breadcrumb.activeSelectionForeground#D9E0D9ca
  • breadcrumb.background#1C1C1Cfe
  • breadcrumb.focusForeground#3891D5fe
  • breadcrumb.foreground#F2F2F2ae
  • breadcrumbPicker.background#262626fe
  • button.background#5A5A5Aae
  • button.border#0D0D0B00
  • button.foreground#FAFAFAce
  • button.hoverBackground#525252fe
  • button.secondaryBackground#262626fe
  • button.secondaryForeground#FAFAFAce
  • button.secondaryHoverBackground#262626fe
  • button.separator#13131300
  • charts.blue#1b1bfffe
  • charts.foreground#FAFAFAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a2
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#161616fe
  • chat.slashCommandBackground#262626fe
  • chat.slashCommandForeground#FAFAFAce
  • checkbox.background#161616fe
  • checkbox.border#161616fe
  • checkbox.foreground#FAFAFAce
  • checkbox.selectBackground#161616fe
  • checkbox.selectBorder#161616fe
  • commandCenter.activeBackground#5F06448d
  • commandCenter.activeBorder#161616fe
  • commandCenter.activeForeground#2E83C5fe
  • commandCenter.background#262626fe
  • commandCenter.border#161616fe
  • commandCenter.foreground#FAFAFAce
  • commandCenter.inactiveBorder#3030309e
  • commandCenter.inactiveForeground#AEAEAE65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0D0D0B00
  • contrastBorder#13131300
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#FAFAFAce
  • debugConsole.sourceForeground#FAFAFAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#DEDEDEfe
  • debugExceptionWidget.background#670067a9
  • debugExceptionWidget.border#161616fe
  • debugIcon.breakpointCurrentStackframeForeground#FDFDFDfe
  • debugIcon.breakpointDisabledForeground#FDFDFD65
  • debugIcon.breakpointForeground#FEFEFDfe
  • debugIcon.breakpointStackframeForeground#DDD9E0fe
  • debugIcon.breakpointUnverifiedForeground#FEFDFEfe
  • debugIcon.continueForeground#D5CCCAfe
  • debugIcon.disconnectForeground#FEFDFDfe
  • debugIcon.pauseForeground#D1C6CEfe
  • debugIcon.restartForeground#FEFDFEfe
  • debugIcon.startForeground#FEFEFDfe
  • debugIcon.stepBackForeground#CAD5CAfe
  • debugIcon.stepIntoForeground#FEFDFEfe
  • debugIcon.stepOutForeground#E0DAD9fe
  • debugIcon.stepOverForeground#FDFDFDfe
  • debugIcon.stopForeground#D0CAD5fe
  • debugTokenExpression.boolean#E0D9DEca
  • debugTokenExpression.error#D5CAD2ca
  • debugTokenExpression.name#E0D9DEca
  • debugTokenExpression.number#CFD9CFca
  • debugTokenExpression.value#DADADAca
  • debugToolBar.background#670067bc
  • debugToolBar.border#161616fe
  • debugView.exceptionLabelBackground#452824ca
  • debugView.exceptionLabelForeground#D9CFD6ca
  • debugView.stateLabelBackground#3D264Eca
  • debugView.stateLabelForeground#E1DDE4ca
  • debugView.valueChangedHighlight#D0CAD5ca
  • descriptionForeground#FAFAFAce
  • diffEditor.border#0D0D0B00
  • diffEditor.diagonalFill#000000f9
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#13131300
  • diffEditor.move.border#13131300
  • diffEditor.moveActive.border#13131300
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0B0D0B00
  • diffEditor.unchangedCodeBackground#262626fe
  • diffEditor.unchangedRegionBackground#262626fe
  • diffEditor.unchangedRegionForeground#FAFAFAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#FDFDFD65
  • dropdown.background#161616fe
  • dropdown.border#161616fe
  • dropdown.foreground#FAFAFAce
  • dropdown.listBackground#161616fe
  • editor.background#262626fe
  • editor.findMatchBackground#566D56a5
  • editor.findMatchBorder#161616fe
  • editor.findMatchHighlightBackground#536853a1
  • editor.findMatchHighlightBorder#161616fe
  • editor.findRangeHighlightBackground#4B5F4Bab
  • editor.findRangeHighlightBorder#161616fe
  • editor.focusedStackFrameHighlightBackground#6E4F4A86
  • editor.foldBackground#FBFEFBac
  • editor.foreground#FAFAFAce
  • editor.hoverHighlightBackground#6E6E6Eaa
  • editor.inactiveSelectionBackground#81818193
  • editor.inlineValuesBackground#262626fe
  • editor.inlineValuesForeground#FAFAFAce
  • editor.lineHighlightBackground#464646b4
  • editor.lineHighlightBorder#0D0B0C00
  • editor.linkedEditingBackground#262626fe
  • editor.rangeHighlightBackground#6A6A6Aae
  • editor.rangeHighlightBorder#161616fe
  • editor.selectionBackground#767676a8
  • editor.selectionForeground#DADADAca
  • editor.selectionHighlightBackground#5A5A478d
  • editor.selectionHighlightBorder#161616fe
  • editor.snippetFinalTabstopHighlightBackground#636363ab
  • editor.snippetFinalTabstopHighlightBorder#161616fe
  • editor.snippetTabstopHighlightBackground#5E5E5Ea5
  • editor.snippetTabstopHighlightBorder#161616fe
  • editor.stackFrameHighlightBackground#884A75ad
  • editor.symbolHighlightBackground#487848a6
  • editor.symbolHighlightBorder#161616fe
  • editor.wordHighlightBackground#B7624Da3
  • editor.wordHighlightBorder#0D0B0B00
  • editor.wordHighlightStrongBackground#7A4D6Aae
  • editor.wordHighlightStrongBorder#13131300
  • editor.wordHighlightTextBackground#5A5A5Aa7
  • editor.wordHighlightTextBorder#13131300
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#FAFAFAce
  • editorBracketMatch.background#FEFCFBae
  • editorBracketMatch.border#161616fe
  • editorBracketPairGuide.activeBackground1#FEFEFB86
  • editorBracketPairGuide.activeBackground2#FEFEFB82
  • editorBracketPairGuide.activeBackground3#FEFEFB8b
  • editorBracketPairGuide.activeBackground4#FBFEFB88
  • editorBracketPairGuide.activeBackground5#FEFCFB8e
  • editorBracketPairGuide.activeBackground6#FDFBFE87
  • editorBracketPairGuide.background1#1D351Dfe
  • editorBracketPairGuide.background2#462922fe
  • editorBracketPairGuide.background3#1E351Efe
  • editorBracketPairGuide.background4#1D361Dfe
  • editorBracketPairGuide.background5#303030fe
  • editorBracketPairGuide.background6#32321Bfe
  • editorCodeLens.foreground#FDFDFD6e
  • editorCommentsWidget.rangeActiveBackground#FCFCFCfe
  • editorCommentsWidget.rangeBackground#262626fe
  • editorCommentsWidget.resolvedBorder#161616fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#262626fe
  • editorCursor.foreground#4A9DDDfe
  • editorError.background#0C0B0D00
  • editorError.border#0C0B0D00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#262626fe
  • editorGhostText.border#0D0B0C00
  • editorGhostText.foreground#FDFDFD6e
  • editorGroup.border#161616fe
  • editorGroup.dropBackground#262626fe
  • editorGroup.dropIntoPromptBackground#262626fe
  • editorGroup.dropIntoPromptBorder#161616fe
  • editorGroup.dropIntoPromptForeground#FAFAFAce
  • editorGroup.emptyBackground#262626fe
  • editorGroup.focusedEmptyBorder#161616fe
  • editorGroupHeader.border#0D0B0B00
  • editorGroupHeader.noTabsBackground#191919ae
  • editorGroupHeader.tabsBackground#262626a1
  • editorGroupHeader.tabsBorder#13131300
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#262626fe
  • editorGutter.commentGlyphForeground#FAFAFAce
  • editorGutter.commentRangeForeground#FAFAFAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#FAFAFAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#13131300
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#161616fe
  • editorHoverWidget.border#161616fe
  • editorHoverWidget.foreground#FAFAFAce
  • editorHoverWidget.highlightForeground#E0DAD9ca
  • editorHoverWidget.statusBarBackground#262626fe
  • editorIndentGuide.activeBackground1#FDFDFDfe
  • editorIndentGuide.activeBackground2#FDFDFDfe
  • editorIndentGuide.activeBackground3#FDFDFDfe
  • editorIndentGuide.activeBackground4#FDFDFDfe
  • editorIndentGuide.activeBackground5#FDFDFDfe
  • editorIndentGuide.activeBackground6#FDFDFDfe
  • editorIndentGuide.background1#A1A18835
  • editorIndentGuide.background2#9D9D8435
  • editorIndentGuide.background3#BFB1AE35
  • editorIndentGuide.background4#A6A6A635
  • editorIndentGuide.background5#AEA5B735
  • editorIndentGuide.background6#9488A135
  • editorInfo.background#13131300
  • editorInfo.border#0D0D0B00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#262626fe
  • editorInlayHint.foreground#FAFAFAce
  • editorInlayHint.parameterBackground#262626fe
  • editorInlayHint.parameterForeground#FAFAFAce
  • editorInlayHint.typeBackground#262626fe
  • editorInlayHint.typeForeground#FAFAFAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#3E95D8fe
  • editorLineNumber.dimmedForeground#FDFDFD6e
  • editorLineNumber.foreground#FDFDFD6e
  • editorLink.activeForeground#56A5E3fe
  • editorMarkerNavigation.background#161616fe
  • editorMarkerNavigationError.background#670067ab
  • editorMarkerNavigationError.headerBackground#670067a8
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#262626fe
  • editorOverviewRuler.border#303030fe
  • editorOverviewRuler.bracketMatchForeground#FAFAFAce
  • editorOverviewRuler.commentForeground#FDFDFD6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#FAFAFAce
  • editorOverviewRuler.currentContentForeground#cececea7
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D9D1CFca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D5CAD2ca
  • editorOverviewRuler.wordHighlightStrongForeground#FAFAFAce
  • editorOverviewRuler.wordHighlightTextForeground#FAFAFAce
  • editorPane.background#262626fe
  • editorRuler.foreground#FCFCFC2a
  • editorStickyScroll.background#262626fe
  • editorStickyScroll.shadow#13131300
  • editorStickyScrollHover.background#303030fe
  • editorSuggestWidget.background#161616fe
  • editorSuggestWidget.border#13131300
  • editorSuggestWidget.focusHighlightForeground#2B9B2Bfe
  • editorSuggestWidget.foreground#FEFDFDfe
  • editorSuggestWidget.highlightForeground#E1DDE4ca
  • editorSuggestWidget.selectedBackground#BF569E86
  • editorSuggestWidget.selectedForeground#E6E6E6ca
  • editorSuggestWidget.selectedIconForeground#D6D6D6ca
  • editorSuggestWidgetStatus.foreground#D1C6CEfe
  • editorUnicodeHighlight.background#4B5F4Ba1
  • editorUnicodeHighlight.border#161616fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0D0B00
  • editorWarning.border#0D0B0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#FAFAFAce
  • editorWidget.background#161616fe
  • editorWidget.border#161616fe
  • editorWidget.foreground#FAFAFAce
  • editorWidget.resizeBorder#161616fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#4A9DDDfe
  • extensionBadge.remoteForeground#191919fe
  • extensionButton.background#303030ae
  • extensionButton.foreground#FAFAFAce
  • extensionButton.hoverBackground#303030fe
  • extensionButton.prominentBackground#262626fe
  • extensionButton.prominentForeground#FAFAFAce
  • extensionButton.prominentHoverBackground#262626fe
  • extensionButton.separator#0D0D0B00
  • extensionIcon.preReleaseForeground#DEDEDEfe
  • extensionIcon.sponsorForeground#DDE4DDfe
  • extensionIcon.starForeground#D0CAD5fe
  • extensionIcon.verifiedForeground#CACABCfe
  • focusBorder#0D0B0B00
  • foreground#FAFAFAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#FDFDFDae
  • inlineChat.background#47243Dca
  • inlineChat.border#4A243Eca
  • inlineChat.regionHighlight#E4DFDDca
  • inlineChat.shadow#E2E2E2ca
  • inlineChatDiff.inserted#D9D9CFca
  • inlineChatDiff.removed#D4DDD4ca
  • inlineChatInput.background#D5CCCAca
  • inlineChatInput.border#303030ca
  • inlineChatInput.focusBorder#0D0D0B00
  • inlineChatInput.placeholderForeground#DDD4DAca
  • input.background#161616fe
  • input.border#161616fe
  • input.foreground#FAFAFAce
  • input.placeholderForeground#FDFDFD65
  • inputOption.activeBackground#161616fe
  • inputOption.activeBorder#161616fe
  • inputOption.activeForeground#338CD2fe
  • inputOption.hoverBackground#161616fe
  • inputValidation.errorBackground#67006799
  • inputValidation.errorBorder#670067bf
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#161616fe
  • inputValidation.infoForeground#FAFAFAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#161616fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#161616fe
  • interactive.inactiveCodeBorder#30303099
  • keybindingLabel.background#262626fe
  • keybindingLabel.border#161616fe
  • keybindingLabel.bottomBorder#161616fe
  • keybindingLabel.foreground#FAFAFAce
  • keybindingTable.headerBackground#262626fe
  • keybindingTable.rowsBackground#262626fe
  • list.activeSelectionBackground#604C7787
  • list.activeSelectionForeground#D8D4DDca
  • list.activeSelectionIconForeground#D5CCCAca
  • list.deemphasizedForeground#FAFAFAce
  • list.dropBackground#262626fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#262626fe
  • list.filterMatchBorder#161616fe
  • list.focusAndSelectionOutline#0C0B0D00
  • list.focusBackground#70707096
  • list.focusForeground#4A9DDDfe
  • list.focusHighlightForeground#BBBBBBfe
  • list.focusOutline#0B0D0B00
  • list.highlightForeground#E0E0D9ca
  • list.hoverBackground#303030fe
  • list.hoverForeground#2E83C5fe
  • list.inactiveFocusBackground#42424293
  • list.inactiveFocusOutline#0B0D0B00
  • list.inactiveSelectionBackground#191919ae
  • list.inactiveSelectionForeground#FDFDFD65
  • list.inactiveSelectionIconForeground#FDFDFD65
  • list.invalidItemForeground#FAFAFAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#262626fe
  • listFilterWidget.noMatchesOutline#0D0D0B00
  • listFilterWidget.outline#0D0B0B00
  • listFilterWidget.shadow#0D0B0C00
  • menu.background#191919fe
  • menu.border#0D0B0C00
  • menu.foreground#EEEEEEae
  • menu.selectionBackground#7A7A7Aa2
  • menu.selectionBorder#13131300
  • menu.selectionForeground#3E95D8fe
  • menu.separatorBackground#30303065
  • menubar.selectionBackground#7E7E7Ea4
  • menubar.selectionBorder#0D0B0C00
  • menubar.selectionForeground#4499DBfe
  • merge.border#161616fe
  • merge.commonContentBackground#262626fe
  • merge.commonHeaderBackground#262626fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#262626fe
  • mergeEditor.change.word.background#262626fe
  • mergeEditor.changeBase.background#262626fe
  • mergeEditor.changeBase.word.background#262626fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#161616fe
  • mergeEditor.conflict.handledUnfocused.border#2E2E2E21
  • mergeEditor.conflict.input1.background#161616fe
  • mergeEditor.conflict.input2.background#161616fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679d
  • mergeEditor.conflict.unhandledFocused.border#161616fe
  • mergeEditor.conflict.unhandledUnfocused.border#2E2E2E26
  • mergeEditor.conflictingLines.background#262626fe
  • minimap.background#262626fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#FAFAFAce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#767676fe
  • minimapSlider.background#565656ae
  • minimapSlider.hoverBackground#666666fe
  • notebook.cellBorderColor#161616fe
  • notebook.cellEditorBackground#262626fe
  • notebook.cellHoverBackground#262626fe
  • notebook.cellInsertionIndicator#DDD4DAca
  • notebook.cellStatusBarItemHoverBackground#262626fe
  • notebook.cellToolbarSeparator#DADADAca
  • notebook.editorBackground#262626fe
  • notebook.focusedCellBackground#262626fe
  • notebook.focusedCellBorder#4A9DDDfe
  • notebook.focusedEditorBorder#161616fe
  • notebook.inactiveFocusedCellBorder#7A7A7A8e
  • notebook.inactiveSelectedCellBorder#7676768e
  • notebook.outputContainerBackgroundColor#262626fe
  • notebook.outputContainerBorderColor#161616fe
  • notebook.selectedCellBackground#262626fe
  • notebook.selectedCellBorder#161616fe
  • notebook.symbolHighlightBackground#262626fe
  • notebookEditorOverviewRuler.runningCellForeground#FAFAFAce
  • notebookScrollbarSlider.activeBackground#767676fe
  • notebookScrollbarSlider.background#5A5A5Aae
  • notebookScrollbarSlider.hoverBackground#565656fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#FEFEFDfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#161616fe
  • notificationCenterHeader.background#262626fe
  • notificationCenterHeader.foreground#FAFAFAce
  • notificationLink.foreground#FAFAFAce
  • notifications.background#262626fe
  • notifications.border#161616fe
  • notifications.foreground#FAFAFAce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#C1CEC1fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#161616fe
  • panel.background#262626fe
  • panel.border#161616fe
  • panel.dropBorder#161616fe
  • panelInput.border#161616fe
  • panelSection.border#161616fe
  • panelSection.dropBackground#262626fe
  • panelSectionHeader.background#262626fe
  • panelSectionHeader.border#161616fe
  • panelSectionHeader.foreground#FAFAFAce
  • panelTitle.activeBorder#0D0B0B00
  • panelTitle.activeForeground#76C3FEfe
  • panelTitle.inactiveForeground#BCBCBC65
  • peekView.border#79C3FDfe
  • peekViewEditor.background#161616fe
  • peekViewEditor.matchHighlightBackground#4A884A8c
  • peekViewEditor.matchHighlightBorder#0D0D0B00
  • peekViewEditorGutter.background#161616fe
  • peekViewEditorStickyScroll.background#262626fe
  • peekViewResult.background#191919fe
  • peekViewResult.fileForeground#FAFAFAce
  • peekViewResult.lineForeground#FAFAFAce
  • peekViewResult.matchHighlightBackground#6E6E6E8c
  • peekViewResult.selectionBackground#6F499B84
  • peekViewResult.selectionForeground#DDD9E0ca
  • peekViewTitle.background#191919fe
  • peekViewTitleDescription.foreground#FAFAFAce
  • peekViewTitleLabel.foreground#FAFAFAce
  • pickerGroup.border#161616fe
  • pickerGroup.foreground#FAFAFAce
  • ports.iconRunningProcessForeground#FEFDFEfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#5CA9E5fe
  • profileBadge.foreground#191919fe
  • progressBar.background#262626fe
  • quickInput.background#191919fe
  • quickInput.foreground#EAEAEAae
  • quickInputList.focusBackground#4E4E4Eae
  • quickInputList.focusForeground#2E83C5fe
  • quickInputList.focusIconForeground#5CA9E5fe
  • quickInputTitle.background#161616fe
  • sash.hoverBorder#161616fe
  • scrollbar.shadow#0B0D0B00
  • scrollbarSlider.activeBackground#7A7A7Afe
  • scrollbarSlider.background#525252ae
  • scrollbarSlider.hoverBackground#5A5A5Afe
  • search.resultsInfoForeground#FAFAFAce
  • searchEditor.findMatchBackground#7F564Fa3
  • searchEditor.findMatchBorder#161616fe
  • searchEditor.textInputBorder#161616fe
  • selection.background#262626fe
  • settings.checkboxBackground#161616fe
  • settings.checkboxBorder#161616fe
  • settings.checkboxForeground#FAFAFAce
  • settings.dropdownBackground#161616fe
  • settings.dropdownBorder#161616fe
  • settings.dropdownForeground#FAFAFAce
  • settings.dropdownListBorder#161616fe
  • settings.focusedRowBackground#475A478d
  • settings.focusedRowBorder#161616fe
  • settings.headerBorder#161616fe
  • settings.headerForeground#FAFAFAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#161616fe
  • settings.numberInputBorder#161616fe
  • settings.numberInputForeground#FAFAFAce
  • settings.rowHoverBackground#262626fe
  • settings.sashBorder#161616fe
  • settings.settingsHeaderHoverForeground#338CD2fe
  • settings.textInputBackground#161616fe
  • settings.textInputBorder#161616fe
  • settings.textInputForeground#FAFAFAce
  • sideBar.background#262626fe
  • sideBar.border#161616fe
  • sideBar.dropBackground#262626fe
  • sideBar.foreground#FDFDFDae
  • sideBarSectionHeader.background#0D0B0B00
  • sideBarSectionHeader.border#161616fe
  • sideBarSectionHeader.foreground#FAFAFAce
  • sideBarTitle.foreground#FAFAFAce
  • sideBySideEditor.horizontalBorder#161616fe
  • sideBySideEditor.verticalBorder#161616fe
  • simpleFindWidget.sashBorder#161616fe
  • statusBar.background#191919fe
  • statusBar.border#161616fe
  • statusBar.debuggingBackground#670067b1
  • statusBar.debuggingBorder#161616fe
  • statusBar.debuggingForeground#FAFAFAce
  • statusBar.focusBorder#0C0B0D00
  • statusBar.foreground#FDFDFD6e
  • statusBar.noFolderBackground#191919fe
  • statusBar.noFolderBorder#161616fe
  • statusBar.noFolderForeground#FAFAFAce
  • statusBarItem.activeBackground#191919fe
  • statusBarItem.compactHoverBackground#191919fe
  • statusBarItem.errorBackground#670067b0
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067b3
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0D0D0B00
  • statusBarItem.hoverBackground#191919fe
  • statusBarItem.hoverForeground#3E95D8fe
  • statusBarItem.offlineBackground#191919fe
  • statusBarItem.offlineForeground#FAFAFAce
  • statusBarItem.offlineHoverBackground#191919fe
  • statusBarItem.offlineHoverForeground#56A5E3fe
  • statusBarItem.prominentBackground#191919fe
  • statusBarItem.prominentForeground#FAFAFAce
  • statusBarItem.prominentHoverBackground#191919fe
  • statusBarItem.prominentHoverForeground#2E83C5fe
  • statusBarItem.remoteBackground#2E88CEfe
  • statusBarItem.remoteForeground#191919fe
  • statusBarItem.remoteHoverBackground#191919fe
  • statusBarItem.remoteHoverForeground#3E95D8fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#E0E0D9fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#CACABCfe
  • symbolIcon.colorForeground#FEFDFEfe
  • symbolIcon.constantForeground#E6E6E6fe
  • symbolIcon.constructorForeground#E4DDE2fe
  • symbolIcon.enumeratorForeground#FDFDFDfe
  • symbolIcon.enumeratorMemberForeground#E4DDE2fe
  • symbolIcon.eventForeground#FEFDFEfe
  • symbolIcon.fieldForeground#FDFEFDfe
  • symbolIcon.fileForeground#CECECEfe
  • symbolIcon.folderForeground#D1D1C6fe
  • symbolIcon.functionForeground#FEFDFEfe
  • symbolIcon.interfaceForeground#FEFDFEfe
  • symbolIcon.keyForeground#FDFDFDfe
  • symbolIcon.keywordForeground#E0DAD9fe
  • symbolIcon.methodForeground#FDFEFDfe
  • symbolIcon.moduleForeground#FEFEFDfe
  • symbolIcon.namespaceForeground#CCC6D1fe
  • symbolIcon.nullForeground#DADADAfe
  • symbolIcon.numberForeground#D6D6D6fe
  • symbolIcon.objectForeground#D9D9CFfe
  • symbolIcon.operatorForeground#E0E0D9fe
  • symbolIcon.packageForeground#FEFDFEfe
  • symbolIcon.propertyForeground#DADADAfe
  • symbolIcon.referenceForeground#DDD9E0fe
  • symbolIcon.snippetForeground#E4E4DDfe
  • symbolIcon.stringForeground#FEFEFDfe
  • symbolIcon.structForeground#CAD5CAfe
  • symbolIcon.textForeground#FDFDFDfe
  • symbolIcon.typeParameterForeground#E4E4DDfe
  • symbolIcon.unitForeground#FEFDFEfe
  • symbolIcon.variableForeground#CECEC1fe
  • tab.activeBackground#1C1C1Cfe
  • tab.activeBorder#13131300
  • tab.activeBorderTop#77C3FDfe
  • tab.activeForeground#83C1F1fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0C0B0D00
  • tab.hoverBackground#FDFDFDfe
  • tab.hoverBorder#161616fe
  • tab.hoverForeground#2E83C5fe
  • tab.inactiveBackground#3030309a
  • tab.inactiveForeground#B2B2B265
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#161616fe
  • tab.unfocusedActiveBackground#2E2E2E34
  • tab.unfocusedActiveBorder#0D0D0B00
  • tab.unfocusedActiveBorderTop#2F2F2F65
  • tab.unfocusedActiveForeground#BCBCBC65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#FDFDFDfe
  • tab.unfocusedHoverBorder#2E2E2E22
  • tab.unfocusedHoverForeground#BCBCBC65
  • tab.unfocusedInactiveBackground#42424296
  • tab.unfocusedInactiveForeground#B6B6B665
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • 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#670067bb
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#262626fe
  • terminal.border#161616fe
  • terminal.dropBackground#262626fe
  • terminal.findMatchBackground#262626fe
  • terminal.findMatchBorder#161616fe
  • terminal.findMatchHighlightBackground#262626fe
  • terminal.findMatchHighlightBorder#161616fe
  • terminal.foreground#FDFDFDae
  • terminal.hoverHighlightBackground#262626fe
  • terminal.inactiveSelectionBackground#4242429a
  • terminal.selectionBackground#63524F82
  • terminal.selectionForeground#E1DDE4ca
  • terminal.tab.activeBorder#76C2FDfe
  • terminalCommandDecoration.defaultBackground#FEFEFBad
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#262626fe
  • terminalCursor.foreground#3891D5fe
  • terminalOverviewRuler.cursorForeground#FAFAFAce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a3
  • testing.iconUnset#808080b4
  • testing.message.error.decorationForeground#FCFEFEfe
  • testing.message.error.lineBackground#670067ab
  • testing.message.info.decorationForeground#FCFDFEfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#161616fe
  • testing.peekHeaderBackground#262626fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#262626fe
  • textBlockQuote.border#161616fe
  • textCodeBlock.background#262626fe
  • textLink.activeForeground#3E95D8fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#FAFAFAce
  • textSeparator.foreground#FAFAFAce
  • titleBar.activeBackground#191919fe
  • titleBar.activeForeground#BBBBBBae
  • titleBar.border#0D0B0C00
  • titleBar.inactiveBackground#303030dd
  • titleBar.inactiveForeground#BCBCBC65
  • toolbar.activeBackground#43007D86
  • toolbar.hoverBackground#262626fe
  • toolbar.hoverOutline#0D0D0B00
  • tree.inactiveIndentGuidesStroke#BEBEBE35
  • tree.indentGuidesStroke#FCFDFEfe
  • tree.tableColumnsBorder#161616fe
  • tree.tableOddRowsBackground#262626fe
  • walkThrough.embeddedEditorBackground#262626fe
  • walkthrough.stepTitle.foreground#FAFAFAce
  • welcomePage.background#262626fe
  • welcomePage.progress.background#262626fe
  • welcomePage.progress.foreground#FAFAFAce
  • welcomePage.tileBackground#262626fe
  • welcomePage.tileBorder#161616fe
  • welcomePage.tileHoverBackground#262626fe
  • widget.border#161616fe
  • widget.shadow#0D0B0C00
  • window.activeBorder#161616fe
  • window.inactiveBorder#30303092

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#B8B8B86e
comment.block.html#BCBCBC6e
comment.block.java#BCBCBC6e
comment.block.javadoc.java#BABABA6e
comment.block.powershell#BDBDBD6e
comment.block.xml#BABABA6e
comment.line.double-slash.c#CCCCCC6e
comment.line.double-slash.cpp#C7C7C76e
comment.line.double-slash.java#BFBFBF6e
comment.line.double-slash.js#B4B4B46e
comment.line.number-sign.makefile#BABABA6e
comment.line.number-sign.python#BEBEBE6e
comment.line.number-sign.yaml#B8B8B86e
comment.line.percentage.erlang#CBCBCB6e
comment.line.powershell#BFBFBF6e
comment.source.cmake#B6B6B66e
comment.source.cmakecache#CDCDCD6e
constant.character#83E762de
constant.character.character-class.regexp#64D83Cde
constant.character.escape#3DDA09de
constant.character.set.regexp#74E050de
constant.language#E0C44Ede
constant.numeric#FAB2B2de
constant.numeric.dec.python#42F108de
constant.other.caps.python#6BDC45de
constant.other.character-class.regexp#A1D1F7de
constant.other.character-class.set.regexp#F9AFF0de
constant.other.color.rgb-value#96CCF5de
constant.other.placeholder#77BBEEde
constant.other.rgb-value#98CDF6de
constant.regexp#3FE209de
constant.sha.git-rebase#FAB5F1de
emphasis#44DB8Fde
entity.name.class#08DC73de
entity.name.function#98CDF6de
entity.name.function.preprocessor#78BAEEde
entity.name.function.python#40EB08de
entity.name.label#F69898de
entity.name.namespace#09D26Dde
entity.name.operator#D2B433de
entity.name.operator.custom-literal#BEAAF9de
entity.name.scope-resolution#C0ADF9de
entity.name.tag#81E75Fde
entity.name.tag.css#FCC3C3de
entity.name.type#F698EAde
entity.name.variable#95CBF5de
entity.other.attribute#F8CC12de
entity.other.attribute-name#07E375de
entity.other.attribute-name.class.css#F7A2A2de
entity.other.attribute-name.class.mixin.css#44DB8Fde
entity.other.attribute-name.id#69E9A9de
entity.other.attribute-name.id.css#CEBFFBde
entity.other.attribute-name.parent-selector.css#CEB02Ede
entity.other.attribute-name.pseudo-class.css#F69D9Dde
entity.other.attribute-name.pseudo-element.css#F7A0ECde
entity.other.attribute-name.scss#FAB1B1de
entity.other.document.begin.yaml#BFBFBF6e
entity.other.inherited-class#4ADD94de
header#D2B433de
invalid#E2BB08de
keyword#D8BB3Ede
keyword.codetag.notation.python#09CB6Bde
keyword.control#F8A5A5de
keyword.control.anchor.regexp#C9B8FAde
keyword.control.import.python#6ADB44de
keyword.operator#F7A0A0de
keyword.operator.alignas#C9B8FBde
keyword.operator.alignof#FAB6B6de
keyword.operator.cast#F9ADEFde
keyword.operator.delete#D1C3FCde
keyword.operator.documentation.powershell#B3B3B36e
keyword.operator.expression#F0C307de
keyword.operator.instanceof#5BD233de
keyword.operator.logical.python#65D83Ede
keyword.operator.minus.exponent#ACD7F9de
keyword.operator.negation.regexp#B9A5F8de
keyword.operator.new#D5C8FCde
keyword.operator.noexcept#85C2F1de
keyword.operator.or.regexp#FAB7F2de
keyword.operator.plus.exponent#89C5F3de
keyword.operator.quantifier.regexp#7CBDEFde
keyword.operator.sizeof#08E075de
keyword.operator.typeid#74E050de
keyword.operator.wordlike#5BE5A1de
keyword.other.operator#83C1F1de
keyword.other.package.java#81E760de
keyword.other.unit#F9AFAFde
keyword.other.using#DDC24Ade
markup.bold#F79FECde
markup.changed#F9ADADde
markup.deleted#F596E9de
markup.fenced_code.block.markdown#F8A4A4de
markup.heading#BBA7F8de
markup.inline.raw#F7A3ECde
markup.inserted#7EE55Cde
markup.italic#69E9A9de
markup.raw.block.markdown#83E762de
markup.strikethrough#07CE6Bde
markup.underline#DDC24Ade
meta.block.c#41EE08de
meta.block.c#32D281de
meta.class.java#E3C856de
meta.definition.variable.name#41DB8Ede
meta.diff.header#3BD108de
meta.embedded#56CE2Ede
meta.embedded.assembly#F9B0B0de
meta.function-call.arguments.python#3EDD09de
meta.function-call.python#8AC5F3de
meta.member.access.python#F69898de
meta.method.java#33D282de
meta.object-literal.key#D8BB3Ede
meta.paragraph.markdown#F8A7EEde
meta.preprocessor#08D06Bde
meta.preprocessor.numeric#98CDF6de
meta.preprocessor.string#6BDC45de
meta.scope.prerequisites.makefile#C9B8FAde
meta.structure.dictionary.json.comments#C7C7C76e
meta.structure.dictionary.key.python#F69BEBde
meta.structure.dictionary.value.json.comments#CBCBCB6e
meta.template.expression#E9D169de
meta.type.cast.expr#CAB9FBde
meta.type.new.expr#4DDF97de
parameter#7CBDEFde
punctuation.character.set.begin.regexp#F69BEBde
punctuation.character.set.end.regexp#FBC0C0de
punctuation.definition.array.begin.json#77E252de
punctuation.definition.character-class.regexp#F492E8de
punctuation.definition.comment#BCBCBC6e
punctuation.definition.comment.json.comments#BFBFBF6e
punctuation.definition.comment.python#D1D1D16e
punctuation.definition.dictionary.begin.json#3DDA09de
punctuation.definition.dictionary.end.json#DDC24Ade
punctuation.definition.group.assertion.regexp#F7A0A0de
punctuation.definition.group.regexp#99CDF6de
punctuation.definition.list.begin.json#87C3F1de
punctuation.definition.list.begin.markdown#07EC79de
punctuation.definition.list.begin.python#F69BEBde
punctuation.definition.list.end.json#38CB07de
punctuation.definition.list.end.markdown#44DB8Fde
punctuation.definition.list.end.python#D6C9FCde
punctuation.definition.parameters.begin.python#7DBDEFde
punctuation.definition.parameters.end.bracket.round.java#33D282de
punctuation.definition.quote.begin.markdown#F491E7de
punctuation.definition.tag#C9B8FBde
punctuation.definition.template-expression.begin#7FBFF0de
punctuation.definition.template-expression.end#81C0F1de
punctuation.section.class.begin.bracket.curly.java#D2C5FCde
punctuation.section.embedded#C0ADF9de
punctuation.section.embedded.begin.php#F7A1EDde
punctuation.section.embedded.end.php#F7A1A1de
punctuation.terminator.java#79E356de
source.cmake#74E050de
source.coffee.embedded#CBBAFBde
source.cpp#52E29Bde
source.css.less#FBBAF3de
source.groovy.embedded#F8CA0Bde
source.java#D9BD3Fde
source.java-properties#CABAFBde
source.json.comments#C9C9C96e
source.makefile#6FDD4Ade
source.powershell#FAB7F2de
source.powershell.variable.other.member#7CBDEFde
source.python#E9D169de
storage#07D66Fde
storage.modifier#F8CA0Bde
storage.modifier.import.java#F79FECde
storage.modifier.package.java#38D587de
storage.type#BAA5F8de
storage.type.annotation.groovy#74E050de
storage.type.annotation.java#FAB4B4de
storage.type.boolean.go#D1C3FCde
storage.type.byte.go#62E7A5de
storage.type.cs#3FD98Bde
storage.type.error.go#83E762de
storage.type.generic.cs#DCB608de
storage.type.generic.groovy#FBBABAde
storage.type.generic.java#80BFF1de
storage.type.groovy#CDBDFBde
storage.type.java#D2B433de
storage.type.modifier.cs#F7A2A2de
storage.type.numeric.go#66D940de
storage.type.object.array.groovy#82E760de
storage.type.object.array.java#D5C8FCde
storage.type.parameters.groovy#FAB4B4de
storage.type.primitive.array.groovy#E3C856de
storage.type.primitive.array.java#FBBBF3de
storage.type.primitive.groovy#FBBABAde
storage.type.primitive.java#09E477de
storage.type.rune.go#E2BB08de
storage.type.string.go#F9AAAAde
storage.type.token.java#F7A0A0de
storage.type.uintptr.go#7CBDEFde
storage.type.variable.cs#BFABF9de
string#C3B0F9de
string.quoted.docstring.multi.python#B4B4B46e
string.regexp#98CDF6de
string.tag#BAA5F8de
string.value#54E39Cde
strong#5EE6A3de
support.class#F9ACACde
support.constant.color#9DCFF6de
support.constant.dom#DDC24Ade
support.constant.font-name#79BBEFde
support.constant.handlebars#CEB02Ede
support.constant.json#91C9F4de
support.constant.math#83C1F1de
support.constant.media#FBBDF3de
support.constant.media-type#98CDF6de
support.constant.property-value#D5B736de
support.function#F8CD12de
support.function.git-rebase#F9B1F0de
support.other.parenthesis.regexp#F598EAde
support.type#E9D067de
support.type.property-name#09D46Fde
support.type.vendored.property-name#62E7A5de
support.variable#DDC24Ade
token.debug-token#BFACF9de
token.error-token#7EE55Cde
token.info-token#F79F9Fde
token.warn-token#F79D9Dde
variable#8EC7F4de
variable.css#D2B433de
variable.language#89C5F3de
variable.language.wildcard.java#F69898de
variable.other.constant#F9ACACde
variable.other.definition.java#FAB5F2de
variable.other.enummember#7CBDEFde
variable.other.less#DCB608de
variable.other.object.java#7BBCEFde
variable.other.object.property.java#D6AE09de
variable.parameter.c#F69CEBde
variable.parameter.function.language.python#A2D2F7de
variable.parameter.java#D3AE09de
variable.scss#FBBABAde
viiv by B.W - VS Code Theme