Skip to main content
Coding Theme

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.

  • activityBar.activeBackground#10191340
  • activityBar.activeBorder#4a9a68
  • activityBar.background#101913
  • activityBar.border#101913
  • activityBar.dropBorder#4a9a68
  • activityBar.foreground#a1af9c
  • activityBar.inactiveForeground#4a684a
  • activityBarBadge.background#4a9a68
  • activityBarBadge.foreground#101913
  • badge.background#4a9a68
  • badge.foreground#101913
  • banner.background#4a9a6820
  • banner.foreground#a1af9c
  • banner.iconForeground#4a9a68
  • breadcrumb.activeSelectionForeground#a1af9c
  • breadcrumb.background#101913
  • breadcrumb.focusForeground#a1af9c
  • breadcrumb.foreground#4a684a
  • breadcrumbPicker.background#101913
  • button.background#4a9a68
  • button.border#4a9a6820
  • button.foreground#101913
  • button.hoverBackground#4a9a68
  • button.secondaryBackground#4a684a
  • button.secondaryForeground#a1af9c
  • button.secondaryHoverBackground#101913
  • charts.blue#4a9a68
  • charts.foreground#a1af9c
  • charts.green#6aae52
  • charts.lines#4a684a
  • charts.orange#d08e74
  • charts.purple#8a7856
  • charts.red#c87a5c
  • charts.yellow#c4a64e
  • chat.requestBackground#101913
  • chat.requestBorder#4a684a
  • checkbox.background#101913
  • checkbox.border#4a684a
  • checkbox.foreground#a1af9c
  • checkbox.selectBackground#4a9a68
  • checkbox.selectBorder#4a9a68
  • commandCenter.activeBackground#4a684a
  • commandCenter.activeBorder#4a9a68
  • commandCenter.activeForeground#a1af9c
  • commandCenter.background#101913
  • commandCenter.border#4a684a
  • commandCenter.debuggingBackground#c4a64e20
  • commandCenter.foreground#a1af9c
  • commandCenter.inactiveBorder#4a684a
  • commandCenter.inactiveForeground#4a684a
  • commentsView.resolvedIcon#6aae52
  • commentsView.unresolvedIcon#c4a64e
  • debugConsole.errorForeground#c87a5c
  • debugConsole.infoForeground#4a9a68
  • debugConsole.sourceForeground#a1af9c
  • debugConsole.warningForeground#c4a64e
  • debugConsoleInputIcon.foreground#4a9a68
  • debugExceptionWidget.background#c87a5c20
  • debugExceptionWidget.border#c87a5c
  • debugIcon.breakpointCurrentStackframeForeground#c4a64e
  • debugIcon.breakpointDisabledForeground#4a684a
  • debugIcon.breakpointForeground#c87a5c
  • debugIcon.breakpointStackframeForeground#6aae52
  • debugIcon.breakpointUnverifiedForeground#c4a64e
  • debugIcon.continueForeground#6aae52
  • debugIcon.disconnectForeground#c87a5c
  • debugIcon.pauseForeground#c4a64e
  • debugIcon.restartForeground#6aae52
  • debugIcon.startForeground#6aae52
  • debugIcon.stepBackForeground#c4a64e
  • debugIcon.stepIntoForeground#52987a
  • debugIcon.stepOutForeground#8a7856
  • debugIcon.stepOverForeground#4a9a68
  • debugIcon.stopForeground#c87a5c
  • debugTokenExpression.boolean#d08e74
  • debugTokenExpression.error#c87a5c
  • debugTokenExpression.name#8a7856
  • debugTokenExpression.number#d08e74
  • debugTokenExpression.string#6aae52
  • debugTokenExpression.value#a1af9c
  • debugToolBar.background#101913
  • debugToolBar.border#4a684a
  • debugView.exceptionLabelBackground#c87a5c
  • debugView.exceptionLabelForeground#101913
  • debugView.stateLabelBackground#4a9a6830
  • debugView.stateLabelForeground#a1af9c
  • debugView.valueChangedHighlight#52987a40
  • descriptionForeground#4a684a
  • diffEditor.diagonalFill#4a684a30
  • diffEditor.insertedLineBackground#6aae5215
  • diffEditor.insertedTextBackground#6aae5220
  • diffEditor.insertedTextBorder#6aae5200
  • diffEditor.move.border#52987a80
  • diffEditor.moveActive.border#52987a
  • diffEditor.removedLineBackground#c87a5c15
  • diffEditor.removedTextBackground#c87a5c20
  • diffEditor.removedTextBorder#c87a5c00
  • diffEditor.unchangedCodeBackground#10191340
  • diffEditor.unchangedRegionBackground#101913
  • diffEditor.unchangedRegionForeground#4a684a
  • diffEditorGutter.insertedLineBackground#6aae5230
  • diffEditorGutter.removedLineBackground#c87a5c30
  • diffEditorOverview.insertedForeground#6aae5280
  • diffEditorOverview.removedForeground#c87a5c80
  • disabledForeground#798375
  • dropdown.background#101913
  • dropdown.border#4a684a
  • dropdown.foreground#a1af9c
  • dropdown.listBackground#101913
  • editor.background#101913
  • editor.findMatchBackground#c4a64e40
  • editor.findMatchBorder#c4a64e
  • editor.findMatchHighlightBackground#c4a64e25
  • editor.findMatchHighlightBorder#c4a64e60
  • editor.findRangeHighlightBackground#4a9a6815
  • editor.findRangeHighlightBorder#4a9a6830
  • editor.foreground#a1af9c
  • editor.hoverHighlightBackground#4a9a6820
  • editor.inactiveSelectionBackground#a1af9c30
  • editor.lineHighlightBackground#10191360
  • editor.lineHighlightBorder#10191300
  • editor.rangeHighlightBackground#4a9a6810
  • editor.rangeHighlightBorder#4a9a6820
  • editor.selectionBackground#a1af9c60
  • editor.selectionForeground#101913
  • editor.selectionHighlightBackground#4a9a6820
  • editor.selectionHighlightBorder#4a9a6840
  • editor.snippetFinalTabstopHighlightBackground#6aae5220
  • editor.snippetFinalTabstopHighlightBorder#6aae5240
  • editor.snippetTabstopHighlightBackground#4a9a6820
  • editor.snippetTabstopHighlightBorder#4a9a6840
  • editor.symbolHighlightBackground#4a9a6820
  • editor.symbolHighlightBorder#4a9a6840
  • editor.wordHighlightBackground#4a9a6820
  • editor.wordHighlightBorder#4a9a6840
  • editor.wordHighlightStrongBackground#4a9a6830
  • editor.wordHighlightStrongBorder#4a9a6860
  • editor.wordHighlightTextBackground#4a9a6815
  • editor.wordHighlightTextBorder#4a9a6830
  • editorBracketHighlight.foreground1#4a9a68
  • editorBracketHighlight.foreground2#c4a64e
  • editorBracketHighlight.foreground3#6aae52
  • editorBracketHighlight.foreground4#52987a
  • editorBracketHighlight.foreground5#8a7856
  • editorBracketHighlight.foreground6#d08e74
  • editorBracketHighlight.unexpectedBracket.foreground#c87a5c
  • editorBracketMatch.background#4a9a6830
  • editorBracketMatch.border#4a9a68
  • editorBracketPairGuide.activeBackground1#4a9a6860
  • editorBracketPairGuide.activeBackground2#c4a64e60
  • editorBracketPairGuide.activeBackground3#6aae5260
  • editorBracketPairGuide.activeBackground4#52987a60
  • editorBracketPairGuide.activeBackground5#8a785660
  • editorBracketPairGuide.activeBackground6#d08e7460
  • editorBracketPairGuide.background1#4a9a6830
  • editorBracketPairGuide.background2#c4a64e30
  • editorBracketPairGuide.background3#6aae5230
  • editorBracketPairGuide.background4#52987a30
  • editorBracketPairGuide.background5#8a785630
  • editorBracketPairGuide.background6#d08e7430
  • editorCodeLens.foreground#4a684a
  • editorCommentsWidget.rangeActiveBackground#4a9a6820
  • editorCommentsWidget.rangeBackground#4a9a6810
  • editorCommentsWidget.resolvedBorder#6aae52
  • editorCommentsWidget.unresolvedBorder#c4a64e
  • editorCursor.background#101913
  • editorCursor.foreground#a1af9c
  • editorError.background#c87a5c15
  • editorError.border#c87a5c00
  • editorError.foreground#c87a5c
  • editorGhostText.background#4a684a10
  • editorGhostText.border#4a684a00
  • editorGhostText.foreground#4a684a
  • editorGroup.border#4a684a40
  • editorGroup.dropBackground#4a9a6820
  • editorGroup.dropIntoPromptBackground#101913
  • editorGroup.dropIntoPromptBorder#4a9a68
  • editorGroup.dropIntoPromptForeground#a1af9c
  • editorGroup.emptyBackground#101913
  • editorGroupHeader.border#101913
  • editorGroupHeader.noTabsBackground#101913
  • editorGroupHeader.tabsBackground#101913
  • editorGroupHeader.tabsBorder#101913
  • editorGutter.addedBackground#6aae52
  • editorGutter.background#101913
  • editorGutter.commentGlyphForeground#4a9a68
  • editorGutter.commentRangeForeground#4a684a
  • editorGutter.commentUnresolvedGlyphForeground#c4a64e
  • editorGutter.deletedBackground#c87a5c
  • editorGutter.foldingControlForeground#4a684a
  • editorGutter.modifiedBackground#d08e74
  • editorHint.border#52987a00
  • editorHint.foreground#52987a
  • editorHoverWidget.background#101913
  • editorHoverWidget.border#4a684a
  • editorHoverWidget.foreground#a1af9c
  • editorHoverWidget.highlightForeground#4a9a68
  • editorHoverWidget.statusBarBackground#4a684a30
  • editorIndentGuide.activeBackground1#4a684a80
  • editorIndentGuide.activeBackground2#4a684a80
  • editorIndentGuide.activeBackground3#4a684a80
  • editorIndentGuide.activeBackground4#4a684a80
  • editorIndentGuide.activeBackground5#4a684a80
  • editorIndentGuide.activeBackground6#4a684a80
  • editorIndentGuide.background1#4a684a30
  • editorIndentGuide.background2#4a684a30
  • editorIndentGuide.background3#4a684a30
  • editorIndentGuide.background4#4a684a30
  • editorIndentGuide.background5#4a684a30
  • editorIndentGuide.background6#4a684a30
  • editorInfo.background#4a9a6815
  • editorInfo.border#4a9a6800
  • editorInfo.foreground#4a9a68
  • editorInlayHint.background#4a684a30
  • editorInlayHint.foreground#4a684a
  • editorInlayHint.parameterBackground#a08e6615
  • editorInlayHint.parameterForeground#a08e66
  • editorInlayHint.typeBackground#c4a64e15
  • editorInlayHint.typeForeground#c4a64e
  • editorLightBulb.foreground#c4a64e
  • editorLightBulbAi.foreground#8a7856
  • editorLightBulbAutoFix.foreground#6aae52
  • editorLineNumber.activeForeground#a1af9c
  • editorLineNumber.dimmedForeground#4a684a80
  • editorLineNumber.foreground#4a684a
  • editorLink.activeForeground#4a9a68
  • editorMarkerNavigation.background#101913
  • editorMarkerNavigationError.background#c87a5c20
  • editorMarkerNavigationError.headerBackground#c87a5c15
  • editorMarkerNavigationInfo.background#4a9a6820
  • editorMarkerNavigationInfo.headerBackground#4a9a6815
  • editorMarkerNavigationWarning.background#c4a64e20
  • editorMarkerNavigationWarning.headerBackground#c4a64e15
  • editorOverviewRuler.addedForeground#6aae5280
  • editorOverviewRuler.background#101913
  • editorOverviewRuler.border#4a684a20
  • editorOverviewRuler.bracketMatchForeground#4a9a68
  • editorOverviewRuler.commonContentForeground#4a684a
  • editorOverviewRuler.currentContentForeground#52987a
  • editorOverviewRuler.deletedForeground#c87a5c80
  • editorOverviewRuler.errorForeground#c87a5c
  • editorOverviewRuler.findMatchForeground#c4a64e80
  • editorOverviewRuler.incomingContentForeground#6aae52
  • editorOverviewRuler.infoForeground#4a9a68
  • editorOverviewRuler.modifiedForeground#d08e7480
  • editorOverviewRuler.rangeHighlightForeground#4a9a6860
  • editorOverviewRuler.selectionHighlightForeground#4a9a6880
  • editorOverviewRuler.warningForeground#c4a64e
  • editorOverviewRuler.wordHighlightForeground#4a9a6860
  • editorOverviewRuler.wordHighlightStrongForeground#4a9a6880
  • editorOverviewRuler.wordHighlightTextForeground#4a9a6840
  • editorPane.background#101913
  • editorRuler.foreground#4a684a40
  • editorStickyScroll.background#101913
  • editorStickyScrollHover.background#4a684a40
  • editorSuggestWidget.background#101913
  • editorSuggestWidget.border#4a684a
  • editorSuggestWidget.focusHighlightForeground#4a9a68
  • editorSuggestWidget.foreground#a1af9c
  • editorSuggestWidget.highlightForeground#4a9a68
  • editorSuggestWidget.selectedBackground#4a9a6830
  • editorSuggestWidget.selectedForeground#a1af9c
  • editorSuggestWidget.selectedIconForeground#a1af9c
  • editorSuggestWidgetStatus.foreground#4a684a
  • editorUnnecessaryCode.border#4a684a
  • editorUnnecessaryCode.opacity#10191380
  • editorWarning.background#c4a64e15
  • editorWarning.border#c4a64e00
  • editorWarning.foreground#c4a64e
  • editorWatermark.foreground#4a684a
  • editorWhitespace.foreground#4a684a60
  • editorWidget.background#101913
  • editorWidget.border#4a684a
  • editorWidget.foreground#a1af9c
  • editorWidget.resizeBorder#4a9a68
  • errorForeground#c87a5c
  • extensionBadge.remoteBackground#4a9a68
  • extensionBadge.remoteForeground#101913
  • extensionButton.background#4a684a
  • extensionButton.foreground#a1af9c
  • extensionButton.hoverBackground#4a684a80
  • extensionButton.prominentBackground#4a9a68
  • extensionButton.prominentForeground#101913
  • extensionButton.prominentHoverBackground#4a9a6880
  • extensionButton.separator#101913
  • extensionIcon.preReleaseForeground#c4a64e
  • extensionIcon.sponsorForeground#8a7856
  • extensionIcon.starForeground#c4a64e
  • extensionIcon.verifiedForeground#52987a
  • focusBorder#4a9a6880
  • foreground#a1af9c
  • gitDecoration.addedResourceForeground#6aae52
  • gitDecoration.conflictingResourceForeground#c4a64e
  • gitDecoration.deletedResourceForeground#c87a5c
  • gitDecoration.ignoredResourceForeground#4a684a
  • gitDecoration.modifiedResourceForeground#d08e74
  • gitDecoration.renamedResourceForeground#52987a
  • gitDecoration.stageDeletedResourceForeground#c87a5c
  • gitDecoration.stageModifiedResourceForeground#d08e74
  • gitDecoration.submoduleResourceForeground#8a7856
  • gitDecoration.untrackedResourceForeground#6aae52
  • icon.foreground#a1af9c
  • inlineChat.background#101913
  • inlineChat.border#4a684a
  • inlineChat.shadow#10191380
  • inlineChatDiff.inserted#6aae5220
  • inlineChatDiff.removed#c87a5c20
  • inlineChatInput.background#101913
  • inlineChatInput.border#4a684a
  • inlineChatInput.focusBorder#4a9a68
  • inlineChatInput.placeholderForeground#4a684a
  • input.background#101913
  • input.border#4a684a
  • input.foreground#a1af9c
  • input.placeholderForeground#4a684a
  • inputOption.activeBackground#4a9a6840
  • inputOption.activeBorder#4a9a68
  • inputOption.activeForeground#a1af9c
  • inputOption.hoverBackground#4a684a
  • inputValidation.errorBackground#c87a5c20
  • inputValidation.errorBorder#c87a5c
  • inputValidation.errorForeground#c87a5c
  • inputValidation.infoBackground#4a9a6820
  • inputValidation.infoBorder#4a9a68
  • inputValidation.infoForeground#4a9a68
  • inputValidation.warningBackground#c4a64e20
  • inputValidation.warningBorder#c4a64e
  • inputValidation.warningForeground#c4a64e
  • keybindingLabel.background#4a684a40
  • keybindingLabel.border#4a684a
  • keybindingLabel.bottomBorder#4a684a
  • keybindingLabel.foreground#a1af9c
  • keybindingTable.headerBackground#101913
  • keybindingTable.rowsBackground#10191340
  • list.activeSelectionBackground#4a9a6830
  • list.activeSelectionForeground#a1af9c
  • list.activeSelectionIconForeground#a1af9c
  • list.dropBackground#4a9a6820
  • list.errorForeground#c87a5c
  • list.filterMatchBackground#4a9a6830
  • list.filterMatchBorder#4a9a68
  • list.focusBackground#4a9a6820
  • list.focusForeground#a1af9c
  • list.focusOutline#4a9a6860
  • list.highlightForeground#4a9a68
  • list.hoverBackground#101913
  • list.hoverForeground#a1af9c
  • list.inactiveFocusBackground#4a684a40
  • list.inactiveFocusOutline#4a684a
  • list.inactiveSelectionBackground#4a684a40
  • list.inactiveSelectionForeground#a1af9c
  • list.invalidItemForeground#c87a5c
  • list.warningForeground#c4a64e
  • listFilterWidget.background#101913
  • listFilterWidget.noMatchesOutline#c87a5c
  • listFilterWidget.outline#4a9a68
  • menu.background#101913
  • menu.border#4a684a
  • menu.foreground#a1af9c
  • menu.selectionBackground#4a9a6830
  • menu.selectionBorder#4a9a6800
  • menu.selectionForeground#a1af9c
  • menu.separatorBackground#4a684a
  • menubar.selectionBackground#4a9a6830
  • menubar.selectionBorder#4a9a6800
  • menubar.selectionForeground#a1af9c
  • merge.border#4a684a
  • merge.commonContentBackground#4a684a20
  • merge.commonHeaderBackground#4a684a40
  • merge.currentContentBackground#52987a20
  • merge.currentHeaderBackground#52987a40
  • merge.incomingContentBackground#6aae5220
  • merge.incomingHeaderBackground#6aae5240
  • mergeEditor.change.background#4a9a6815
  • mergeEditor.change.word.background#4a9a6830
  • mergeEditor.changeBase.background#4a684a20
  • mergeEditor.changeBase.word.background#4a684a40
  • mergeEditor.conflict.handled.minimapOverViewRuler#6aae52
  • mergeEditor.conflict.handledUnfocused.border#6aae5280
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#c4a64e
  • mergeEditor.conflict.unhandledUnfocused.border#c4a64e80
  • mergeEditor.conflictingLines.background#c4a64e15
  • minimap.background#101913
  • minimap.errorHighlight#c87a5c
  • minimap.findMatchHighlight#4a9a6880
  • minimap.foregroundOpacity#101913c0
  • minimap.selectionHighlight#4a9a6860
  • minimap.selectionOccurrenceHighlight#4a9a6840
  • minimap.warningHighlight#c4a64e
  • minimapGutter.addedBackground#6aae52
  • minimapGutter.deletedBackground#c87a5c
  • minimapGutter.modifiedBackground#d08e74
  • minimapSlider.activeBackground#4a684a60
  • minimapSlider.background#4a684a20
  • minimapSlider.hoverBackground#4a684a40
  • notebook.cellBorderColor#4a684a40
  • notebook.cellEditorBackground#101913
  • notebook.cellHoverBackground#10191340
  • notebook.cellInsertionIndicator#4a9a68
  • notebook.cellStatusBarItemHoverBackground#4a684a
  • notebook.cellToolbarSeparator#4a684a
  • notebook.editorBackground#101913
  • notebook.focusedCellBackground#10191360
  • notebook.focusedCellBorder#4a9a68
  • notebook.focusedEditorBorder#4a9a68
  • notebook.inactiveFocusedCellBorder#4a684a
  • notebook.inactiveSelectedCellBorder#4a684a
  • notebook.outputContainerBackgroundColor#101913
  • notebook.outputContainerBorderColor#4a684a40
  • notebook.selectedCellBackground#4a9a6815
  • notebook.selectedCellBorder#4a9a6840
  • notebook.symbolHighlightBackground#4a9a6820
  • notebookEditorOverviewRuler.runningCellForeground#4a9a68
  • notebookStatusErrorIcon.foreground#c87a5c
  • notebookStatusRunningIcon.foreground#4a9a68
  • notebookStatusSuccessIcon.foreground#6aae52
  • notificationCenter.border#4a684a
  • notificationCenterHeader.background#101913
  • notificationCenterHeader.foreground#a1af9c
  • notificationLink.foreground#4a9a68
  • notifications.background#101913
  • notifications.border#4a684a
  • notifications.foreground#a1af9c
  • notificationsErrorIcon.foreground#c87a5c
  • notificationsInfoIcon.foreground#4a9a68
  • notificationsWarningIcon.foreground#c4a64e
  • notificationToast.border#4a684a
  • outputView.background#101913
  • outputViewStickyScroll.background#101913
  • panel.background#101913
  • panel.border#4a684a40
  • panel.dropBorder#4a9a68
  • panelInput.border#4a684a
  • panelSection.border#4a684a40
  • panelSection.dropBackground#4a9a6820
  • panelSectionHeader.background#101913
  • panelSectionHeader.border#4a684a40
  • panelSectionHeader.foreground#a1af9c
  • panelTitle.activeBorder#4a9a68
  • panelTitle.activeForeground#a1af9c
  • panelTitle.inactiveForeground#4a684a
  • peekView.border#4a9a68
  • peekViewEditor.background#101913
  • peekViewEditor.matchHighlightBackground#c4a64e30
  • peekViewEditor.matchHighlightBorder#c4a64e
  • peekViewEditorGutter.background#101913
  • peekViewResult.background#101913
  • peekViewResult.fileForeground#a1af9c
  • peekViewResult.lineForeground#4a684a
  • peekViewResult.matchHighlightBackground#c4a64e30
  • peekViewResult.selectionBackground#4a9a6830
  • peekViewResult.selectionForeground#a1af9c
  • peekViewTitle.background#101913
  • peekViewTitleDescription.foreground#4a684a
  • peekViewTitleLabel.foreground#a1af9c
  • pickerGroup.border#4a684a
  • pickerGroup.foreground#4a9a68
  • ports.iconRunningProcessForeground#4a9a68
  • problemsErrorIcon.foreground#c87a5c
  • problemsInfoIcon.foreground#4a9a68
  • problemsWarningIcon.foreground#c4a64e
  • progressBar.background#4a9a68
  • quickInput.background#101913
  • quickInput.foreground#a1af9c
  • quickInputList.focusBackground#4a9a6830
  • quickInputList.focusForeground#a1af9c
  • quickInputList.focusIconForeground#a1af9c
  • quickInputTitle.background#101913
  • sash.hoverBorder#4a9a68
  • scrollbar.shadow#101913
  • scrollbarSlider.activeBackground#4a9a6880
  • scrollbarSlider.background#4a684a40
  • scrollbarSlider.hoverBackground#4a684a80
  • searchEditor.findMatchBackground#c4a64e40
  • searchEditor.findMatchBorder#c4a64e
  • selection.background#a1af9c80
  • settings.checkboxBackground#101913
  • settings.checkboxBorder#4a684a
  • settings.checkboxForeground#a1af9c
  • settings.dropdownBackground#101913
  • settings.dropdownBorder#4a684a
  • settings.dropdownForeground#a1af9c
  • settings.dropdownListBorder#4a684a
  • settings.focusedRowBackground#4a9a6810
  • settings.focusedRowBorder#4a9a6840
  • settings.headerBorder#4a684a
  • settings.headerForeground#a1af9c
  • settings.modifiedItemIndicator#4a9a68
  • settings.numberInputBackground#101913
  • settings.numberInputBorder#4a684a
  • settings.numberInputForeground#a1af9c
  • settings.rowHoverBackground#101913
  • settings.sashBorder#4a684a
  • settings.settingsHeaderHoverForeground#4a9a68
  • settings.textInputBackground#101913
  • settings.textInputBorder#4a684a
  • settings.textInputForeground#a1af9c
  • sideBar.background#101913
  • sideBar.border#101913
  • sideBar.dropBackground#4a9a6820
  • sideBar.foreground#a1af9c
  • sideBarSectionHeader.background#101913
  • sideBarSectionHeader.border#4a684a40
  • sideBarSectionHeader.foreground#a1af9c
  • sideBarTitle.foreground#a1af9c
  • statusBar.background#101913
  • statusBar.border#101913
  • statusBar.debuggingBackground#c4a64e
  • statusBar.debuggingBorder#c4a64e
  • statusBar.debuggingForeground#101913
  • statusBar.focusBorder#4a9a68
  • statusBar.foreground#a1af9c
  • statusBar.noFolderBackground#101913
  • statusBar.noFolderBorder#101913
  • statusBar.noFolderForeground#a1af9c
  • statusBarItem.activeBackground#4a684a
  • statusBarItem.compactHoverBackground#4a684a
  • statusBarItem.errorBackground#c87a5c
  • statusBarItem.errorForeground#101913
  • statusBarItem.errorHoverBackground#c87a5c80
  • statusBarItem.focusBorder#4a9a68
  • statusBarItem.hoverBackground#4a684a60
  • statusBarItem.hoverForeground#a1af9c
  • statusBarItem.prominentBackground#4a9a68
  • statusBarItem.prominentForeground#a1af9c
  • statusBarItem.prominentHoverBackground#4a9a6880
  • statusBarItem.remoteBackground#4a9a68
  • statusBarItem.remoteForeground#101913
  • statusBarItem.remoteHoverBackground#4a9a6880
  • statusBarItem.warningBackground#c4a64e
  • statusBarItem.warningForeground#101913
  • statusBarItem.warningHoverBackground#c4a64e80
  • symbolIcon.arrayForeground#d08e74
  • symbolIcon.booleanForeground#d08e74
  • symbolIcon.classForeground#c4a64e
  • symbolIcon.colorForeground#52987a
  • symbolIcon.constantForeground#d4ba60
  • symbolIcon.constructorForeground#4a9a68
  • symbolIcon.enumeratorForeground#c4a64e
  • symbolIcon.enumeratorMemberForeground#d08e74
  • symbolIcon.eventForeground#c4a64e
  • symbolIcon.fieldForeground#a1af9c
  • symbolIcon.fileForeground#a1af9c
  • symbolIcon.folderForeground#a1af9c
  • symbolIcon.functionForeground#4a9a68
  • symbolIcon.interfaceForeground#c4a64e
  • symbolIcon.keyForeground#a08e66
  • symbolIcon.keywordForeground#a08e66
  • symbolIcon.methodForeground#4a9a68
  • symbolIcon.moduleForeground#c4a64e
  • symbolIcon.namespaceForeground#4a9a68
  • symbolIcon.nullForeground#d08e74
  • symbolIcon.numberForeground#d08e74
  • symbolIcon.objectForeground#c4a64e
  • symbolIcon.operatorForeground#5aae7a
  • symbolIcon.packageForeground#c4a64e
  • symbolIcon.propertyForeground#a1af9c
  • symbolIcon.referenceForeground#a08e66
  • symbolIcon.snippetForeground#6aae52
  • symbolIcon.stringForeground#6aae52
  • symbolIcon.structForeground#c4a64e
  • symbolIcon.textForeground#a1af9c
  • symbolIcon.typeParameterForeground#c4a64e
  • symbolIcon.unitForeground#d08e74
  • symbolIcon.variableForeground#a08e66
  • tab.activeBackground#101913
  • tab.activeBorder#4a9a68
  • tab.activeBorderTop#4a9a68
  • tab.activeForeground#a1af9c
  • tab.activeModifiedBorder#c4a64e
  • tab.border#101913
  • tab.hoverBackground#4a684a40
  • tab.hoverBorder#4a9a6840
  • tab.hoverForeground#a1af9c
  • tab.inactiveBackground#101913
  • tab.inactiveForeground#4a684a
  • tab.inactiveModifiedBorder#c4a64e80
  • tab.lastPinnedBorder#4a684a
  • tab.unfocusedActiveBackground#101913
  • tab.unfocusedActiveBorder#4a684a
  • tab.unfocusedActiveBorderTop#4a684a
  • tab.unfocusedActiveForeground#a1af9c
  • tab.unfocusedActiveModifiedBorder#c4a64e80
  • tab.unfocusedHoverBackground#4a684a40
  • tab.unfocusedInactiveForeground#4a684a
  • tab.unfocusedInactiveModifiedBorder#c4a64e60
  • terminal.ansiBlack#101913
  • terminal.ansiBlue#4a9a68
  • terminal.ansiBrightBlack#4a684a
  • terminal.ansiBrightBlue#5aae7a
  • terminal.ansiBrightCyan#48aa82
  • terminal.ansiBrightGreen#82c45a
  • terminal.ansiBrightMagenta#a08e66
  • terminal.ansiBrightRed#d89268
  • terminal.ansiBrightWhite#b9c3b5
  • terminal.ansiBrightYellow#d4ba60
  • terminal.ansiCyan#52987a
  • terminal.ansiGreen#6aae52
  • terminal.ansiMagenta#8a7856
  • terminal.ansiRed#c87a5c
  • terminal.ansiWhite#a1af9c
  • terminal.ansiYellow#c4a64e
  • terminal.background#101913
  • terminal.border#4a684a40
  • terminal.findMatchBackground#c4a64e40
  • terminal.findMatchBorder#c4a64e
  • terminal.findMatchHighlightBackground#c4a64e25
  • terminal.findMatchHighlightBorder#c4a64e60
  • terminal.foreground#a1af9c
  • terminal.hoverHighlightBackground#4a9a6820
  • terminal.inactiveSelectionBackground#a1af9c30
  • terminal.selectionBackground#a1af9c60
  • terminal.selectionForeground#101913
  • terminal.tab.activeBorder#4a9a68
  • terminalCommandDecoration.defaultBackground#4a684a
  • terminalCommandDecoration.errorBackground#c87a5c
  • terminalCommandDecoration.successBackground#6aae52
  • terminalCursor.background#101913
  • terminalCursor.foreground#a1af9c
  • terminalOverviewRuler.cursorForeground#a1af9c
  • terminalOverviewRuler.findMatchForeground#c4a64e
  • terminalStickyScroll.background#101913
  • terminalStickyScrollHover.background#4a684a40
  • testing.iconErrored#c87a5c
  • testing.iconFailed#c87a5c
  • testing.iconPassed#6aae52
  • testing.iconQueued#c4a64e
  • testing.iconSkipped#c4a64e
  • testing.iconUnset#4a684a
  • testing.message.error.decorationForeground#c87a5c
  • testing.message.error.lineBackground#c87a5c15
  • testing.message.info.decorationForeground#4a9a68
  • testing.message.info.lineBackground#4a9a6815
  • testing.peekBorder#4a9a68
  • testing.peekHeaderBackground#101913
  • testing.runAction#6aae52
  • textBlockQuote.background#101913
  • textBlockQuote.border#4a9a68
  • textCodeBlock.background#101913
  • textLink.activeForeground#5aae7a
  • textLink.foreground#4a9a68
  • textPreformat.background#101913
  • textPreformat.foreground#52987a
  • textSeparator.foreground#4a684a
  • titleBar.activeBackground#101913
  • titleBar.activeForeground#a1af9c
  • titleBar.border#101913
  • titleBar.inactiveBackground#101913
  • titleBar.inactiveForeground#4a684a
  • toolbar.activeBackground#4a684a
  • toolbar.hoverBackground#101913
  • tree.inactiveIndentGuidesStroke#4a684a60
  • tree.indentGuidesStroke#4a684a
  • tree.tableColumnsBorder#4a684a
  • tree.tableOddRowsBackground#10191340
  • walkThrough.embeddedEditorBackground#101913
  • walkthrough.stepTitle.foreground#a1af9c
  • welcomePage.background#101913
  • welcomePage.progress.background#4a684a
  • welcomePage.progress.foreground#4a9a68
  • welcomePage.tileBackground#101913
  • welcomePage.tileBorder#4a684a
  • welcomePage.tileHoverBackground#4a684a40
  • widget.shadow#10191380

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4a684aitalic
variable, string constant.other.placeholder#a1af9c
variable.parameter, entity.name.variable.parameter, meta.function.parameter#52987aitalic
variable.other.property, variable.other.object.property#52987a
variable.other.constant#d4ba60
variable.other.enummember#d08e74
invalid, invalid.illegal#c87a5cstrikethrough
invalid.deprecated#c4a64estrikethrough
keyword, storage.type.class, storage.type.function#a08e66
storage.modifier#c4a64e
keyword.control, keyword.control.flow#a08e66
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as#4a9a68
keyword.operator, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.comparison#5aae7a
punctuation.accessor, punctuation.separator.key-value#5aae7a
storage.type, entity.name.type#c4a64e
storage.type.primitive, support.type#a1af9c
entity.name.type.class, support.class, entity.other.inherited-class#c4a64e
entity.name.type.interface#c4a64e
entity.name.type.enum#c4a64e
entity.name.type.parameter#c4a64eitalic
entity.name.namespace, entity.name.type.module#4a9a68
entity.name.function, meta.function-call.generic#4a9a68
support.function#52987a
entity.name.function.method, meta.method.declaration#4a9a68
entity.name.function.decorator, meta.decorator, punctuation.decorator#52987aitalic
punctuation, meta.brace, meta.bracket#798375
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary#d08e74
constant.language.boolean#d08e74
constant.language, constant.language.null, constant.language.undefined#52987a
constant.character#6aae52
constant.character.escape#a08e66
string, string.quoted, string.template#6aae52
punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded.line#5aae7a
string.regexp, constant.other.character-class.regexp, constant.character.escape.regexp#48aa82
support.type.property-name, support.constant#52987a
entity.name.tag, meta.tag#c4a64e
entity.other.attribute-name#a1af9c
support.type.property-name.css, support.type.vendored.property-name.css, meta.property-name.css#52987a
support.constant.property-value.css, meta.property-value.css#a1af9c
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#c4a64e
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#52987aitalic
keyword.other.unit.css#d08e74
source.json meta.structure.dictionary.json support.type.property-name.json#d08e74
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c4a64e
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#4a9a68
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#a08e66
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#52987a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#6aae52
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown#4a9a68bold
markup.bold, punctuation.definition.bold.markdown#a1af9cbold
markup.italic, punctuation.definition.italic.markdown#a1af9citalic
markup.underline.link, string.other.link.title.markdown, string.other.link.description.markdown#4a9a68
markup.inline.raw, markup.fenced_code.block, markup.raw.block#6aae52
markup.quote, punctuation.definition.quote.begin.markdown#4a684aitalic
punctuation.definition.list.begin.markdown, markup.list.numbered, markup.list.unnumbered#52987a
markup.inserted, punctuation.definition.inserted#6aae52
markup.deleted, punctuation.definition.deleted#c87a5c
markup.changed, punctuation.definition.changed#d08e74
variable.language.this, variable.language.self, variable.language.special.self#a1af9citalic
meta.object-literal.key, string.unquoted.label.js#a1af9c
entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust#52987aitalic
entity.name.function.macro.rust, support.function.macro.rust#52987a
variable.other.normal.shell, variable.other.positional.shell, variable.other.bracket.shell#a1af9c
entity.name.command.shell#4a9a68
support.function.builtin.shell#52987a
entity.name.tag.yaml#52987a
keyword.key.toml, support.type.property-name.toml#52987a
entity.other.attribute-name.table.toml, support.type.property-name.table.toml#c4a64e
entity.name.section.group-title.ini, punctuation.definition.entity.ini#c4a64e
keyword.other.definition.ini#52987a
entity.name.function.target.makefile#4a9a68
variable.other.makefile#a1af9c
entity.name.package.go#4a9a68
variable.parameter.function.language.special.self.python#a1af9citalic
support.function.magic.python, support.variable.magic.python#52987aitalic
variable.other.php, punctuation.definition.variable.php#a1af9c
meta.preprocessor.c, meta.preprocessor.include.c, keyword.control.directive.include.c#52987a
meta.attribute.csharp, entity.name.type.attribute.csharp#52987a
keyword.other.DML.sql, keyword.other.DDL.sql#a08e66
support.type.graphql, entity.name.type.graphql#c4a64e
variable.graphql, variable.other.graphql#a1af9c
Evergreen Omarchy by Bjarne - VS Code Theme