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#AD98F5fe
  • activityBar.activeFocusBorder#41C54100
  • activityBar.background#0F0F12fe
  • activityBar.border#A2A2F500
  • activityBar.dropBorder#B29AFEfe
  • activityBar.foreground#B49EFEfe
  • activityBar.inactiveForeground#A5A5B765
  • activityBarBadge.background#B4A0F7fe
  • activityBarBadge.foreground#0F0F12fe
  • badge.background#704FDEfe
  • badge.foreground#0F0F12fe
  • banner.background#16161Cfe
  • banner.foreground#E8E8FEce
  • banner.iconForeground#C4B8C6fe
  • breadcrumb.activeSelectionForeground#D4D4DDca
  • breadcrumb.background#111115fe
  • breadcrumb.focusForeground#B4A0F7fe
  • breadcrumb.foreground#E7E7ECae
  • breadcrumbPicker.background#16161Cfe
  • button.background#383847ae
  • button.border#0D0B0B00
  • button.foreground#E8E8FEce
  • button.hoverBackground#47475Afe
  • button.secondaryBackground#16161Cfe
  • button.secondaryForeground#E8E8FEce
  • button.secondaryHoverBackground#16161Cfe
  • button.separator#0D0B0D00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c0
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D0D10fe
  • chat.slashCommandBackground#16161Cfe
  • chat.slashCommandForeground#E8E8FEce
  • checkbox.background#0D0D10fe
  • checkbox.border#0D0D10fe
  • checkbox.foreground#E8E8FEce
  • checkbox.selectBackground#0D0D10fe
  • checkbox.selectBorder#0D0D10fe
  • commandCenter.activeBackground#4D0A1486
  • commandCenter.activeBorder#0D0D10fe
  • commandCenter.activeForeground#7555E1fe
  • commandCenter.background#16161Cfe
  • commandCenter.border#0D0D10fe
  • commandCenter.foreground#E8E8FEce
  • commandCenter.inactiveBorder#09092A95
  • commandCenter.inactiveForeground#6B6BFE65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0C0D0B00
  • contrastBorder#0D0B0B00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#E8E8FEce
  • debugConsole.sourceForeground#E8E8FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#BCCABFfe
  • debugExceptionWidget.background#670067aa
  • debugExceptionWidget.border#0D0D10fe
  • debugIcon.breakpointCurrentStackframeForeground#DDD4D5fe
  • debugIcon.breakpointDisabledForeground#E8E8FD65
  • debugIcon.breakpointForeground#D9E0DAfe
  • debugIcon.breakpointStackframeForeground#CABCBFfe
  • debugIcon.breakpointUnverifiedForeground#E1E4DDfe
  • debugIcon.continueForeground#BCBCCAfe
  • debugIcon.disconnectForeground#D1CCC6fe
  • debugIcon.pauseForeground#D0D5CAfe
  • debugIcon.restartForeground#FCE4E8fe
  • debugIcon.startForeground#DDD4D5fe
  • debugIcon.stepBackForeground#CABCBFfe
  • debugIcon.stepIntoForeground#D9D4CFfe
  • debugIcon.stepOutForeground#C6BFB8fe
  • debugIcon.stepOverForeground#CAD5CCfe
  • debugIcon.stopForeground#E4E1DDfe
  • debugTokenExpression.boolean#DDE0D9ca
  • debugTokenExpression.error#D0D5CAca
  • debugTokenExpression.name#D9DFE0ca
  • debugTokenExpression.number#D9D4CFca
  • debugTokenExpression.value#E3DDE4ca
  • debugToolBar.background#670067c6
  • debugToolBar.border#0D0D10fe
  • debugView.exceptionLabelBackground#2E231Aca
  • debugView.exceptionLabelForeground#D8DDD4ca
  • debugView.stateLabelBackground#19272Aca
  • debugView.stateLabelForeground#E1E4DDca
  • debugView.valueChangedHighlight#D0D5CAca
  • descriptionForeground#E8E8FEce
  • diffEditor.border#0B0D0D00
  • diffEditor.diagonalFill#000000f2
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0B0D0D00
  • diffEditor.move.border#0C0D0B00
  • diffEditor.moveActive.border#0D0B0B00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0C0D0B00
  • diffEditor.unchangedCodeBackground#16161Cfe
  • diffEditor.unchangedRegionBackground#16161Cfe
  • diffEditor.unchangedRegionForeground#E8E8FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#E8E8FD65
  • dropdown.background#0D0D10fe
  • dropdown.border#0D0D10fe
  • dropdown.foreground#E8E8FEce
  • dropdown.listBackground#0D0D10fe
  • editor.background#16161Cfe
  • editor.findMatchBackground#5B4347a8
  • editor.findMatchBorder#0D0D10fe
  • editor.findMatchHighlightBackground#536856ab
  • editor.findMatchHighlightBorder#0D0D10fe
  • editor.findRangeHighlightBackground#57475Aad
  • editor.findRangeHighlightBorder#0D0D10fe
  • editor.focusedStackFrameHighlightBackground#444C3C8d
  • editor.foldBackground#C8F1F9a6
  • editor.foreground#E8E8FEce
  • editor.hoverHighlightBackground#44654Aa6
  • editor.inactiveSelectionBackground#4848BF94
  • editor.inlineValuesBackground#16161Cfe
  • editor.inlineValuesForeground#E8E8FEce
  • editor.lineHighlightBackground#2D2D39b4
  • editor.lineHighlightBorder#0D0B0B00
  • editor.linkedEditingBackground#16161Cfe
  • editor.rangeHighlightBackground#535368a2
  • editor.rangeHighlightBorder#0D0D10fe
  • editor.selectionBackground#535368ab
  • editor.selectionForeground#E3DDE4ca
  • editor.selectionHighlightBackground#926F4B82
  • editor.selectionHighlightBorder#0D0D10fe
  • editor.snippetFinalTabstopHighlightBackground#536568a4
  • editor.snippetFinalTabstopHighlightBorder#0D0D10fe
  • editor.snippetTabstopHighlightBackground#5F554Ba9
  • editor.snippetTabstopHighlightBorder#0D0D10fe
  • editor.stackFrameHighlightBackground#6363CFa1
  • editor.symbolHighlightBackground#3D5458aa
  • editor.symbolHighlightBorder#0D0D10fe
  • editor.wordHighlightBackground#AE4A59a1
  • editor.wordHighlightBorder#0D0C0B00
  • editor.wordHighlightStrongBackground#5A5147a4
  • editor.wordHighlightStrongBorder#0C0D0B00
  • editor.wordHighlightTextBackground#404E51a1
  • editor.wordHighlightTextBorder#0B0B0D00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8FEce
  • editorBracketMatch.background#C4F2FAa8
  • editorBracketMatch.border#0D0D10fe
  • editorBracketPairGuide.activeBackground1#F8E1FD88
  • editorBracketPairGuide.activeBackground2#BFF8C887
  • editorBracketPairGuide.activeBackground3#F8E2FD88
  • editorBracketPairGuide.activeBackground4#BDF7C78c
  • editorBracketPairGuide.activeBackground5#D3F5AC81
  • editorBracketPairGuide.activeBackground6#C4F2FA88
  • editorBracketPairGuide.background1#212140fe
  • editorBracketPairGuide.background2#2E231Afe
  • editorBracketPairGuide.background3#351D21fe
  • editorBracketPairGuide.background4#361E25fe
  • editorBracketPairGuide.background5#2D2319fe
  • editorBracketPairGuide.background6#212141fe
  • editorCodeLens.foreground#E8E8FD6e
  • editorCommentsWidget.rangeActiveBackground#E8E8FEfe
  • editorCommentsWidget.rangeBackground#16161Cfe
  • editorCommentsWidget.resolvedBorder#0D0D10fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#16161Cfe
  • editorCursor.foreground#B4A0F7fe
  • editorError.background#0B0B0D00
  • editorError.border#0B0D0D00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#16161Cfe
  • editorGhostText.border#0B0D0D00
  • editorGhostText.foreground#E8E8FD6e
  • editorGroup.border#0D0D10fe
  • editorGroup.dropBackground#16161Cfe
  • editorGroup.dropIntoPromptBackground#16161Cfe
  • editorGroup.dropIntoPromptBorder#0D0D10fe
  • editorGroup.dropIntoPromptForeground#E8E8FEce
  • editorGroup.emptyBackground#16161Cfe
  • editorGroup.focusedEmptyBorder#0D0D10fe
  • editorGroupHeader.border#0D0C0B00
  • editorGroupHeader.noTabsBackground#0F0F12ae
  • editorGroupHeader.tabsBackground#16161Ca1
  • editorGroupHeader.tabsBorder#0D0C0B00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#16161Cfe
  • editorGutter.commentGlyphForeground#E8E8FEce
  • editorGutter.commentRangeForeground#E8E8FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#E8E8FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0C0B00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#0D0D10fe
  • editorHoverWidget.border#0D0D10fe
  • editorHoverWidget.foreground#E8E8FEce
  • editorHoverWidget.highlightForeground#DDD8D4ca
  • editorHoverWidget.statusBarBackground#16161Cfe
  • editorIndentGuide.activeBackground1#E8E8FEfe
  • editorIndentGuide.activeBackground2#E6E6FDfe
  • editorIndentGuide.activeBackground3#E7E7FEfe
  • editorIndentGuide.activeBackground4#E7E7FEfe
  • editorIndentGuide.activeBackground5#E8E8FEfe
  • editorIndentGuide.activeBackground6#E7E7FEfe
  • editorIndentGuide.background1#B7AEA535
  • editorIndentGuide.background2#BFB6AE35
  • editorIndentGuide.background3#A89D9235
  • editorIndentGuide.background4#AC9BB035
  • editorIndentGuide.background5#9BACB035
  • editorIndentGuide.background6#B09B9F35
  • editorInfo.background#0B0D0B00
  • editorInfo.border#0D0C0B00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#16161Cfe
  • editorInlayHint.foreground#E8E8FEce
  • editorInlayHint.parameterBackground#16161Cfe
  • editorInlayHint.parameterForeground#E8E8FEce
  • editorInlayHint.typeBackground#16161Cfe
  • editorInlayHint.typeForeground#E8E8FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#6B49DCfe
  • editorLineNumber.dimmedForeground#E7E7FD6e
  • editorLineNumber.foreground#E7E7FD6e
  • editorLink.activeForeground#704FDEfe
  • editorMarkerNavigation.background#0D0D10fe
  • editorMarkerNavigationError.background#670067b9
  • editorMarkerNavigationError.headerBackground#670067a5
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#16161Cfe
  • editorOverviewRuler.border#22222Bfe
  • editorOverviewRuler.bracketMatchForeground#E8E8FEce
  • editorOverviewRuler.commentForeground#E8E8FD6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E8E8FEce
  • editorOverviewRuler.currentContentForeground#cececea6
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E3DDE4ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D9CFD1ca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8FEce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8FEce
  • editorPane.background#16161Cfe
  • editorRuler.foreground#E5E5FE23
  • editorStickyScroll.background#16161Cfe
  • editorStickyScroll.shadow#0B0D0B00
  • editorStickyScrollHover.background#14145Afe
  • editorSuggestWidget.background#0D0D10fe
  • editorSuggestWidget.border#0B0D0D00
  • editorSuggestWidget.focusHighlightForeground#8C8CFEfe
  • editorSuggestWidget.foreground#D5CACCfe
  • editorSuggestWidget.highlightForeground#D9DFE0ca
  • editorSuggestWidget.selectedBackground#55483C8c
  • editorSuggestWidget.selectedForeground#D5D0CAca
  • editorSuggestWidget.selectedIconForeground#E1E4DDca
  • editorSuggestWidgetStatus.foreground#C1CEC3fe
  • editorUnicodeHighlight.background#5B4B5Fac
  • editorUnicodeHighlight.border#0D0D10fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0B0D00
  • editorWarning.border#0B0B0D00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8FEce
  • editorWidget.background#0D0D10fe
  • editorWidget.border#0D0D10fe
  • editorWidget.foreground#E8E8FEce
  • editorWidget.resizeBorder#0D0D10fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#7B5BE3fe
  • extensionBadge.remoteForeground#0F0F12fe
  • extensionButton.background#0D0D42ae
  • extensionButton.foreground#E8E8FEce
  • extensionButton.hoverBackground#11113Bfe
  • extensionButton.prominentBackground#16161Cfe
  • extensionButton.prominentForeground#E8E8FEce
  • extensionButton.prominentHoverBackground#16161Cfe
  • extensionButton.separator#0B0B0D00
  • extensionIcon.preReleaseForeground#B3C0C2fe
  • extensionIcon.sponsorForeground#D4D4DDfe
  • extensionIcon.starForeground#BCC8CAfe
  • extensionIcon.verifiedForeground#D4DDD5fe
  • focusBorder#0D0B0B00
  • foreground#E8E8FEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#E7E7FEae
  • inlineChat.background#301D33ca
  • inlineChat.border#212140ca
  • inlineChat.regionHighlight#E0D9DAca
  • inlineChat.shadow#E0D9DAca
  • inlineChatDiff.inserted#D4DDD5ca
  • inlineChatDiff.removed#CACAD5ca
  • inlineChatInput.background#D8DDD4ca
  • inlineChatInput.border#351D21ca
  • inlineChatInput.focusBorder#0B0D0D00
  • inlineChatInput.placeholderForeground#D4D9CFca
  • input.background#0D0D10fe
  • input.border#0D0D10fe
  • input.foreground#E8E8FEce
  • input.placeholderForeground#E7E7FD65
  • inputOption.activeBackground#0D0D10fe
  • inputOption.activeBorder#0D0D10fe
  • inputOption.activeForeground#B49FF7fe
  • inputOption.hoverBackground#0D0D10fe
  • inputValidation.errorBackground#670067a3
  • inputValidation.errorBorder#670067b8
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D0D10fe
  • inputValidation.infoForeground#E8E8FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D0D10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D0D10fe
  • interactive.inactiveCodeBorder#22222B92
  • keybindingLabel.background#16161Cfe
  • keybindingLabel.border#0D0D10fe
  • keybindingLabel.bottomBorder#0D0D10fe
  • keybindingLabel.foreground#E8E8FEce
  • keybindingTable.headerBackground#16161Cfe
  • keybindingTable.rowsBackground#16161Cfe
  • list.activeSelectionBackground#634F5283
  • list.activeSelectionForeground#D4DBDDca
  • list.activeSelectionIconForeground#D3CAD5ca
  • list.deemphasizedForeground#E8E8FEce
  • list.dropBackground#16161Cfe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#16161Cfe
  • list.filterMatchBorder#0D0D10fe
  • list.focusAndSelectionOutline#0D0C0B00
  • list.focusBackground#5656CF96
  • list.focusForeground#B39FF6fe
  • list.focusHighlightForeground#EA85FDfe
  • list.focusOutline#0C0D0B00
  • list.highlightForeground#DDDDE4ca
  • list.hoverBackground#15155Afe
  • list.hoverForeground#B39FF7fe
  • list.inactiveFocusBackground#2D2D3996
  • list.inactiveFocusOutline#0D0C0B00
  • list.inactiveSelectionBackground#0F0F12ae
  • list.inactiveSelectionForeground#E8E8FD65
  • list.inactiveSelectionIconForeground#E8E8FD65
  • list.invalidItemForeground#E8E8FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#16161Cfe
  • listFilterWidget.noMatchesOutline#0B0D0B00
  • listFilterWidget.outline#0D0B0B00
  • listFilterWidget.shadow#0D0B0D00
  • menu.background#0F0F12fe
  • menu.border#0D0C0B00
  • menu.foreground#E2E2E8ae
  • menu.selectionBackground#656580a7
  • menu.selectionBorder#0D0C0B00
  • menu.selectionForeground#B4A0F7fe
  • menu.separatorBackground#20204B65
  • menubar.selectionBackground#5A5A72ac
  • menubar.selectionBorder#0D0B0B00
  • menubar.selectionForeground#B39FF6fe
  • merge.border#0D0D10fe
  • merge.commonContentBackground#16161Cfe
  • merge.commonHeaderBackground#16161Cfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • 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#1E1E2634
  • mergeEditor.conflict.input1.background#0D0D10fe
  • mergeEditor.conflict.input2.background#0D0D10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ca
  • mergeEditor.conflict.unhandledFocused.border#0D0D10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1A1A2134
  • 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#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#656580fe
  • minimapSlider.background#444455ae
  • minimapSlider.hoverBackground#444455fe
  • notebook.cellBorderColor#0D0D10fe
  • notebook.cellEditorBackground#16161Cfe
  • notebook.cellHoverBackground#16161Cfe
  • notebook.cellInsertionIndicator#E0D9DAca
  • notebook.cellStatusBarItemHoverBackground#16161Cfe
  • notebook.cellToolbarSeparator#E3DDE4ca
  • notebook.editorBackground#16161Cfe
  • notebook.focusedCellBackground#16161Cfe
  • notebook.focusedCellBorder#B4A0F7fe
  • notebook.focusedEditorBorder#0D0D10fe
  • notebook.inactiveFocusedCellBorder#6969858e
  • notebook.inactiveSelectedCellBorder#6969858e
  • notebook.outputContainerBackgroundColor#16161Cfe
  • notebook.outputContainerBorderColor#0D0D10fe
  • notebook.selectedCellBackground#16161Cfe
  • notebook.selectedCellBorder#0D0D10fe
  • notebook.symbolHighlightBackground#16161Cfe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8FEce
  • notebookScrollbarSlider.activeBackground#62627Bfe
  • notebookScrollbarSlider.background#353542ae
  • notebookScrollbarSlider.hoverBackground#4F4F63fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#B8C4C6fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0D0D10fe
  • notificationCenterHeader.background#16161Cfe
  • notificationCenterHeader.foreground#E8E8FEce
  • notificationLink.foreground#E8E8FEce
  • notifications.background#16161Cfe
  • notifications.border#0D0D10fe
  • notifications.foreground#E8E8FEce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#E1E4DDfe
  • 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#E8E8FEce
  • panelTitle.activeBorder#0C0D0B00
  • panelTitle.activeForeground#B39CFEfe
  • panelTitle.inactiveForeground#A5A5B765
  • peekView.border#B39CFEfe
  • peekViewEditor.background#0D0D10fe
  • peekViewEditor.matchHighlightBackground#515A478d
  • peekViewEditor.matchHighlightBorder#0B0B0D00
  • peekViewEditorGutter.background#0D0D10fe
  • peekViewEditorStickyScroll.background#16161Cfe
  • peekViewResult.background#0F0F12fe
  • peekViewResult.fileForeground#E8E8FEce
  • peekViewResult.lineForeground#E8E8FEce
  • peekViewResult.matchHighlightBackground#5368568b
  • peekViewResult.selectionBackground#69566D8b
  • peekViewResult.selectionForeground#E4E1DDca
  • peekViewTitle.background#0F0F12fe
  • peekViewTitleDescription.foreground#E8E8FEce
  • peekViewTitleLabel.foreground#E8E8FEce
  • pickerGroup.border#0D0D10fe
  • pickerGroup.foreground#E8E8FEce
  • ports.iconRunningProcessForeground#C6B8BAfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#B39FF6fe
  • profileBadge.foreground#0F0F12fe
  • progressBar.background#16161Cfe
  • quickInput.background#0F0F12fe
  • quickInput.foreground#DFDFFEae
  • quickInputList.focusBackground#634F52ac
  • quickInputList.focusForeground#B49FF7fe
  • quickInputList.focusIconForeground#7555E1fe
  • quickInputTitle.background#0D0D10fe
  • sash.hoverBorder#0D0D10fe
  • scrollbar.shadow#0B0D0B00
  • scrollbarSlider.activeBackground#696985fe
  • scrollbarSlider.background#383847ae
  • scrollbarSlider.hoverBackground#47475Afe
  • search.resultsInfoForeground#E8E8FEce
  • searchEditor.findMatchBackground#536568ab
  • searchEditor.findMatchBorder#0D0D10fe
  • searchEditor.textInputBorder#0D0D10fe
  • selection.background#16161Cfe
  • settings.checkboxBackground#0D0D10fe
  • settings.checkboxBorder#0D0D10fe
  • settings.checkboxForeground#E8E8FEce
  • settings.dropdownBackground#0D0D10fe
  • settings.dropdownBorder#0D0D10fe
  • settings.dropdownForeground#E8E8FEce
  • settings.dropdownListBorder#0D0D10fe
  • settings.focusedRowBackground#405C6081
  • settings.focusedRowBorder#0D0D10fe
  • settings.headerBorder#0D0D10fe
  • settings.headerForeground#E8E8FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D0D10fe
  • settings.numberInputBorder#0D0D10fe
  • settings.numberInputForeground#E8E8FEce
  • settings.rowHoverBackground#16161Cfe
  • settings.sashBorder#0D0D10fe
  • settings.settingsHeaderHoverForeground#8062E6fe
  • settings.textInputBackground#0D0D10fe
  • settings.textInputBorder#0D0D10fe
  • settings.textInputForeground#E8E8FEce
  • sideBar.background#16161Cfe
  • sideBar.border#0D0D10fe
  • sideBar.dropBackground#16161Cfe
  • sideBar.foreground#E7E7FEae
  • sideBarSectionHeader.background#0D0C0B00
  • sideBarSectionHeader.border#0D0D10fe
  • sideBarSectionHeader.foreground#E8E8FEce
  • sideBarTitle.foreground#E8E8FEce
  • sideBySideEditor.horizontalBorder#0D0D10fe
  • sideBySideEditor.verticalBorder#0D0D10fe
  • simpleFindWidget.sashBorder#0D0D10fe
  • statusBar.background#0F0F12fe
  • statusBar.border#0D0D10fe
  • statusBar.debuggingBackground#670067b2
  • statusBar.debuggingBorder#0D0D10fe
  • statusBar.debuggingForeground#E8E8FEce
  • statusBar.focusBorder#0D0B0B00
  • statusBar.foreground#E8E8FD6e
  • statusBar.noFolderBackground#0F0F12fe
  • statusBar.noFolderBorder#0D0D10fe
  • statusBar.noFolderForeground#E8E8FEce
  • statusBarItem.activeBackground#0F0F12fe
  • statusBarItem.compactHoverBackground#0F0F12fe
  • statusBarItem.errorBackground#670067ac
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067b2
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0C0D0B00
  • statusBarItem.hoverBackground#0F0F12fe
  • statusBarItem.hoverForeground#B4A0F7fe
  • statusBarItem.offlineBackground#0F0F12fe
  • statusBarItem.offlineForeground#E8E8FEce
  • statusBarItem.offlineHoverBackground#0F0F12fe
  • statusBarItem.offlineHoverForeground#7B5BE3fe
  • statusBarItem.prominentBackground#0F0F12fe
  • statusBarItem.prominentForeground#E8E8FEce
  • statusBarItem.prominentHoverBackground#0F0F12fe
  • statusBarItem.prominentHoverForeground#B4A0F7fe
  • statusBarItem.remoteBackground#B4A0F7fe
  • statusBarItem.remoteForeground#0F0F12fe
  • statusBarItem.remoteHoverBackground#0F0F12fe
  • statusBarItem.remoteHoverForeground#704FDEfe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#C6D0D1fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#D4DBDDfe
  • symbolIcon.colorForeground#D1C6C8fe
  • symbolIcon.constantForeground#DFD9E0fe
  • symbolIcon.constructorForeground#DDDDE4fe
  • symbolIcon.enumeratorForeground#BBC2B3fe
  • symbolIcon.enumeratorMemberForeground#BFC6B8fe
  • symbolIcon.eventForeground#B3C2B5fe
  • symbolIcon.fieldForeground#D5D0CAfe
  • symbolIcon.fileForeground#D5D0CAfe
  • symbolIcon.folderForeground#D8DDD4fe
  • symbolIcon.functionForeground#C8BCCAfe
  • symbolIcon.interfaceForeground#E4DDDFfe
  • symbolIcon.keyForeground#C6D0D1fe
  • symbolIcon.keywordForeground#C3CABCfe
  • symbolIcon.methodForeground#D7CFD9fe
  • symbolIcon.moduleForeground#D4D9CFfe
  • symbolIcon.namespaceForeground#F8E3FCfe
  • symbolIcon.nullForeground#D4DDD5fe
  • symbolIcon.numberForeground#D4D4DDfe
  • symbolIcon.objectForeground#D8DDD4fe
  • symbolIcon.operatorForeground#C6B8BAfe
  • symbolIcon.packageForeground#D9E0DAfe
  • symbolIcon.propertyForeground#CACAD5fe
  • symbolIcon.referenceForeground#CABCBFfe
  • symbolIcon.snippetForeground#D4DDD5fe
  • symbolIcon.stringForeground#C6C6D1fe
  • symbolIcon.structForeground#C7CEC1fe
  • symbolIcon.textForeground#BCBCCAfe
  • symbolIcon.typeParameterForeground#B8B8C6fe
  • symbolIcon.unitForeground#E0DDD9fe
  • symbolIcon.variableForeground#B8C6BAfe
  • tab.activeBackground#111115fe
  • tab.activeBorder#0B0D0D00
  • tab.activeBorderTop#B39EFEfe
  • tab.activeForeground#B19AFEfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0B0D0B00
  • tab.hoverBackground#E7E7FEfe
  • tab.hoverBorder#0D0D10fe
  • tab.hoverForeground#B39FF7fe
  • tab.inactiveBackground#22222B9a
  • tab.inactiveForeground#9B9BB065
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#0D0D10fe
  • tab.unfocusedActiveBackground#1A1A212a
  • tab.unfocusedActiveBorder#0C0D0B00
  • tab.unfocusedActiveBorderTop#20204665
  • tab.unfocusedActiveForeground#A9A9BB65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#E7E7FEfe
  • tab.unfocusedHoverBorder#1E1E2638
  • tab.unfocusedHoverForeground#6B6BFE65
  • tab.unfocusedInactiveBackground#2D2D3996
  • tab.unfocusedInactiveForeground#9B9BB065
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ab
  • 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#670067b7
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec1
  • 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#E7E7FEae
  • terminal.hoverHighlightBackground#16161Cfe
  • terminal.inactiveSelectionBackground#22222B9e
  • terminal.selectionBackground#63594F8d
  • terminal.selectionForeground#D0D5CAca
  • terminal.tab.activeBorder#B19AFEfe
  • terminalCommandDecoration.defaultBackground#FBE5D1ad
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#16161Cfe
  • terminalCursor.foreground#8062E6fe
  • terminalOverviewRuler.cursorForeground#E8E8FEce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09d
  • testing.iconUnset#808080b2
  • testing.message.error.decorationForeground#ECE6FEfe
  • testing.message.error.lineBackground#670067ad
  • testing.message.info.decorationForeground#ECE7FEfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#0D0D10fe
  • testing.peekHeaderBackground#16161Cfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#16161Cfe
  • textBlockQuote.border#0D0D10fe
  • textCodeBlock.background#16161Cfe
  • textLink.activeForeground#8062E6fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#E8E8FEce
  • textSeparator.foreground#E8E8FEce
  • titleBar.activeBackground#0F0F12fe
  • titleBar.activeForeground#A1A1F9ae
  • titleBar.border#0C0D0B00
  • titleBar.inactiveBackground#1A1A21de
  • titleBar.inactiveForeground#A5A5B765
  • toolbar.activeBackground#44151D89
  • toolbar.hoverBackground#16161Cfe
  • toolbar.hoverOutline#0D0B0B00
  • tree.inactiveIndentGuidesStroke#B0A59B35
  • tree.indentGuidesStroke#ECE7FEfe
  • tree.tableColumnsBorder#0D0D10fe
  • tree.tableOddRowsBackground#16161Cfe
  • walkThrough.embeddedEditorBackground#16161Cfe
  • walkthrough.stepTitle.foreground#E8E8FEce
  • welcomePage.background#16161Cfe
  • welcomePage.progress.background#16161Cfe
  • welcomePage.progress.foreground#E8E8FEce
  • welcomePage.tileBackground#16161Cfe
  • welcomePage.tileBorder#0D0D10fe
  • welcomePage.tileHoverBackground#16161Cfe
  • widget.border#0D0D10fe
  • widget.shadow#0B0D0D00
  • window.activeBorder#0D0D10fe
  • window.inactiveBorder#0B0B2F94

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#A9A9FB6e
comment.block.html#AEAEFA6e
comment.block.java#9D9DFA6e
comment.block.javadoc.java#B5B5FC6e
comment.block.powershell#B0B0FB6e
comment.block.xml#B5B5FC6e
comment.line.double-slash.c#9A9AF66e
comment.line.double-slash.cpp#A9A9FB6e
comment.line.double-slash.java#B0B0FB6e
comment.line.double-slash.js#9C9CF76e
comment.line.number-sign.makefile#9D9DFA6e
comment.line.number-sign.python#9D9DFA6e
comment.line.number-sign.yaml#AEAEFA6e
comment.line.percentage.erlang#ACACFA6e
comment.line.powershell#B8B8FC6e
comment.source.cmake#A2A2F86e
comment.source.cmakecache#B1B1FC6e
constant.character#35CD08de
constant.character.character-class.regexp#F7A2A2de
constant.character.escape#50BB2Fde
constant.character.set.regexp#6BAFE9de
constant.language#09D978de
constant.numeric#30B979de
constant.numeric.dec.python#57D133de
constant.other.caps.python#34C20Ade
constant.other.character-class.regexp#CBAD0Ade
constant.other.character-class.set.regexp#AC96F4de
constant.other.color.rgb-value#AD98F5de
constant.other.placeholder#7CB9EEde
constant.other.rgb-value#C5B5FAde
constant.regexp#F69F9Fde
constant.sha.git-rebase#36CE09de
emphasis#08DA79de
entity.name.class#30C781de
entity.name.function#34BD09de
entity.name.function.preprocessor#D6BE3Dde
entity.name.function.python#BBA9F8de
entity.name.label#DCBC09de
entity.name.namespace#F69F9Fde
entity.name.operator#6FB2EBde
entity.name.operator.custom-literal#C9AB09de
entity.name.scope-resolution#6EB1EAde
entity.name.tag#F59999de
entity.name.tag.css#33BC0Ade
entity.name.type#4FB930de
entity.name.variable#33C309de
entity.other.attribute#08D677de
entity.other.attribute-name#68ADE8de
entity.other.attribute-name.class.css#F28AE2de
entity.other.attribute-name.class.mixin.css#6FB2EBde
entity.other.attribute-name.id#0ACC73de
entity.other.attribute-name.id.css#F69F9Fde
entity.other.attribute-name.parent-selector.css#B9A6F8de
entity.other.attribute-name.pseudo-class.css#51C130de
entity.other.attribute-name.pseudo-element.css#89C2F2de
entity.other.attribute-name.scss#09CB71de
entity.other.document.begin.yaml#B0B0FB6e
entity.other.inherited-class#F38D8Dde
header#74B5ECde
invalid#38D809de
keyword#61D63Ede
keyword.codetag.notation.python#38D009de
keyword.control#F08181de
keyword.control.anchor.regexp#66D943de
keyword.control.import.python#81BDF0de
keyword.operator#BFADF9de
keyword.operator.alignas#66D943de
keyword.operator.alignof#F8A8A8de
keyword.operator.cast#5FB4FDde
keyword.operator.delete#09CF73de
keyword.operator.documentation.powershell#ADADFB6e
keyword.operator.expression#F595E6de
keyword.operator.instanceof#F07FDEde
keyword.operator.logical.python#F494E6de
keyword.operator.minus.exponent#CAAD09de
keyword.operator.negation.regexp#F082DFde
keyword.operator.new#F08282de
keyword.operator.noexcept#09D478de
keyword.operator.or.regexp#EE7BDCde
keyword.operator.plus.exponent#37D208de
keyword.operator.quantifier.regexp#F49191de
keyword.operator.sizeof#36D307de
keyword.operator.typeid#F18787de
keyword.operator.wordlike#7CB9EEde
keyword.other.operator#3ED690de
keyword.other.package.java#3ADE09de
keyword.other.unit#E0BF09de
keyword.other.using#B19DF6de
markup.bold#C9B230de
markup.changed#F38E8Ede
markup.deleted#F082DFde
markup.fenced_code.block.markdown#53C930de
markup.heading#DCBB08de
markup.inline.raw#D0B109de
markup.inserted#0ACA73de
markup.italic#D0B733de
markup.raw.block.markdown#38D709de
markup.strikethrough#C6B6FAde
markup.underline#C5B5FAde
meta.block.c#62A9E6de
meta.block.c#F8A7A7de
meta.class.java#3ED690de
meta.definition.variable.name#35C109de
meta.diff.header#3CD58Ede
meta.embedded#85BFF1de
meta.embedded.assembly#6CAFEAde
meta.function-call.arguments.python#CEB008de
meta.function-call.python#F59999de
meta.member.access.python#8CC3F3de
meta.method.java#57D033de
meta.object-literal.key#0AC46Dde
meta.paragraph.markdown#F598E7de
meta.preprocessor#C7AB0Ade
meta.preprocessor.numeric#F69D9Dde
meta.preprocessor.string#39D409de
meta.scope.prerequisites.makefile#AB96F5de
meta.structure.dictionary.json.comments#B8B8FC6e
meta.structure.dictionary.key.python#BDABF8de
meta.structure.dictionary.value.json.comments#B2B2FB6e
meta.template.expression#4FB930de
meta.type.cast.expr#F289E2de
meta.type.new.expr#3AD809de
parameter#F7A2A2de
punctuation.character.set.begin.regexp#6FB2EBde
punctuation.character.set.end.regexp#34C20Ade
punctuation.definition.array.begin.json#5CD338de
punctuation.definition.character-class.regexp#36CB09de
punctuation.definition.comment#9E9EF76e
punctuation.definition.comment.json.comments#A3A3F96e
punctuation.definition.comment.python#9F9FF86e
punctuation.definition.dictionary.begin.json#F38C8Cde
punctuation.definition.dictionary.end.json#AD98F5de
punctuation.definition.group.assertion.regexp#F8A6EBde
punctuation.definition.group.regexp#70B2EAde
punctuation.definition.list.begin.json#6AAEE9de
punctuation.definition.list.begin.markdown#F69FE9de
punctuation.definition.list.begin.python#BEACF9de
punctuation.definition.list.end.json#62A9E6de
punctuation.definition.list.end.markdown#F8A4EBde
punctuation.definition.list.end.python#F59595de
punctuation.definition.parameters.begin.python#08BD6Ade
punctuation.definition.parameters.end.bracket.round.java#30C17Ede
punctuation.definition.quote.begin.markdown#AD98F5de
punctuation.definition.tag#50BB2Fde
punctuation.definition.template-expression.begin#65D942de
punctuation.definition.template-expression.end#8DC5F3de
punctuation.section.class.begin.bracket.curly.java#F7A1A1de
punctuation.section.embedded#F59898de
punctuation.section.embedded.begin.php#BCA62Fde
punctuation.section.embedded.end.php#09D878de
punctuation.terminator.java#B29EF6de
source.cmake#CDB430de
source.coffee.embedded#38D00Ade
source.cpp#35C20Ade
source.css.less#08D878de
source.groovy.embedded#C5A80Ade
source.java#D8B809de
source.java-properties#0AC870de
source.json.comments#A9A9FB6e
source.makefile#C1A508de
source.powershell#F8A8A8de
source.powershell.variable.other.member#34CB07de
source.python#C5A90Ade
storage#F9ADADde
storage.modifier#C9AC08de
storage.modifier.import.java#36C70Ade
storage.modifier.package.java#F38E8Ede
storage.type#35C70Ade
storage.type.annotation.groovy#36CC09de
storage.type.annotation.java#B7A4F7de
storage.type.boolean.go#F496E6de
storage.type.byte.go#CFB007de
storage.type.cs#09CF73de
storage.type.error.go#0AC56Fde
storage.type.generic.cs#F49393de
storage.type.generic.groovy#EE7CDDde
storage.type.generic.java#F49393de
storage.type.groovy#C1AB30de
storage.type.java#C3B2FAde
storage.type.modifier.cs#75B6EDde
storage.type.numeric.go#82BDF0de
storage.type.object.array.groovy#C4B4FAde
storage.type.object.array.java#F490E4de
storage.type.parameters.groovy#F79F9Fde
storage.type.primitive.array.groovy#C7B7FAde
storage.type.primitive.array.java#09CC72de
storage.type.primitive.groovy#F49090de
storage.type.primitive.java#CEB00Ade
storage.type.rune.go#09DA7Ade
storage.type.string.go#62AAE6de
storage.type.token.java#BCA10Ade
storage.type.uintptr.go#82BEF0de
storage.type.variable.cs#C5A80Ade
string#F8ACACde
string.quoted.docstring.multi.python#B8B8FC6e
string.regexp#30B979de
string.tag#F289E1de
string.value#7FBBEFde
strong#C1AB30de
support.class#B29EF6de
support.constant.color#B9A6F8de
support.constant.dom#7CB9EEde
support.constant.font-name#F49797de
support.constant.handlebars#38CD0Ade
support.constant.json#ED77DAde
support.constant.math#B7A5F8de
support.constant.media#0AC26Dde
support.constant.media-type#F38EE3de
support.constant.property-value#6DB0E9de
support.function#53C930de
support.function.git-rebase#85BFF1de
support.other.parenthesis.regexp#F69BE7de
support.type#F69D9Dde
support.type.property-name#F28989de
support.type.vendored.property-name#6EB1EAde
support.variable#09C570de
token.debug-token#08D074de
token.error-token#74B5ECde
token.info-token#EE77DBde
token.warn-token#53C930de
variable#D7BF40de
variable.css#B39FF6de
variable.language#34C508de
variable.language.wildcard.java#E0BD08de
variable.other.constant#F69F9Fde
variable.other.definition.java#30B979de
variable.other.enummember#B8A4F7de
variable.other.less#D0B733de
variable.other.object.java#08D878de
variable.other.object.property.java#68ADE8de
variable.parameter.c#BCA9F8de
variable.parameter.function.language.python#5CD338de
variable.parameter.java#F38E8Ede
variable.scss#33C108de
viiv by B.W - VS Code Theme