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#16161Cfe
  • activityBar.activeBackground#16161Cfe
  • activityBar.activeBorder#078EF4fe
  • activityBar.activeFocusBorder#835E3900
  • activityBar.background#0F0F12fe
  • activityBar.border#835E3900
  • activityBar.dropBorder#0867ADfe
  • activityBar.foreground#0667B2fe
  • activityBar.inactiveForeground#9B9BB065
  • activityBarBadge.background#4199DAfe
  • activityBarBadge.foreground#0F0F12fe
  • badge.background#53A5E2fe
  • badge.foreground#0F0F12fe
  • banner.background#16161Cfe
  • banner.foreground#B1B1FAce
  • banner.iconForeground#D0D5CAfe
  • breadcrumb.activeSelectionForeground#E4DDDFca
  • breadcrumb.background#111115fe
  • breadcrumb.focusForeground#4199DAfe
  • breadcrumb.foreground#E7E7ECae
  • breadcrumbPicker.background#16161Cfe
  • button.background#353542ae
  • button.border#0D0B0D00
  • button.foreground#B1B1FAce
  • button.hoverBackground#353542fe
  • button.secondaryBackground#16161Cfe
  • button.secondaryForeground#B1B1FAce
  • button.secondaryHoverBackground#16161Cfe
  • button.separator#0C0D0B00
  • charts.blue#1b1bfffe
  • charts.foreground#B1B1FAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a7
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D0D10fe
  • chat.slashCommandBackground#16161Cfe
  • chat.slashCommandForeground#B1B1FAce
  • checkbox.background#0D0D10fe
  • checkbox.border#0D0D10fe
  • checkbox.foreground#B1B1FAce
  • checkbox.selectBackground#0D0D10fe
  • checkbox.selectBorder#0D0D10fe
  • commandCenter.activeBackground#11282C8a
  • commandCenter.activeBorder#0D0D10fe
  • commandCenter.activeForeground#479DDDfe
  • commandCenter.background#16161Cfe
  • commandCenter.border#0D0D10fe
  • commandCenter.foreground#B1B1FAce
  • commandCenter.inactiveBorder#22222B98
  • commandCenter.inactiveForeground#4949F365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0D0B0D00
  • contrastBorder#0B0D0B00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#B1B1FAce
  • debugConsole.sourceForeground#B1B1FAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#E0DDD9fe
  • debugExceptionWidget.background#4800489c
  • debugExceptionWidget.border#0D0D10fe
  • debugIcon.breakpointCurrentStackframeForeground#C7CEC1fe
  • debugIcon.breakpointDisabledForeground#B5B5D965
  • debugIcon.breakpointForeground#D0D5CAfe
  • debugIcon.breakpointStackframeForeground#CAC3BCfe
  • debugIcon.breakpointUnverifiedForeground#D3CAD5fe
  • debugIcon.continueForeground#CEC1C3fe
  • debugIcon.disconnectForeground#C1B3C3fe
  • debugIcon.pauseForeground#D5D0CAfe
  • debugIcon.restartForeground#C7CEC1fe
  • debugIcon.startForeground#D4D4DDfe
  • debugIcon.stepBackForeground#D4D9CFfe
  • debugIcon.stepIntoForeground#DDDDE4fe
  • debugIcon.stepOutForeground#D3CAD5fe
  • debugIcon.stepOverForeground#C6BFB8fe
  • debugIcon.stopForeground#E0DDD9fe
  • debugTokenExpression.boolean#CFCFD9ca
  • debugTokenExpression.error#D9DFE0ca
  • debugTokenExpression.name#DDE4DFca
  • debugTokenExpression.number#DDD4D5ca
  • debugTokenExpression.value#D0D5CAca
  • debugToolBar.background#480048a6
  • debugToolBar.border#0D0D10fe
  • debugView.exceptionLabelBackground#192628ca
  • debugView.exceptionLabelForeground#E3DDE4ca
  • debugView.stateLabelBackground#17261Cca
  • debugView.stateLabelForeground#CACAD5ca
  • debugView.valueChangedHighlight#D7CFD9ca
  • descriptionForeground#B1B1FAce
  • diffEditor.border#0B0D0D00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#002C0031
  • diffEditor.insertedTextBackground#0B2B0Dfb
  • diffEditor.insertedTextBorder#0D0C0B00
  • diffEditor.move.border#0B0D0B00
  • diffEditor.moveActive.border#0D0C0B00
  • diffEditor.removedLineBackground#51000031
  • diffEditor.removedTextBackground#520000fb
  • diffEditor.removedTextBorder#0D0C0B00
  • diffEditor.unchangedCodeBackground#16161Cfe
  • diffEditor.unchangedRegionBackground#16161Cfe
  • diffEditor.unchangedRegionForeground#B1B1FAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B3B3E665
  • dropdown.background#0D0D10fe
  • dropdown.border#0D0D10fe
  • dropdown.foreground#B1B1FAce
  • dropdown.listBackground#0D0D10fe
  • editor.background#16161Cfe
  • editor.findMatchBackground#536856ad
  • editor.findMatchBorder#0D0D10fe
  • editor.findMatchHighlightBackground#4B4B5Fad
  • editor.findMatchHighlightBorder#0D0D10fe
  • editor.findRangeHighlightBackground#444C3Ca5
  • editor.findRangeHighlightBorder#0D0D10fe
  • editor.focusedStackFrameHighlightBackground#685D5381
  • editor.foldBackground#74C4D2a6
  • editor.foreground#B1B1FAce
  • editor.hoverHighlightBackground#445546ad
  • editor.inactiveSelectionBackground#43438499
  • editor.inlineValuesBackground#16161Cfe
  • editor.inlineValuesForeground#B1B1FAce
  • editor.lineHighlightBackground#31313Eb3
  • editor.lineHighlightBorder#0B0D0D00
  • editor.linkedEditingBackground#16161Cfe
  • editor.rangeHighlightBackground#5B4B5Fa3
  • editor.rangeHighlightBorder#0D0D10fe
  • editor.selectionBackground#62627Ba8
  • editor.selectionForeground#DDDDE4ca
  • editor.selectionHighlightBackground#5368568a
  • editor.selectionHighlightBorder#0D0D10fe
  • editor.snippetFinalTabstopHighlightBackground#3B4F52a5
  • editor.snippetFinalTabstopHighlightBorder#0D0D10fe
  • editor.snippetTabstopHighlightBackground#59634Fa1
  • editor.snippetTabstopHighlightBorder#0D0D10fe
  • editor.stackFrameHighlightBackground#3B4F3Fa4
  • editor.symbolHighlightBackground#5C4060aa
  • editor.symbolHighlightBorder#0D0D10fe
  • editor.wordHighlightBackground#63594Faa
  • editor.wordHighlightBorder#0D0C0B00
  • editor.wordHighlightStrongBackground#69566Da3
  • editor.wordHighlightStrongBorder#0D0B0D00
  • editor.wordHighlightTextBackground#5A425Fa9
  • editor.wordHighlightTextBorder#0D0C0B00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#B1B1FAce
  • editorBracketMatch.background#61CD77a9
  • editorBracketMatch.border#0D0D10fe
  • editorBracketPairGuide.activeBackground1#69C6D486
  • editorBracketPairGuide.activeBackground2#6ACC7987
  • editorBracketPairGuide.activeBackground3#DFB0798e
  • editorBracketPairGuide.activeBackground4#72CB8184
  • editorBracketPairGuide.activeBackground5#97C7678e
  • editorBracketPairGuide.activeBackground6#95C85B84
  • editorBracketPairGuide.background1#1F2617fe
  • editorBracketPairGuide.background2#1F2617fe
  • editorBracketPairGuide.background3#371E22fe
  • editorBracketPairGuide.background4#2B2319fe
  • editorBracketPairGuide.background5#18291Bfe
  • editorBracketPairGuide.background6#202617fe
  • editorCodeLens.foreground#B3B3EC6e
  • editorCommentsWidget.rangeActiveBackground#B2B2F8fe
  • editorCommentsWidget.rangeBackground#16161Cfe
  • editorCommentsWidget.resolvedBorder#0D0D10fe
  • editorCommentsWidget.unresolvedBorder#530000cb
  • editorCursor.background#16161Cfe
  • editorCursor.foreground#308CD2fe
  • editorError.background#0C0D0B00
  • editorError.border#0D0C0B00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#16161Cfe
  • editorGhostText.border#0D0C0B00
  • editorGhostText.foreground#B3B3ED6e
  • editorGroup.border#0D0D10fe
  • editorGroup.dropBackground#16161Cfe
  • editorGroup.dropIntoPromptBackground#16161Cfe
  • editorGroup.dropIntoPromptBorder#0D0D10fe
  • editorGroup.dropIntoPromptForeground#B1B1FAce
  • editorGroup.emptyBackground#16161Cfe
  • editorGroup.focusedEmptyBorder#0D0D10fe
  • editorGroupHeader.border#0B0B0D00
  • editorGroupHeader.noTabsBackground#0F0F12ae
  • editorGroupHeader.tabsBackground#17171da1
  • editorGroupHeader.tabsBorder#0D0C0B00
  • editorGutter.addedBackground#4FD156fb
  • editorGutter.background#16161Cfe
  • editorGutter.commentGlyphForeground#B1B1FAce
  • editorGutter.commentRangeForeground#B1B1FAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FEA4A4cb
  • editorGutter.foldingControlForeground#B1B1FAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C0D0B00
  • editorHint.foreground#C0ADFFce
  • editorHoverWidget.background#0D0D10fe
  • editorHoverWidget.border#0D0D10fe
  • editorHoverWidget.foreground#B1B1FAce
  • editorHoverWidget.highlightForeground#CAD5CCca
  • editorHoverWidget.statusBarBackground#16161Cfe
  • editorIndentGuide.activeBackground1#B3B3F4fe
  • editorIndentGuide.activeBackground2#B2B2F1fe
  • editorIndentGuide.activeBackground3#B3B3F3fe
  • editorIndentGuide.activeBackground4#B3B3F3fe
  • editorIndentGuide.activeBackground5#B2B2F1fe
  • editorIndentGuide.activeBackground6#B3B3F4fe
  • editorIndentGuide.background1#99A48D35
  • editorIndentGuide.background2#849D8835
  • editorIndentGuide.background3#B09B9F35
  • editorIndentGuide.background4#B7AEA535
  • editorIndentGuide.background5#ACA19635
  • editorIndentGuide.background6#909D8435
  • editorInfo.background#0D0B0B00
  • editorInfo.border#0D0B0B00
  • editorInfo.foreground#C0ADFFce
  • editorInlayHint.background#16161Cfe
  • editorInlayHint.foreground#B1B1FAce
  • editorInlayHint.parameterBackground#16161Cfe
  • editorInlayHint.parameterForeground#B1B1FAce
  • editorInlayHint.typeBackground#16161Cfe
  • editorInlayHint.typeForeground#B1B1FAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#308CD2fe
  • editorLineNumber.dimmedForeground#B3B3EA6e
  • editorLineNumber.foreground#B3B3EB6e
  • editorLink.activeForeground#5AA9E5fe
  • editorMarkerNavigation.background#0D0D10fe
  • editorMarkerNavigationError.background#480048a4
  • editorMarkerNavigationError.headerBackground#480048c9
  • editorMarkerNavigationInfo.background#00008Afe
  • editorMarkerNavigationInfo.headerBackground#00008Afe
  • editorMarkerNavigationWarning.background#2B2300fe
  • editorMarkerNavigationWarning.headerBackground#2B2300fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#16161Cfe
  • editorOverviewRuler.border#0E0E46fe
  • editorOverviewRuler.bracketMatchForeground#B1B1FAce
  • editorOverviewRuler.commentForeground#B3B3EC6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B1B1FAce
  • editorOverviewRuler.currentContentForeground#cececeaa
  • editorOverviewRuler.deletedForeground#FEA4A4cb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C0ADFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E4E1DDca
  • editorOverviewRuler.selectionHighlightForeground#C0ADFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DDD4D5ca
  • editorOverviewRuler.wordHighlightStrongForeground#B1B1FAce
  • editorOverviewRuler.wordHighlightTextForeground#B1B1FAce
  • editorPane.background#16161Cfe
  • editorRuler.foreground#B2B2F721
  • editorStickyScroll.background#16161Cfe
  • editorStickyScroll.shadow#0B0B0D00
  • editorStickyScrollHover.background#0E0E46fe
  • editorSuggestWidget.background#0D0D10fe
  • editorSuggestWidget.border#0B0D0B00
  • editorSuggestWidget.focusHighlightForeground#4C6D2Bfe
  • editorSuggestWidget.foreground#E0D9DAfe
  • editorSuggestWidget.highlightForeground#DDE3E4ca
  • editorSuggestWidget.selectedBackground#59634F83
  • editorSuggestWidget.selectedForeground#D4D9CFca
  • editorSuggestWidget.selectedIconForeground#D9CFD1ca
  • editorSuggestWidgetStatus.foreground#DDDDE4fe
  • editorUnicodeHighlight.background#57475Aa4
  • editorUnicodeHighlight.border#0D0D10fe
  • editorUnnecessaryCode.border#2B2400ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0D0B00
  • editorWarning.border#0D0B0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B1B1FAce
  • editorWidget.background#0D0D10fe
  • editorWidget.border#0D0D10fe
  • editorWidget.foreground#B1B1FAce
  • editorWidget.resizeBorder#0D0D10fe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#308CD2fe
  • extensionBadge.remoteForeground#0F0F12fe
  • extensionButton.background#0F0F4Aae
  • extensionButton.foreground#B1B1FAce
  • extensionButton.hoverBackground#131355fe
  • extensionButton.prominentBackground#16161Cfe
  • extensionButton.prominentForeground#B1B1FAce
  • extensionButton.prominentHoverBackground#16161Cfe
  • extensionButton.separator#0B0B0D00
  • extensionIcon.preReleaseForeground#D3CAD5fe
  • extensionIcon.sponsorForeground#E0D9DAfe
  • extensionIcon.starForeground#C1CCCEfe
  • extensionIcon.verifiedForeground#C7CEC1fe
  • focusBorder#0D0B0B00
  • foreground#B1B1FAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FEA4A4cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C0ADFFce
  • gitDecoration.stageDeletedResourceForeground#FEA4A4cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B4B4F6ae
  • inlineChat.background#1F2517ca
  • inlineChat.border#17261Cca
  • inlineChat.regionHighlight#D9D9E0ca
  • inlineChat.shadow#D8DDD4ca
  • inlineChatDiff.inserted#CAD3D5ca
  • inlineChatDiff.removed#DFD9E0ca
  • inlineChatInput.background#DDE3E4ca
  • inlineChatInput.border#361E25ca
  • inlineChatInput.focusBorder#0C0D0B00
  • inlineChatInput.placeholderForeground#D5CACCca
  • input.background#0D0D10fe
  • input.border#0D0D10fe
  • input.foreground#B1B1FAce
  • input.placeholderForeground#B4B4E465
  • inputOption.activeBackground#0D0D10fe
  • inputOption.activeBorder#0D0D10fe
  • inputOption.activeForeground#308CD2fe
  • inputOption.hoverBackground#0D0D10fe
  • inputValidation.errorBackground#670067bd
  • inputValidation.errorBorder#480048b1
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D0D10fe
  • inputValidation.infoForeground#B1B1FAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D0D10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D0D10fe
  • interactive.inactiveCodeBorder#0C0C339e
  • keybindingLabel.background#16161Cfe
  • keybindingLabel.border#0D0D10fe
  • keybindingLabel.bottomBorder#0D0D10fe
  • keybindingLabel.foreground#B1B1FAce
  • keybindingTable.headerBackground#16161Cfe
  • keybindingTable.rowsBackground#16161Cfe
  • list.activeSelectionBackground#56696D8e
  • list.activeSelectionForeground#E4E1DDca
  • list.activeSelectionIconForeground#D5CACCca
  • list.deemphasizedForeground#B1B1FAce
  • list.dropBackground#16161Cfe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#16161Cfe
  • list.filterMatchBorder#0D0D10fe
  • list.focusAndSelectionOutline#0B0B0D00
  • list.focusBackground#40409296
  • list.focusForeground#4DA1E0fe
  • list.focusHighlightForeground#9E2EBAfe
  • list.focusOutline#0D0B0B00
  • list.highlightForeground#CAD3D5ca
  • list.hoverBackground#14145Afe
  • list.hoverForeground#479DDDfe
  • list.inactiveFocusBackground#31313E97
  • list.inactiveFocusOutline#0B0D0D00
  • list.inactiveSelectionBackground#0F0F12ae
  • list.inactiveSelectionForeground#B5B5D965
  • list.inactiveSelectionIconForeground#B5B5D965
  • list.invalidItemForeground#B1B1FAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#16161Cfe
  • listFilterWidget.noMatchesOutline#0D0B0B00
  • listFilterWidget.outline#0C0D0B00
  • listFilterWidget.shadow#0B0B0D00
  • menu.background#0F0F12fe
  • menu.border#0B0D0B00
  • menu.foreground#E7E7ECae
  • menu.selectionBackground#5E5E76ad
  • menu.selectionBorder#0C0D0B00
  • menu.selectionForeground#5AA9E5fe
  • menu.separatorBackground#1F1F4A65
  • menubar.selectionBackground#696985a5
  • menubar.selectionBorder#0C0D0B00
  • menubar.selectionForeground#4DA1E0fe
  • merge.border#0D0D10fe
  • merge.commonContentBackground#16161Cfe
  • merge.commonHeaderBackground#16161Cfe
  • merge.currentContentBackground#002C0031
  • merge.currentHeaderBackground#0B2B0Dfb
  • merge.incomingContentBackground#0E2B0Fcb
  • merge.incomingHeaderBackground#0B2B0Dfb
  • mergeEditor.change.background#16161Cfe
  • mergeEditor.change.word.background#16161Cfe
  • mergeEditor.changeBase.background#16161Cfe
  • mergeEditor.changeBase.word.background#16161Cfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0D0D10fe
  • mergeEditor.conflict.handledUnfocused.border#1A1A213e
  • mergeEditor.conflict.input1.background#0D0D10fe
  • mergeEditor.conflict.input2.background#0D0D10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067bc
  • mergeEditor.conflict.unhandledFocused.border#0D0D10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1E1E2626
  • mergeEditor.conflictingLines.background#16161Cfe
  • minimap.background#16161Cfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F5F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#4FD156fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#696985fe
  • minimapSlider.background#444455ae
  • minimapSlider.hoverBackground#56566Dfe
  • notebook.cellBorderColor#0D0D10fe
  • notebook.cellEditorBackground#16161Cfe
  • notebook.cellHoverBackground#16161Cfe
  • notebook.cellInsertionIndicator#E4DDDFca
  • notebook.cellStatusBarItemHoverBackground#16161Cfe
  • notebook.cellToolbarSeparator#DDD4D5ca
  • notebook.editorBackground#16161Cfe
  • notebook.focusedCellBackground#16161Cfe
  • notebook.focusedCellBorder#2E83C3fe
  • notebook.focusedEditorBorder#0D0D10fe
  • notebook.inactiveFocusedCellBorder#6565808e
  • notebook.inactiveSelectedCellBorder#62627B8e
  • notebook.outputContainerBackgroundColor#16161Cfe
  • notebook.outputContainerBorderColor#0D0D10fe
  • notebook.selectedCellBackground#16161Cfe
  • notebook.selectedCellBorder#0D0D10fe
  • notebook.symbolHighlightBackground#16161Cfe
  • notebookEditorOverviewRuler.runningCellForeground#B1B1FAce
  • notebookScrollbarSlider.activeBackground#696985fe
  • notebookScrollbarSlider.background#404051ae
  • notebookScrollbarSlider.hoverBackground#383847fe
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#D9D9E0fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0D0D10fe
  • notificationCenterHeader.background#16161Cfe
  • notificationCenterHeader.foreground#B1B1FAce
  • notificationLink.foreground#B1B1FAce
  • notifications.background#16161Cfe
  • notifications.border#0D0D10fe
  • notifications.foreground#B1B1FAce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#C6D1C8fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0D0D10fe
  • panel.background#16161Cfe
  • panel.border#0D0D10fe
  • panel.dropBorder#0D0D10fe
  • panelInput.border#0D0D10fe
  • panelSection.border#0D0D10fe
  • panelSection.dropBackground#16161Cfe
  • panelSectionHeader.background#16161Cfe
  • panelSectionHeader.border#0D0D10fe
  • panelSectionHeader.foreground#B1B1FAce
  • panelTitle.activeBorder#0C0D0B00
  • panelTitle.activeForeground#0667B2fe
  • panelTitle.inactiveForeground#4949F365
  • peekView.border#0667B2fe
  • peekViewEditor.background#0D0D10fe
  • peekViewEditor.matchHighlightBackground#3B4C4F83
  • peekViewEditor.matchHighlightBorder#0D0B0D00
  • peekViewEditorGutter.background#0D0D10fe
  • peekViewEditorStickyScroll.background#16161Cfe
  • peekViewResult.background#0F0F12fe
  • peekViewResult.fileForeground#B1B1FAce
  • peekViewResult.lineForeground#B1B1FAce
  • peekViewResult.matchHighlightBackground#555F4B86
  • peekViewResult.selectionBackground#4F63528b
  • peekViewResult.selectionForeground#D5D0CAca
  • peekViewTitle.background#0F0F12fe
  • peekViewTitleDescription.foreground#B1B1FAce
  • peekViewTitleLabel.foreground#B1B1FAce
  • pickerGroup.border#0D0D10fe
  • pickerGroup.foreground#B1B1FAce
  • ports.iconRunningProcessForeground#DDE0D9fe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#C0ADFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#479DDDfe
  • profileBadge.foreground#0F0F12fe
  • progressBar.background#16161Cfe
  • quickInput.background#0F0F12fe
  • quickInput.foreground#B2B2FBae
  • quickInputList.focusBackground#485140a3
  • quickInputList.focusForeground#2E83C3fe
  • quickInputList.focusIconForeground#3C95D7fe
  • quickInputTitle.background#0D0D10fe
  • sash.hoverBorder#0D0D10fe
  • scrollbar.shadow#0B0D0B00
  • scrollbarSlider.activeBackground#696985fe
  • scrollbarSlider.background#444455ae
  • scrollbarSlider.hoverBackground#4B4B5Ffe
  • search.resultsInfoForeground#B1B1FAce
  • searchEditor.findMatchBackground#555F4Ba6
  • searchEditor.findMatchBorder#0D0D10fe
  • searchEditor.textInputBorder#0D0D10fe
  • selection.background#16161Cfe
  • settings.checkboxBackground#0D0D10fe
  • settings.checkboxBorder#0D0D10fe
  • settings.checkboxForeground#B1B1FAce
  • settings.dropdownBackground#0D0D10fe
  • settings.dropdownBorder#0D0D10fe
  • settings.dropdownForeground#B1B1FAce
  • settings.dropdownListBorder#0D0D10fe
  • settings.focusedRowBackground#515A4787
  • settings.focusedRowBorder#0D0D10fe
  • settings.headerBorder#0D0D10fe
  • settings.headerForeground#B1B1FAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D0D10fe
  • settings.numberInputBorder#0D0D10fe
  • settings.numberInputForeground#B1B1FAce
  • settings.rowHoverBackground#16161Cfe
  • settings.sashBorder#0D0D10fe
  • settings.settingsHeaderHoverForeground#2E88CBfe
  • settings.textInputBackground#0D0D10fe
  • settings.textInputBorder#0D0D10fe
  • settings.textInputForeground#B1B1FAce
  • sideBar.background#16161Cfe
  • sideBar.border#0D0D10fe
  • sideBar.dropBackground#16161Cfe
  • sideBar.foreground#B4B4F6ae
  • sideBarSectionHeader.background#0D0B0B00
  • sideBarSectionHeader.border#0D0D10fe
  • sideBarSectionHeader.foreground#B1B1FAce
  • sideBarTitle.foreground#B1B1FAce
  • sideBySideEditor.horizontalBorder#0D0D10fe
  • sideBySideEditor.verticalBorder#0D0D10fe
  • simpleFindWidget.sashBorder#0D0D10fe
  • statusBar.background#0F0F12fe
  • statusBar.border#0D0D10fe
  • statusBar.debuggingBackground#480048a8
  • statusBar.debuggingBorder#0D0D10fe
  • statusBar.debuggingForeground#B1B1FAce
  • statusBar.focusBorder#0B0B0D00
  • statusBar.foreground#B3B3EA6e
  • statusBar.noFolderBackground#0F0F12fe
  • statusBar.noFolderBorder#0D0D10fe
  • statusBar.noFolderForeground#B1B1FAce
  • statusBarItem.activeBackground#0F0F12fe
  • statusBarItem.compactHoverBackground#0F0F12fe
  • statusBarItem.errorBackground#480048b1
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#480048b7
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0B0D0D00
  • statusBarItem.hoverBackground#0F0F12fe
  • statusBarItem.hoverForeground#308CD2fe
  • statusBarItem.offlineBackground#0F0F12fe
  • statusBarItem.offlineForeground#B1B1FAce
  • statusBarItem.offlineHoverBackground#0F0F12fe
  • statusBarItem.offlineHoverForeground#4DA1E0fe
  • statusBarItem.prominentBackground#0F0F12fe
  • statusBarItem.prominentForeground#B1B1FAce
  • statusBarItem.prominentHoverBackground#0F0F12fe
  • statusBarItem.prominentHoverForeground#3C95D7fe
  • statusBarItem.remoteBackground#2E83C3fe
  • statusBarItem.remoteForeground#0F0F12fe
  • statusBarItem.remoteHoverBackground#0F0F12fe
  • statusBarItem.remoteHoverForeground#4199DAfe
  • statusBarItem.warningBackground#2B2300fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#2B2300fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#E3DDE4fe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#B8B8C6fe
  • symbolIcon.colorForeground#E0D9DAfe
  • symbolIcon.constantForeground#C1CCCEfe
  • symbolIcon.constructorForeground#CCD1C6fe
  • symbolIcon.enumeratorForeground#D9DFE0fe
  • symbolIcon.enumeratorMemberForeground#BCCABFfe
  • symbolIcon.eventForeground#DDE4DFfe
  • symbolIcon.fieldForeground#BCCABFfe
  • symbolIcon.fileForeground#B3C0C2fe
  • symbolIcon.folderForeground#E4E1DDfe
  • symbolIcon.functionForeground#C3CABCfe
  • symbolIcon.interfaceForeground#BFC6B8fe
  • symbolIcon.keyForeground#CCD1C6fe
  • symbolIcon.keywordForeground#B6B6D1fe
  • symbolIcon.methodForeground#DDDDE4fe
  • symbolIcon.moduleForeground#B8C6BAfe
  • symbolIcon.namespaceForeground#B8C6BAfe
  • symbolIcon.nullForeground#BCBCCAfe
  • symbolIcon.numberForeground#C6D1C8fe
  • symbolIcon.objectForeground#B8C4C6fe
  • symbolIcon.operatorForeground#D1C6C8fe
  • symbolIcon.packageForeground#D1CCC6fe
  • symbolIcon.propertyForeground#D9DFE0fe
  • symbolIcon.referenceForeground#C8BCCAfe
  • symbolIcon.snippetForeground#B8C6BAfe
  • symbolIcon.stringForeground#DFD9E0fe
  • symbolIcon.structForeground#D9D4CFfe
  • symbolIcon.textForeground#C6D0D1fe
  • symbolIcon.typeParameterForeground#D9D4CFfe
  • symbolIcon.unitForeground#C6C6D1fe
  • symbolIcon.variableForeground#C3CABCfe
  • tab.activeBackground#111115fe
  • tab.activeBorder#0D0C0B00
  • tab.activeBorderTop#0882DEfe
  • tab.activeForeground#0882DEfe
  • tab.activeModifiedBorder#2B2400ce
  • tab.border#0D0B0D00
  • tab.hoverBackground#B2B2F4fe
  • tab.hoverBorder#0D0D10fe
  • tab.hoverForeground#53A5E2fe
  • tab.inactiveBackground#22222B95
  • tab.inactiveForeground#A0A0B365
  • tab.inactiveModifiedBorder#2B2400ce
  • tab.lastPinnedBorder#0D0D10fe
  • tab.unfocusedActiveBackground#1E1E2632
  • tab.unfocusedActiveBorder#0B0D0B00
  • tab.unfocusedActiveBorderTop#1F1F4A65
  • tab.unfocusedActiveForeground#A9A9BB65
  • tab.unfocusedActiveModifiedBorder#2B2400ce
  • tab.unfocusedHoverBackground#B3B3F6fe
  • tab.unfocusedHoverBorder#1A1A212f
  • tab.unfocusedHoverForeground#9B9BB065
  • tab.unfocusedInactiveBackground#26262F98
  • tab.unfocusedInactiveForeground#4949F365
  • tab.unfocusedInactiveModifiedBorder#2B2400ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b0
  • 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#cececeb2
  • terminal.ansiYellow#c4a200fe
  • terminal.background#16161Cfe
  • terminal.border#0D0D10fe
  • terminal.dropBackground#16161Cfe
  • terminal.findMatchBackground#16161Cfe
  • terminal.findMatchBorder#0D0D10fe
  • terminal.findMatchHighlightBackground#16161Cfe
  • terminal.findMatchHighlightBorder#0D0D10fe
  • terminal.foreground#B4B4F6ae
  • terminal.hoverHighlightBackground#16161Cfe
  • terminal.inactiveSelectionBackground#26262F9a
  • terminal.selectionBackground#54493F8a
  • terminal.selectionForeground#D7CFD9ca
  • terminal.tab.activeBorder#0882DEfe
  • terminalCommandDecoration.defaultBackground#76C3D6aa
  • terminalCommandDecoration.errorBackground#FEA4A4cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#16161Cfe
  • terminalCursor.foreground#479DDDfe
  • terminalOverviewRuler.cursorForeground#B1B1FAce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c4
  • testing.iconUnset#808080c2
  • testing.message.error.decorationForeground#7DBEF0fe
  • testing.message.error.lineBackground#480048be
  • testing.message.info.decorationForeground#7DBFEFfe
  • testing.message.info.lineBackground#00008Afe
  • testing.peekBorder#0D0D10fe
  • testing.peekHeaderBackground#16161Cfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#16161Cfe
  • textBlockQuote.border#0D0D10fe
  • textCodeBlock.background#16161Cfe
  • textLink.activeForeground#2E83C3fe
  • textLink.foreground#C0ADFFce
  • textPreformat.foreground#B1B1FAce
  • textSeparator.foreground#B1B1FAce
  • titleBar.activeBackground#0F0F12fe
  • titleBar.activeForeground#5050DBae
  • titleBar.border#0B0D0B00
  • titleBar.inactiveBackground#22222Bd9
  • titleBar.inactiveForeground#A5A5B765
  • toolbar.activeBackground#1C281084
  • toolbar.hoverBackground#16161Cfe
  • toolbar.hoverOutline#0B0D0D00
  • tree.inactiveIndentGuidesStroke#BBA9AC35
  • tree.indentGuidesStroke#7EBFF0fe
  • tree.tableColumnsBorder#0D0D10fe
  • tree.tableOddRowsBackground#16161Cfe
  • walkThrough.embeddedEditorBackground#16161Cfe
  • walkthrough.stepTitle.foreground#B1B1FAce
  • welcomePage.background#16161Cfe
  • welcomePage.progress.background#16161Cfe
  • welcomePage.progress.foreground#B1B1FAce
  • welcomePage.tileBackground#16161Cfe
  • welcomePage.tileBorder#0D0D10fe
  • welcomePage.tileHoverBackground#16161Cfe
  • widget.border#0D0D10fe
  • widget.shadow#0D0B0D00
  • window.activeBorder#0D0D10fe
  • window.inactiveBorder#09092A9a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9999F86e
comment.block.html#9999F96e
comment.block.java#9A9AF66e
comment.block.javadoc.java#9C9CF76e
comment.block.powershell#9999F96e
comment.block.xml#9C9CF76e
comment.line.double-slash.c#9999F86e
comment.line.double-slash.cpp#9999F96e
comment.line.double-slash.java#9999F96e
comment.line.double-slash.js#9999F96e
comment.line.number-sign.makefile#9A9AF66e
comment.line.number-sign.python#9999F96e
comment.line.number-sign.yaml#9999F86e
comment.line.percentage.erlang#9A9AF66e
comment.line.powershell#9999F96e
comment.source.cmake#9C9CF76e
comment.source.cmakecache#9A9AF66e
constant.character#C1A12Dde
constant.character.character-class.regexp#39A8FBde
constant.character.escape#EE76DCde
constant.character.set.regexp#ED75DCde
constant.language#B3B3B3de
constant.numeric#08BD62de
constant.numeric.dec.python#A2A2A2de
constant.other.caps.python#C69D0Ade
constant.other.character-class.regexp#EE75DDde
constant.other.character-class.set.regexp#3BBD08de
constant.other.color.rgb-value#08BD62de
constant.other.placeholder#C1A12Dde
constant.other.rgb-value#5AA9E5de
constant.regexp#3CD78Ade
constant.sha.git-rebase#5AA9E5de
emphasis#EE76DCde
entity.name.class#A994F5de
entity.name.function#60ADE7de
entity.name.function.preprocessor#5BCB2Ede
entity.name.function.python#AA95F5de
entity.name.label#59A9E4de
entity.name.namespace#08D26Ede
entity.name.operator#A2A2A2de
entity.name.operator.custom-literal#AB97F5de
entity.name.scope-resolution#A2A2A2de
entity.name.tag#AA95F5de
entity.name.tag.css#ED75DCde
entity.name.type#68D73Cde
entity.name.variable#C79F09de
entity.other.attribute#3CBD09de
entity.other.attribute-name#54B82Dde
entity.other.attribute-name.class.css#59A9E5de
entity.other.attribute-name.class.mixin.css#EE76DCde
entity.other.attribute-name.id#A2A2A2de
entity.other.attribute-name.id.css#3DBB09de
entity.other.attribute-name.parent-selector.css#B19EF7de
entity.other.attribute-name.pseudo-class.css#A2A2A2de
entity.other.attribute-name.pseudo-element.css#A3A3A3de
entity.other.attribute-name.scss#ED75DCde
entity.other.document.begin.yaml#9999F96e
entity.other.inherited-class#A994F5de
header#08BD62de
invalid#3DBD0Ade
keyword#3DBD0Ade
keyword.codetag.notation.python#09BB63de
keyword.control#D7B63Cde
keyword.control.anchor.regexp#AFAFAFde
keyword.control.import.python#5BAAE6de
keyword.operator#C89F09de
keyword.operator.alignas#3DBB09de
keyword.operator.alignof#ED75DCde
keyword.operator.cast#09BB63de
keyword.operator.delete#5AA9E5de
keyword.operator.documentation.powershell#9A9AF66e
keyword.operator.expression#08BD62de
keyword.operator.instanceof#EE76DCde
keyword.operator.logical.python#A2A2A2de
keyword.operator.minus.exponent#AFAFAFde
keyword.operator.negation.regexp#2DB973de
keyword.operator.new#6DB5EBde
keyword.operator.noexcept#7BBDEFde
keyword.operator.or.regexp#82C1F1de
keyword.operator.plus.exponent#F490E6de
keyword.operator.quantifier.regexp#D2AF30de
keyword.operator.sizeof#A2A2A2de
keyword.operator.typeid#F79EEAde
keyword.operator.wordlike#D7B63Cde
keyword.other.operator#A894F5de
keyword.other.package.java#AFAFAFde
keyword.other.unit#C79E09de
keyword.other.using#AFAFAFde
markup.bold#ED75DCde
markup.changed#A2A2A2de
markup.deleted#A2A2A2de
markup.fenced_code.block.markdown#B7A6F8de
markup.heading#EE76DCde
markup.inline.raw#C79D07de
markup.inserted#C79F09de
markup.italic#3DBB09de
markup.raw.block.markdown#AB97F5de
markup.strikethrough#A2A2A2de
markup.underline#59A9E4de
meta.block.c#5BA9E5de
meta.block.c#09BB63de
meta.class.java#C79E09de
meta.definition.variable.name#ED75DCde
meta.diff.header#2ECB7Dde
meta.embedded#A994F5de
meta.embedded.assembly#54B72Dde
meta.function-call.arguments.python#A2A2A2de
meta.function-call.python#F289E3de
meta.member.access.python#ED75DCde
meta.method.java#A2A2A2de
meta.object-literal.key#A894F4de
meta.paragraph.markdown#A994F5de
meta.preprocessor#C69E07de
meta.preprocessor.numeric#60ADE7de
meta.preprocessor.string#A894F4de
meta.scope.prerequisites.makefile#A2A2A2de
meta.structure.dictionary.json.comments#9999F86e
meta.structure.dictionary.key.python#5AA9E5de
meta.structure.dictionary.value.json.comments#9999F86e
meta.template.expression#08D26Ede
meta.type.cast.expr#A3A3A3de
meta.type.new.expr#ED75DCde
parameter#09BB63de
punctuation.character.set.begin.regexp#A994F5de
punctuation.character.set.end.regexp#3CD78Ade
punctuation.definition.array.begin.json#36D585de
punctuation.definition.character-class.regexp#A894F4de
punctuation.definition.comment#9999F96e
punctuation.definition.comment.json.comments#9999F86e
punctuation.definition.comment.python#9C9CF76e
punctuation.definition.dictionary.begin.json#EF7BDEde
punctuation.definition.dictionary.end.json#A2A2A2de
punctuation.definition.group.assertion.regexp#ED75DCde
punctuation.definition.group.regexp#A994F5de
punctuation.definition.list.begin.json#2EC378de
punctuation.definition.list.begin.markdown#CBA92Ede
punctuation.definition.list.begin.python#08D56Fde
punctuation.definition.list.end.json#A994F5de
punctuation.definition.list.end.markdown#C79F09de
punctuation.definition.list.end.python#A3A3A3de
punctuation.definition.parameters.begin.python#09BB63de
punctuation.definition.parameters.end.bracket.round.java#3BBB09de
punctuation.definition.quote.begin.markdown#5AA9E5de
punctuation.definition.tag#A2A2A2de
punctuation.definition.template-expression.begin#2DBA74de
punctuation.definition.template-expression.end#5AA9E4de
punctuation.section.class.begin.bracket.curly.java#55B92Ede
punctuation.section.embedded#C1A12Dde
punctuation.section.embedded.begin.php#07BB61de
punctuation.section.embedded.end.php#EE74DCde
punctuation.terminator.java#A994F5de
source.cmake#3BBB0Ade
source.coffee.embedded#A994F5de
source.cpp#3CBD09de
source.css.less#2ECB7Dde
source.groovy.embedded#A995F5de
source.java#CBA92Ede
source.java-properties#A2A2A2de
source.json.comments#9C9CF76e
source.makefile#C89F09de
source.powershell#3DBD0Ade
source.powershell.variable.other.member#5AAAE5de
source.python#A994F5de
storage#58C32Ede
storage.modifier#74B9EDde
storage.modifier.import.java#09C467de
storage.modifier.package.java#59A9E4de
storage.type#EE76DDde
storage.type.annotation.groovy#F182E1de
storage.type.annotation.java#EE74DCde
storage.type.boolean.go#89C5F2de
storage.type.byte.go#39A8FBde
storage.type.cs#D2AF30de
storage.type.error.go#C49D08de
storage.type.generic.cs#C69D09de
storage.type.generic.groovy#3BBA07de
storage.type.generic.java#07DB71de
storage.type.groovy#A994F5de
storage.type.java#A995F5de
storage.type.modifier.cs#B7A6F8de
storage.type.numeric.go#3CBB0Ade
storage.type.object.array.groovy#A994F5de
storage.type.object.array.java#C59D09de
storage.type.parameters.groovy#09C467de
storage.type.primitive.array.groovy#C79F09de
storage.type.primitive.array.java#5AA9E4de
storage.type.primitive.groovy#AFAFAFde
storage.type.primitive.java#C0A02Dde
storage.type.rune.go#B7A6F8de
storage.type.string.go#B19EF7de
storage.type.token.java#58A9E5de
storage.type.uintptr.go#EE75DCde
storage.type.variable.cs#EE74DCde
string#C59D09de
string.quoted.docstring.multi.python#9A9AF66e
string.regexp#C69D09de
string.tag#A3A3A3de
string.value#ED75DCde
strong#A995F5de
support.class#3BBB0Ade
support.constant.color#68D73Cde
support.constant.dom#A894F5de
support.constant.font-name#3DBC0Ade
support.constant.handlebars#2ECB7Dde
support.constant.json#08D56Ede
support.constant.math#A2A2A2de
support.constant.media#D2AF30de
support.constant.media-type#C79F09de
support.constant.property-value#A6A6A6de
support.function#A3A3A3de
support.function.git-rebase#F490E6de
support.other.parenthesis.regexp#A3A3A3de
support.type#A995F5de
support.type.property-name#ED75DCde
support.type.vendored.property-name#3DBB09de
support.variable#A995F5de
token.debug-token#A2A2A2de
token.error-token#59A9E4de
token.info-token#F79EEAde
token.warn-token#3DBD0Ade
variable#A995F5de
variable.css#A894F5de
variable.language#AAAAAAde
variable.language.wildcard.java#3CBB0Ade
variable.other.constant#C89F09de
variable.other.definition.java#3DBB0Ade
variable.other.enummember#A2A2A2de
variable.other.less#A894F5de
variable.other.object.java#AA95F5de
variable.other.object.property.java#5AA9E5de
variable.parameter.c#58A9E4de
variable.parameter.function.language.python#A3A3A3de
variable.parameter.java#54B82Dde
variable.scss#ED75DCde
viiv by B.W - VS Code Theme