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#DAE0E0fe
  • activityBar.activeBackground#DAE0E0fe
  • activityBar.activeBorder#0A490Afe
  • activityBar.activeFocusBorder#A26F8900
  • activityBar.background#ECEFEFfe
  • activityBar.border#A26F8900
  • activityBar.dropBorder#074907fe
  • activityBar.foreground#274627fe
  • activityBar.inactiveForeground#44515165
  • activityBarBadge.background#406F40fe
  • activityBarBadge.foreground#ECEFEFfe
  • badge.background#1D911Dfe
  • badge.foreground#ECEFEFfe
  • banner.background#DAE0E0fe
  • banner.foreground#143D3Dce
  • banner.iconForeground#343E3Efe
  • breadcrumb.activeSelectionForeground#1A3E20ca
  • breadcrumb.background#E8EBEBfe
  • breadcrumb.focusForeground#427E42fe
  • breadcrumb.foreground#173C3Cae
  • breadcrumbPicker.background#DAE0E0fe
  • button.background#9FAEAEae
  • button.border#F6F5F700
  • button.foreground#143D3Dce
  • button.hoverBackground#9AAAAA6e
  • button.secondaryBackground#DAE0E0fe
  • button.secondaryForeground#143D3Dce
  • button.secondaryHoverBackground#DAE0E0fe
  • button.separator#F5F5F700
  • charts.blue#1b1bfffe
  • charts.foreground#143D3Dce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#6700679f
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F1F3F3fe
  • chat.slashCommandBackground#DAE0E0fe
  • chat.slashCommandForeground#143D3Dce
  • checkbox.background#F1F3F3fe
  • checkbox.border#F1F3F3fe
  • checkbox.foreground#143D3Dce
  • checkbox.selectBackground#F1F3F3fe
  • checkbox.selectBorder#F1F3F3fe
  • commandCenter.activeBackground#DBD5D38c
  • commandCenter.activeBorder#F1F3F3fe
  • commandCenter.activeForeground#438543fe
  • commandCenter.background#DAE0E0fe
  • commandCenter.border#F1F3F3fe
  • commandCenter.foreground#143D3Dce
  • commandCenter.inactiveBorder#D0D7D795
  • commandCenter.inactiveForeground#3C484865
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F5F700
  • contrastBorder#F7F5F600
  • debugConsole.errorForeground#910091ce
  • debugConsole.infoForeground#143D3Dce
  • debugConsole.sourceForeground#143D3Dce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#542C17fe
  • debugExceptionWidget.background#FFC6FF9d
  • debugExceptionWidget.border#F1F3F3fe
  • debugIcon.breakpointCurrentStackframeForeground#373A2Ffe
  • debugIcon.breakpointDisabledForeground#3C484865
  • debugIcon.breakpointForeground#003E3Efe
  • debugIcon.breakpointStackframeForeground#3F3733fe
  • debugIcon.breakpointUnverifiedForeground#303550fe
  • debugIcon.continueForeground#333F35fe
  • debugIcon.disconnectForeground#0A3D3Dfe
  • debugIcon.pauseForeground#303A1Efe
  • debugIcon.restartForeground#2B3C02fe
  • debugIcon.startForeground#1F3D23fe
  • debugIcon.stepBackForeground#542C17fe
  • debugIcon.stepIntoForeground#081FA6fe
  • debugIcon.stepOutForeground#54283Efe
  • debugIcon.stepOverForeground#44332Bfe
  • debugIcon.stopForeground#323647fe
  • debugTokenExpression.boolean#1D191Fca
  • debugTokenExpression.error#282320ca
  • debugTokenExpression.name#282320ca
  • debugTokenExpression.number#1D191Fca
  • debugTokenExpression.value#252028ca
  • debugToolBar.background#FFC6FF9f
  • debugToolBar.border#F1F3F3fe
  • debugView.exceptionLabelBackground#CFD8D0ca
  • debugView.exceptionLabelForeground#07400Eca
  • debugView.stateLabelBackground#DBD6D3ca
  • debugView.stateLabelForeground#0A3D3Dca
  • debugView.valueChangedHighlight#252820ca
  • descriptionForeground#143D3Dce
  • diffEditor.border#F7F6F500
  • diffEditor.diagonalFill#000000f7
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B7E0B9fb
  • diffEditor.insertedTextBorder#F5F7F500
  • diffEditor.move.border#F5F7F500
  • diffEditor.moveActive.border#F7F5F600
  • diffEditor.removedLineBackground#FFC9C931
  • diffEditor.removedTextBackground#FFC9C9fb
  • diffEditor.removedTextBorder#F7F6F500
  • diffEditor.unchangedCodeBackground#DAE0E0fe
  • diffEditor.unchangedRegionBackground#DAE0E0fe
  • diffEditor.unchangedRegionForeground#143D3Dce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#44515165
  • dropdown.background#F1F3F3fe
  • dropdown.border#F1F3F3fe
  • dropdown.foreground#143D3Dce
  • dropdown.listBackground#F1F3F3fe
  • editor.background#DAE0E0fe
  • editor.findMatchBackground#A9B09Da3
  • editor.findMatchBorder#F1F3F3fe
  • editor.findMatchHighlightBackground#8F92A4a3
  • editor.findMatchHighlightBorder#F1F3F3fe
  • editor.findRangeHighlightBackground#93A897ab
  • editor.findRangeHighlightBorder#F1F3F3fe
  • editor.focusedStackFrameHighlightBackground#BBABB38c
  • editor.foldBackground#425353a7
  • editor.foreground#143D3Dce
  • editor.hoverHighlightBackground#AFBFB2a9
  • editor.inactiveSelectionBackground#B6C1C19c
  • editor.inlineValuesBackground#DAE0E0fe
  • editor.inlineValuesForeground#143D3Dce
  • editor.lineHighlightBackground#B6C1C1b4
  • editor.lineHighlightBorder#F7F5F600
  • editor.linkedEditingBackground#DAE0E0fe
  • editor.rangeHighlightBackground#98AC9Bac
  • editor.rangeHighlightBorder#F1F3F3fe
  • editor.selectionBackground#B9C6BBa5
  • editor.selectionForeground#081FA6ca
  • editor.selectionHighlightBackground#AC9F988b
  • editor.selectionHighlightBorder#F1F3F3fe
  • editor.snippetFinalTabstopHighlightBackground#8C9F9Fa5
  • editor.snippetFinalTabstopHighlightBorder#F1F3F3fe
  • editor.snippetTabstopHighlightBackground#ADA1B3a7
  • editor.snippetTabstopHighlightBorder#F1F3F3fe
  • editor.stackFrameHighlightBackground#8A8EA1a4
  • editor.symbolHighlightBackground#99A18Aa4
  • editor.symbolHighlightBorder#F1F3F3fe
  • editor.wordHighlightBackground#99A18Aa7
  • editor.wordHighlightBorder#F6F5F700
  • editor.wordHighlightStrongBackground#A6B7A9ab
  • editor.wordHighlightStrongBorder#F7F6F500
  • editor.wordHighlightTextBackground#9DA48Fa2
  • editor.wordHighlightTextBorder#F5F7F700
  • editorBracketHighlight.foreground1#0C0E0Ece
  • editorBracketHighlight.foreground2#0C0E0Ece
  • editorBracketHighlight.foreground3#0C0E0Ece
  • editorBracketHighlight.foreground4#0C0E0Ece
  • editorBracketHighlight.foreground5#0C0E0Ece
  • editorBracketHighlight.foreground6#0C0E0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#143D3Dce
  • editorBracketMatch.background#2F41BDaa
  • editorBracketMatch.border#F1F3F3fe
  • editorBracketPairGuide.activeBackground1#2E593586
  • editorBracketPairGuide.activeBackground2#6E46328e
  • editorBracketPairGuide.activeBackground3#5D4B5487
  • editorBracketPairGuide.activeBackground4#84335E86
  • editorBracketPairGuide.activeBackground5#5A4B6283
  • editorBracketPairGuide.activeBackground6#47542C86
  • editorBracketPairGuide.background1#DAD5D2fe
  • editorBracketPairGuide.background2#D6D8CFfe
  • editorBracketPairGuide.background3#D4D8CEfe
  • editorBracketPairGuide.background4#D4D7CDfe
  • editorBracketPairGuide.background5#DAD4DCfe
  • editorBracketPairGuide.background6#D1DAD2fe
  • editorCodeLens.foreground#2957576e
  • editorCommentsWidget.rangeActiveBackground#3A5454fe
  • editorCommentsWidget.rangeBackground#DAE0E0fe
  • editorCommentsWidget.resolvedBorder#F1F3F3fe
  • editorCommentsWidget.unresolvedBorder#FEC9C9cb
  • editorCursor.background#DAE0E0fe
  • editorCursor.foreground#438543fe
  • editorError.background#F6F7F500
  • editorError.border#F5F7F500
  • editorError.foreground#910091ce
  • editorGhostText.background#DAE0E0fe
  • editorGhostText.border#F7F6F500
  • editorGhostText.foreground#2658586e
  • editorGroup.border#F1F3F3fe
  • editorGroup.dropBackground#DAE0E0fe
  • editorGroup.dropIntoPromptBackground#DAE0E0fe
  • editorGroup.dropIntoPromptBorder#F1F3F3fe
  • editorGroup.dropIntoPromptForeground#143D3Dce
  • editorGroup.emptyBackground#DAE0E0fe
  • editorGroup.focusedEmptyBorder#F1F3F3fe
  • editorGroupHeader.border#F5F5F700
  • editorGroupHeader.noTabsBackground#ECEFEFae
  • editorGroupHeader.tabsBackground#DAE0E0a1
  • editorGroupHeader.tabsBorder#F5F5F700
  • editorGutter.addedBackground#1A5C1Dfb
  • editorGutter.background#DAE0E0fe
  • editorGutter.commentGlyphForeground#143D3Dce
  • editorGutter.commentRangeForeground#143D3Dce
  • editorGutter.commentUnresolvedGlyphForeground#1F5C22cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#143D3Dce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#F6F5F700
  • editorHint.foreground#3C00FCce
  • editorHoverWidget.background#F1F3F3fe
  • editorHoverWidget.border#F1F3F3fe
  • editorHoverWidget.foreground#143D3Dce
  • editorHoverWidget.highlightForeground#183E1Fca
  • editorHoverWidget.statusBarBackground#DAE0E0fe
  • editorIndentGuide.activeBackground1#254625fe
  • editorIndentGuide.activeBackground2#124912fe
  • editorIndentGuide.activeBackground3#254625fe
  • editorIndentGuide.activeBackground4#124912fe
  • editorIndentGuide.activeBackground5#074907fe
  • editorIndentGuide.activeBackground6#124912fe
  • editorIndentGuide.background1#59604D35
  • editorIndentGuide.background2#69555F35
  • editorIndentGuide.background3#56464E35
  • editorIndentGuide.background4#51465635
  • editorIndentGuide.background5#3F443735
  • editorIndentGuide.background6#4D433E35
  • editorInfo.background#F6F7F500
  • editorInfo.border#F7F5F600
  • editorInfo.foreground#3C00FCce
  • editorInlayHint.background#DAE0E0fe
  • editorInlayHint.foreground#143D3Dce
  • editorInlayHint.parameterBackground#DAE0E0fe
  • editorInlayHint.parameterForeground#143D3Dce
  • editorInlayHint.typeBackground#DAE0E0fe
  • editorInlayHint.typeForeground#143D3Dce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5C22cb
  • editorLineNumber.activeForeground#189318fe
  • editorLineNumber.dimmedForeground#2358586e
  • editorLineNumber.foreground#2957576e
  • editorLink.activeForeground#179217fe
  • editorMarkerNavigation.background#F1F3F3fe
  • editorMarkerNavigationError.background#FFC6FFc7
  • editorMarkerNavigationError.headerBackground#FFC6FF9a
  • editorMarkerNavigationInfo.background#D3D3FFfe
  • editorMarkerNavigationInfo.headerBackground#D3D3FFfe
  • editorMarkerNavigationWarning.background#FED200fe
  • editorMarkerNavigationWarning.headerBackground#FED200fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#DAE0E0fe
  • editorOverviewRuler.border#D0D7D7fe
  • editorOverviewRuler.bracketMatchForeground#143D3Dce
  • editorOverviewRuler.commentForeground#2658586e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#143D3Dce
  • editorOverviewRuler.currentContentForeground#505050ad
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#910091ce
  • editorOverviewRuler.findMatchForeground#005A5Ace
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3C00FCce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#532E15ca
  • editorOverviewRuler.selectionHighlightForeground#3C00FCce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#56196Eca
  • editorOverviewRuler.wordHighlightStrongForeground#143D3Dce
  • editorOverviewRuler.wordHighlightTextForeground#143D3Dce
  • editorPane.background#DAE0E0fe
  • editorRuler.foreground#39555529
  • editorStickyScroll.background#DAE0E0fe
  • editorStickyScrollHover.background#D0D7D76e
  • editorSuggestWidget.background#F1F3F3fe
  • editorSuggestWidget.border#F5F7F700
  • editorSuggestWidget.focusHighlightForeground#652F13fe
  • editorSuggestWidget.foreground#3D3342fe
  • editorSuggestWidget.highlightForeground#2B3C02ca
  • editorSuggestWidget.selectedBackground#B7ACA68d
  • editorSuggestWidget.selectedForeground#552D19ca
  • editorSuggestWidget.selectedIconForeground#2A3C0Bca
  • editorSuggestWidgetStatus.foreground#1D3C3Cfe
  • editorUnicodeHighlight.background#96A6A6a7
  • editorUnicodeHighlight.border#F1F3F3fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F5F7F500
  • editorWarning.border#F7F6F500
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#143D3Dce
  • editorWidget.background#F1F3F3fe
  • editorWidget.border#F1F3F3fe
  • editorWidget.foreground#143D3Dce
  • editorWidget.resizeBorder#F1F3F3fe
  • errorForeground#910091ce
  • extensionBadge.remoteBackground#438543fe
  • extensionBadge.remoteForeground#ECEFEFfe
  • extensionButton.background#D0D8D8ae
  • extensionButton.foreground#143D3Dce
  • extensionButton.hoverBackground#D0D7D76e
  • extensionButton.prominentBackground#DAE0E0fe
  • extensionButton.prominentForeground#143D3Dce
  • extensionButton.prominentHoverBackground#DAE0E0fe
  • extensionButton.separator#F6F7F500
  • extensionIcon.preReleaseForeground#4A311Ffe
  • extensionIcon.sponsorForeground#343E3Efe
  • extensionIcon.starForeground#193C3Cfe
  • extensionIcon.verifiedForeground#6C0E34fe
  • focusBorder#F7F6F500
  • foreground#143D3Dce
  • gitDecoration.addedResourceForeground#1F5C22cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3C00FCce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5C22cb
  • gitDecoration.untrackedResourceForeground#005A5Ace
  • icon.foreground#2F5656ae
  • inlineChat.background#DCD6D3ca
  • inlineChat.border#D1DAD2ca
  • inlineChat.regionHighlight#202821ca
  • inlineChat.shadow#161A1Aca
  • inlineChatDiff.inserted#252028ca
  • inlineChatDiff.removed#21231Cca
  • inlineChatInput.background#1E181Bca
  • inlineChatInput.border#D4D8CEca
  • inlineChatInput.focusBorder#F6F5F700
  • inlineChatInput.placeholderForeground#4F206Aca
  • input.background#F1F3F3fe
  • input.border#F1F3F3fe
  • input.foreground#143D3Dce
  • input.placeholderForeground#1A595965
  • inputOption.activeBackground#F1F3F3fe
  • inputOption.activeBorder#F1F3F3fe
  • inputOption.activeForeground#1B931Bfe
  • inputOption.hoverBackground#F1F3F3fe
  • inputValidation.errorBackground#670067a9
  • inputValidation.errorBorder#FFC6FF9e
  • inputValidation.errorForeground#910091ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F1F3F3fe
  • inputValidation.infoForeground#143D3Dce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F1F3F3fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F1F3F3fe
  • interactive.inactiveCodeBorder#D0D7D79b
  • keybindingLabel.background#DAE0E0fe
  • keybindingLabel.border#F1F3F3fe
  • keybindingLabel.bottomBorder#F1F3F3fe
  • keybindingLabel.foreground#143D3Dce
  • keybindingTable.headerBackground#DAE0E0fe
  • keybindingTable.rowsBackground#DAE0E0fe
  • list.activeSelectionBackground#B3A7A18e
  • list.activeSelectionForeground#4A311Fca
  • list.activeSelectionIconForeground#532E15ca
  • list.deemphasizedForeground#143D3Dce
  • list.dropBackground#DAE0E0fe
  • list.errorForeground#910091ce
  • list.filterMatchBackground#DAE0E0fe
  • list.filterMatchBorder#F1F3F3fe
  • list.focusAndSelectionOutline#F7F6F500
  • list.focusBackground#C3CDCD97
  • list.focusForeground#179217fe
  • list.focusHighlightForeground#234628fe
  • list.focusOutline#F7F5F600
  • list.highlightForeground#68133Dca
  • list.hoverBackground#CFD8D0a8
  • list.hoverForeground#417641fe
  • list.inactiveFocusBackground#B6C1C198
  • list.inactiveFocusOutline#F5F5F700
  • list.inactiveSelectionBackground#ECEFEFae
  • list.inactiveSelectionForeground#1A595965
  • list.inactiveSelectionIconForeground#38434365
  • list.invalidItemForeground#143D3Dce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#DAE0E0fe
  • listFilterWidget.noMatchesOutline#F5F5F700
  • listFilterWidget.outline#F7F5F600
  • listFilterWidget.shadow#F6F5F700
  • menu.background#ECEFEFfe
  • menu.border#F6F5F700
  • menu.foreground#173D3Dae
  • menu.selectionBackground#B4C2B6a5
  • menu.selectionBorder#F6F7F500
  • menu.selectionForeground#438543fe
  • menu.separatorBackground#D1D9D965
  • menubar.selectionBackground#B4C2B6a9
  • menubar.selectionBorder#F6F7F500
  • menubar.selectionForeground#448C44fe
  • merge.border#F1F3F3fe
  • merge.commonContentBackground#DAE0E0fe
  • merge.commonHeaderBackground#DAE0E0fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B7E0B9fb
  • merge.incomingContentBackground#B7E0B9cb
  • merge.incomingHeaderBackground#B7E0B9fb
  • mergeEditor.change.background#DAE0E0fe
  • mergeEditor.change.word.background#DAE0E0fe
  • mergeEditor.changeBase.background#DAE0E0fe
  • mergeEditor.changeBase.word.background#DAE0E0fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F1F3F3fe
  • mergeEditor.conflict.handledUnfocused.border#D0D7D731
  • mergeEditor.conflict.input1.background#F1F3F3fe
  • mergeEditor.conflict.input2.background#F1F3F3fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c5
  • mergeEditor.conflict.unhandledFocused.border#F1F3F3fe
  • mergeEditor.conflict.unhandledUnfocused.border#D0D7D72f
  • mergeEditor.conflictingLines.background#DAE0E0fe
  • minimap.background#DAE0E0fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0C0E0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5C1Dfb
  • minimapGutter.deletedBackground#A50000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#7A9090fe
  • minimapSlider.background#A3B2B2ae
  • minimapSlider.hoverBackground#9AAAAA6e
  • notebook.cellBorderColor#F1F3F3fe
  • notebook.cellEditorBackground#DAE0E0fe
  • notebook.cellHoverBackground#DAE0E0fe
  • notebook.cellInsertionIndicator#1D191Fca
  • notebook.cellStatusBarItemHoverBackground#DAE0E0fe
  • notebook.cellToolbarSeparator#1A1715ca
  • notebook.editorBackground#DAE0E0fe
  • notebook.focusedCellBackground#DAE0E0fe
  • notebook.focusedCellBorder#417641fe
  • notebook.focusedEditorBorder#F1F3F3fe
  • notebook.inactiveFocusedCellBorder#8397978e
  • notebook.inactiveSelectedCellBorder#7F93938e
  • notebook.outputContainerBackgroundColor#DAE0E0fe
  • notebook.outputContainerBorderColor#F1F3F3fe
  • notebook.selectedCellBackground#DAE0E0fe
  • notebook.selectedCellBorder#F1F3F3fe
  • notebook.symbolHighlightBackground#DAE0E0fe
  • notebookEditorOverviewRuler.runningCellForeground#143D3Dce
  • notebookScrollbarSlider.activeBackground#7A9090fe
  • notebookScrollbarSlider.background#A8B6B6ae
  • notebookScrollbarSlider.hoverBackground#889B9B6e
  • notebookStatusErrorIcon.foreground#910091ce
  • notebookStatusRunningIcon.foreground#56196Efe
  • notebookStatusSuccessIcon.foreground#1F5C22cb
  • notificationCenter.border#F1F3F3fe
  • notificationCenterHeader.background#DAE0E0fe
  • notificationCenterHeader.foreground#143D3Dce
  • notificationLink.foreground#143D3Dce
  • notifications.background#DAE0E0fe
  • notifications.border#F1F3F3fe
  • notifications.foreground#143D3Dce
  • notificationsErrorIcon.foreground#910091ce
  • notificationsInfoIcon.foreground#542C17fe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F1F3F3fe
  • panel.background#DAE0E0fe
  • panel.border#F1F3F3fe
  • panel.dropBorder#F1F3F3fe
  • panelInput.border#F1F3F3fe
  • panelSection.border#F1F3F3fe
  • panelSection.dropBackground#DAE0E0fe
  • panelSectionHeader.background#DAE0E0fe
  • panelSectionHeader.border#F1F3F3fe
  • panelSectionHeader.foreground#143D3Dce
  • panelTitle.activeBorder#F5F5F700
  • panelTitle.activeForeground#324332fe
  • panelTitle.inactiveForeground#47555565
  • peekView.border#074907fe
  • peekViewEditor.background#F1F3F3fe
  • peekViewEditor.matchHighlightBackground#9397A889
  • peekViewEditor.matchHighlightBorder#F6F7F500
  • peekViewEditorGutter.background#F1F3F3fe
  • peekViewEditorStickyScroll.background#DAE0E0fe
  • peekViewResult.background#ECEFEFfe
  • peekViewResult.fileForeground#143D3Dce
  • peekViewResult.lineForeground#143D3Dce
  • peekViewResult.matchHighlightBackground#A1A89386
  • peekViewResult.selectionBackground#A99DB08d
  • peekViewResult.selectionForeground#1B3E21ca
  • peekViewTitle.background#ECEFEFfe
  • peekViewTitleDescription.foreground#143D3Dce
  • peekViewTitleLabel.foreground#143D3Dce
  • pickerGroup.border#F1F3F3fe
  • pickerGroup.foreground#143D3Dce
  • ports.iconRunningProcessForeground#303B1Afe
  • problemsErrorIcon.foreground#910091ce
  • problemsInfoIcon.foreground#3C00FCce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#1B931Bfe
  • profileBadge.foreground#ECEFEFfe
  • progressBar.background#DAE0E0fe
  • quickInput.background#ECEFEFfe
  • quickInput.foreground#173C3Cae
  • quickInputList.focusBackground#95859Da1
  • quickInputList.focusForeground#417641fe
  • quickInputList.focusIconForeground#448C44fe
  • quickInputTitle.background#F1F3F3fe
  • sash.hoverBorder#F1F3F3fe
  • scrollbar.shadow#F7F5F600
  • scrollbarSlider.activeBackground#768C8Cfe
  • scrollbarSlider.background#9FAEAEae
  • scrollbarSlider.hoverBackground#9AAAAA6e
  • search.resultsInfoForeground#143D3Dce
  • searchEditor.findMatchBackground#959D85a6
  • searchEditor.findMatchBorder#F1F3F3fe
  • searchEditor.textInputBorder#F1F3F3fe
  • selection.background#DAE0E0fe
  • settings.checkboxBackground#F1F3F3fe
  • settings.checkboxBorder#F1F3F3fe
  • settings.checkboxForeground#143D3Dce
  • settings.dropdownBackground#F1F3F3fe
  • settings.dropdownBorder#F1F3F3fe
  • settings.dropdownForeground#143D3Dce
  • settings.dropdownListBorder#F1F3F3fe
  • settings.focusedRowBackground#B1A6B78e
  • settings.focusedRowBorder#F1F3F3fe
  • settings.headerBorder#F1F3F3fe
  • settings.headerForeground#143D3Dce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F1F3F3fe
  • settings.numberInputBorder#F1F3F3fe
  • settings.numberInputForeground#143D3Dce
  • settings.rowHoverBackground#DAE0E0fe
  • settings.sashBorder#F1F3F3fe
  • settings.settingsHeaderHoverForeground#438543fe
  • settings.textInputBackground#F1F3F3fe
  • settings.textInputBorder#F1F3F3fe
  • settings.textInputForeground#143D3Dce
  • sideBar.background#DAE0E0fe
  • sideBar.border#F1F3F3fe
  • sideBar.dropBackground#DAE0E0fe
  • sideBar.foreground#2F5656ae
  • sideBarSectionHeader.background#F6F5F700
  • sideBarSectionHeader.border#F1F3F3fe
  • sideBarSectionHeader.foreground#143D3Dce
  • sideBarTitle.foreground#143D3Dce
  • sideBySideEditor.horizontalBorder#F1F3F3fe
  • sideBySideEditor.verticalBorder#F1F3F3fe
  • simpleFindWidget.sashBorder#F1F3F3fe
  • statusBar.background#ECEFEFfe
  • statusBar.border#F1F3F3fe
  • statusBar.debuggingBackground#FFC6FFac
  • statusBar.debuggingBorder#F1F3F3fe
  • statusBar.debuggingForeground#143D3Dce
  • statusBar.focusBorder#F7F6F500
  • statusBar.foreground#2658586e
  • statusBar.noFolderBackground#ECEFEFfe
  • statusBar.noFolderBorder#F1F3F3fe
  • statusBar.noFolderForeground#143D3Dce
  • statusBarItem.activeBackground#ECEFEFfe
  • statusBarItem.compactHoverBackground#ECEFEFfe
  • statusBarItem.errorBackground#FFC6FFaa
  • statusBarItem.errorForeground#910091ce
  • statusBarItem.errorHoverBackground#FFC6FF9c
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F7F6F500
  • statusBarItem.hoverBackground#ECEFEFfe
  • statusBarItem.hoverForeground#427E42fe
  • statusBarItem.offlineBackground#ECEFEFfe
  • statusBarItem.offlineForeground#143D3Dce
  • statusBarItem.offlineHoverBackground#ECEFEFfe
  • statusBarItem.offlineHoverForeground#438543fe
  • statusBarItem.prominentBackground#ECEFEFfe
  • statusBarItem.prominentForeground#143D3Dce
  • statusBarItem.prominentHoverBackground#ECEFEFfe
  • statusBarItem.prominentHoverForeground#406F40fe
  • statusBarItem.remoteBackground#189318fe
  • statusBarItem.remoteForeground#ECEFEFfe
  • statusBarItem.remoteHoverBackground#ECEFEFfe
  • statusBarItem.remoteHoverForeground#189318fe
  • statusBarItem.warningBackground#FED200fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FED200fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#4C2859fe
  • symbolIcon.booleanForeground#005A5Ace
  • symbolIcon.classForeground#413247fe
  • symbolIcon.colorForeground#303A1Efe
  • symbolIcon.constantForeground#552D19fe
  • symbolIcon.constructorForeground#4B2F3Efe
  • symbolIcon.enumeratorForeground#003E3Efe
  • symbolIcon.enumeratorMemberForeground#123D3Dfe
  • symbolIcon.eventForeground#273A3Afe
  • symbolIcon.fieldForeground#4F2C3Cfe
  • symbolIcon.fileForeground#44313Bfe
  • symbolIcon.folderForeground#333642fe
  • symbolIcon.functionForeground#6C0E34fe
  • symbolIcon.interfaceForeground#631B44fe
  • symbolIcon.keyForeground#2F3A31fe
  • symbolIcon.keywordForeground#552D19fe
  • symbolIcon.methodForeground#373A2Ffe
  • symbolIcon.moduleForeground#3B3F33fe
  • symbolIcon.namespaceForeground#542C17fe
  • symbolIcon.nullForeground#4C2859fe
  • symbolIcon.numberForeground#1D3C3Cfe
  • symbolIcon.objectForeground#343E3Efe
  • symbolIcon.operatorForeground#373A2Ffe
  • symbolIcon.packageForeground#40342Dfe
  • symbolIcon.propertyForeground#193E1Dfe
  • symbolIcon.referenceForeground#343E3Efe
  • symbolIcon.snippetForeground#2F3552fe
  • symbolIcon.stringForeground#44332Bfe
  • symbolIcon.structForeground#081FA6fe
  • symbolIcon.textForeground#3D3342fe
  • symbolIcon.typeParameterForeground#56107Afe
  • symbolIcon.unitForeground#432F4Efe
  • symbolIcon.variableForeground#631B44fe
  • tab.activeBackground#E8EBEBfe
  • tab.activeBorder#F6F5F700
  • tab.activeBorderTop#124912fe
  • tab.activeForeground#1F471Ffe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F6F7F500
  • tab.hoverBackground#36573Ba5
  • tab.hoverBorder#F1F3F3fe
  • tab.hoverForeground#1B931Bfe
  • tab.inactiveBackground#D0D7D792
  • tab.inactiveForeground#44515165
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F1F3F3fe
  • tab.unfocusedActiveBackground#D1D8D830
  • tab.unfocusedActiveBorder#F7F5F600
  • tab.unfocusedActiveBorderTop#D0D7D765
  • tab.unfocusedActiveForeground#3C484865
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#38535337
  • tab.unfocusedHoverBorder#D1D8D833
  • tab.unfocusedHoverForeground#3C484865
  • tab.unfocusedInactiveBackground#C3CDCD92
  • tab.unfocusedInactiveForeground#404C4C65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339d
  • 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#670067b2
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebd
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DAE0E0fe
  • terminal.border#F1F3F3fe
  • terminal.dropBackground#DAE0E0fe
  • terminal.findMatchBackground#DAE0E0fe
  • terminal.findMatchBorder#F1F3F3fe
  • terminal.findMatchHighlightBackground#DAE0E0fe
  • terminal.findMatchHighlightBorder#F1F3F3fe
  • terminal.foreground#2F5656ae
  • terminal.hoverHighlightBackground#DAE0E0fe
  • terminal.inactiveSelectionBackground#C8D1D198
  • terminal.selectionBackground#959D8588
  • terminal.selectionForeground#1A3E20ca
  • terminal.tab.activeBorder#254625fe
  • terminalCommandDecoration.defaultBackground#4C5240aa
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#DAE0E0fe
  • terminalCursor.foreground#448C44fe
  • terminalOverviewRuler.cursorForeground#143D3Dce
  • terminalOverviewRuler.findMatchForeground#005A5Ace
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c5
  • testing.iconUnset#808080a9
  • testing.message.error.decorationForeground#1F5B1Ffe
  • testing.message.error.lineBackground#FFC6FFbf
  • testing.message.info.decorationForeground#205C20fe
  • testing.message.info.lineBackground#D3D3FFfe
  • testing.peekBorder#F1F3F3fe
  • testing.peekHeaderBackground#DAE0E0fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DAE0E0fe
  • textBlockQuote.border#F1F3F3fe
  • textCodeBlock.background#DAE0E0fe
  • textLink.activeForeground#427E42fe
  • textLink.foreground#3C00FCce
  • textPreformat.foreground#143D3Dce
  • textSeparator.foreground#143D3Dce
  • titleBar.activeBackground#ECEFEFfe
  • titleBar.activeForeground#144545ae
  • titleBar.border#F6F7F500
  • titleBar.inactiveBackground#D0D7D7dd
  • titleBar.inactiveForeground#44515165
  • toolbar.activeBackground#DAD5D288
  • toolbar.hoverBackground#DAE0E0fe
  • toolbar.hoverOutline#F5F5F700
  • tree.inactiveIndentGuidesStroke#484D3E35
  • tree.indentGuidesStroke#1C5C1Cfe
  • tree.tableColumnsBorder#F1F3F3fe
  • tree.tableOddRowsBackground#DAE0E0fe
  • walkThrough.embeddedEditorBackground#DAE0E0fe
  • walkthrough.stepTitle.foreground#143D3Dce
  • welcomePage.background#DAE0E0fe
  • welcomePage.progress.background#DAE0E0fe
  • welcomePage.progress.foreground#143D3Dce
  • welcomePage.tileBackground#DAE0E0fe
  • welcomePage.tileBorder#F1F3F3fe
  • welcomePage.tileHoverBackground#DAE0E0fe
  • widget.border#F1F3F3fe
  • widget.shadow#F7F5F600
  • window.activeBorder#F1F3F3fe
  • window.inactiveBorder#D0D7D79a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1535356e
comment.block.html#1535356e
comment.block.java#1535356e
comment.block.javadoc.java#1734346e
comment.block.powershell#1834346e
comment.block.xml#1834346e
comment.line.double-slash.c#1634346e
comment.line.double-slash.cpp#1634346e
comment.line.double-slash.java#1834346e
comment.line.double-slash.js#1734346e
comment.line.number-sign.makefile#1535356e
comment.line.number-sign.python#1734346e
comment.line.number-sign.yaml#1634346e
comment.line.percentage.erlang#1834346e
comment.line.powershell#1734346e
comment.source.cmake#1535356e
comment.source.cmakecache#1734346e
constant.character#910808de
constant.character.character-class.regexp#2B2B53de
constant.character.escape#3E3E69de
constant.character.set.regexp#2E2E40de
constant.language#4C2323de
constant.numeric#073807de
constant.numeric.dec.python#2B2B53de
constant.other.caps.python#185118de
constant.other.character-class.regexp#113711de
constant.other.character-class.set.regexp#1A511Ade
constant.other.color.rgb-value#185118de
constant.other.placeholder#3E3E69de
constant.other.rgb-value#185118de
constant.regexp#650606de
constant.sha.git-rebase#433232de
emphasis#165116de
entity.name.class#2E2E40de
entity.name.function#11119Cde
entity.name.function.preprocessor#3A2C2Cde
entity.name.function.python#165116de
entity.name.label#135213de
entity.name.namespace#1F1F82de
entity.name.operator#083808de
entity.name.operator.custom-literal#324332de
entity.name.scope-resolution#1F1F82de
entity.name.tag#2F2F3Dde
entity.name.tag.css#433232de
entity.name.type#2F2F3Ddebold
entity.name.variable#3F2A2Ade
entity.other.attribute#7E0C7Ede
entity.other.attribute-name#462727de
entity.other.attribute-name.class.css#324332de
entity.other.attribute-name.class.mixin.css#2E2E40de
entity.other.attribute-name.id#2E2E40de
entity.other.attribute-name.id.css#2B2B53de
entity.other.attribute-name.parent-selector.css#11119Cde
entity.other.attribute-name.pseudo-class.css#393955de
entity.other.attribute-name.pseudo-element.css#372C37de
entity.other.attribute-name.scss#910808de
entity.other.document.begin.yaml#1634346e
entity.other.inherited-class#590259de
header#5B3B3Bde
invalid#1B511Bde
keyword#344934debold
keyword.codetag.notation.python#013901debold
keyword.control#1B511Bdebold
keyword.control.anchor.regexp#433232debold
keyword.control.import.python#5B3B5Bdebold
keyword.operator#4F364Fdebold
keyword.operator.alignas#3D2F2Fdebold
keyword.operator.alignof#3D2F2Fdebold
keyword.operator.cast#013901debold
keyword.operator.delete#185118debold
keyword.operator.documentation.powershell#1734346ebold
keyword.operator.expression#013901debold
keyword.operator.instanceof#1E351Edebold
keyword.operator.logical.python#910808debold
keyword.operator.minus.exponent#3A2C2Cdebold
keyword.operator.negation.regexp#393955debold
keyword.operator.new#433232debold
keyword.operator.noexcept#5B3B3Bdebold
keyword.operator.or.regexp#5B3B3Bdebold
keyword.operator.plus.exponent#1F1F82debold
keyword.operator.quantifier.regexp#553939debold
keyword.operator.sizeof#493434debold
keyword.operator.typeid#3A2A3Adebold
keyword.operator.wordlike#623C3Cdebold
keyword.other.operator#323243debold
keyword.other.package.java#462727debold
keyword.other.unit#4F3636debold
keyword.other.using#4C2323debold
markup.bold#2A322Ade
markup.changed#2C372Cde
markup.deleted#493434de
markup.fenced_code.block.markdown#0F0F9Dde
markup.heading#11119Cde
markup.inline.raw#3B3B5Bde
markup.inserted#323243de
markup.italic#3A2C2Cde
markup.raw.block.markdown#2D2D45de
markup.strikethrough#570757de
markup.underline#1A511Ade
meta.block.c#0F0F9Dde
meta.block.c#5B3B3Bde
meta.class.java#650606de
meta.definition.variable.name#2B2B53de
meta.diff.header#3E3E69de
meta.embedded#324332de
meta.embedded.assembly#013901de
meta.function-call.arguments.python#553939de
meta.function-call.python#491F49de
meta.member.access.python#5B3B3Bde
meta.method.java#0F0F9Dde
meta.object-literal.key#3D2F2Fde
meta.paragraph.markdown#0303A7de
meta.preprocessor#165116de
meta.preprocessor.numeric#3C3C62de
meta.preprocessor.string#343449de
meta.scope.prerequisites.makefile#5B3B5Bde
meta.structure.dictionary.json.comments#1634346e
meta.structure.dictionary.key.python#2E2E40de
meta.structure.dictionary.value.json.comments#1834346e
meta.template.expression#3C3C62de
meta.type.cast.expr#4F3636debold
meta.type.new.expr#372C37debold
parameter#2F3D2Fde
punctuation.character.set.begin.regexp#2C372Cde
punctuation.character.set.end.regexp#3D2F3Dde
punctuation.definition.array.begin.json#2A322Ade
punctuation.definition.character-class.regexp#4F3636de
punctuation.definition.comment#1535356e
punctuation.definition.comment.json.comments#1535356e
punctuation.definition.comment.python#1734346e
punctuation.definition.dictionary.begin.json#1B511Bde
punctuation.definition.dictionary.end.json#3E3E69de
punctuation.definition.group.assertion.regexp#2A322Ade
punctuation.definition.group.regexp#324332de
punctuation.definition.list.begin.json#553939de
punctuation.definition.list.begin.markdown#1B511Bde
punctuation.definition.list.begin.python#36364Fde
punctuation.definition.list.end.json#1F1F82de
punctuation.definition.list.end.markdown#3A2C2Cde
punctuation.definition.list.end.python#3D2F2Fde
punctuation.definition.parameters.begin.python#3B3B5Bde
punctuation.definition.parameters.end.bracket.round.java#3D2F2Fde
punctuation.definition.quote.begin.markdown#3F2A2Ade
punctuation.definition.tag#623C3Cde
punctuation.definition.template-expression.begin#553939de
punctuation.definition.template-expression.end#553939de
punctuation.section.class.begin.bracket.curly.java#135213de
punctuation.section.embedded#553939de
punctuation.section.embedded.begin.php#7E0C7Ede
punctuation.section.embedded.end.php#3B3B5Bde
punctuation.terminator.java#0F0F9Dde
source.cmake#393955de
source.coffee.embedded#323243de
source.cpp#7E0C7Ede
source.css.less#3A2C2Cde
source.groovy.embedded#1A511Ade
source.java#11119Cde
source.java-properties#5B3B3Bde
source.json.comments#1634346e
source.makefile#1B511Bde
source.powershell#1F1F82de
source.powershell.variable.other.member#2A322Ade
source.python#1B511Bde
storage#3A2A3Ade
storage.modifier#393955de
storage.modifier.import.java#910808de
storage.modifier.package.java#910808de
storage.type#083808debold
storage.type.annotation.groovy#083808debold
storage.type.annotation.java#185118debold
storage.type.boolean.go#462727debold
storage.type.byte.go#3D2F2Fdebold
storage.type.cs#2D2D45debold
storage.type.error.go#0F0F9Ddebold
storage.type.generic.cs#1E351Edebold
storage.type.generic.groovy#083808debold
storage.type.generic.java#493434debold
storage.type.groovy#3C3C62debold
storage.type.java#185118debold
storage.type.modifier.cs#2B2B53debold
storage.type.numeric.go#2E2E40debold
storage.type.object.array.groovy#551D1Ddebold
storage.type.object.array.java#3C3C62debold
storage.type.parameters.groovy#372C37debold
storage.type.primitive.array.groovy#462727debold
storage.type.primitive.array.java#073807debold
storage.type.primitive.groovy#135213debold
storage.type.primitive.java#013901debold
storage.type.rune.go#0F0F9Ddebold
storage.type.string.go#2C372Cdebold
storage.type.token.java#1A511Adebold
storage.type.uintptr.go#1A511Adebold
storage.type.variable.cs#135213debold
string#013901de
string.quoted.docstring.multi.python#1634346e
string.regexp#1B511Bde
string.tag#402740de
string.value#113711de
strong#113711de
support.class#3F2A2Ade
support.constant.color#1E351Ede
support.constant.dom#2E2E40de
support.constant.font-name#393955de
support.constant.handlebars#462727de
support.constant.json#493434de
support.constant.math#3B3B5Bde
support.constant.media#4F364Fde
support.constant.media-type#2C372Cdebold
support.constant.property-value#4F364Fde
support.function#5B3B5Bde
support.function.git-rebase#553939de
support.other.parenthesis.regexp#570757de
support.type#462727debold
support.type.property-name#073807debold
support.type.vendored.property-name#324332debold
support.variable#7E0C7Ede
token.debug-token#553939de
token.error-token#650606de
token.info-token#36364Fde
token.warn-token#393955de
variable#2C372Cde
variable.css#1A511Ade
variable.language#4C2323de
variable.language.wildcard.java#013901de
variable.other.constant#551D1Dde
variable.other.definition.java#462727de
variable.other.enummember#344934de
variable.other.less#185118de
variable.other.object.java#083808de
variable.other.object.property.java#013901de
variable.parameter.c#393955de
variable.parameter.function.language.python#343449de
variable.parameter.java#4F364Fde
variable.scss#4F3636de
viiv by B.W - VS Code Theme