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.

  • activityBar.activeBackground#7cafc21f
  • activityBar.activeBorder#356f86
  • activityBar.activeFocusBorder#356f86
  • activityBar.background#f8f8f8
  • activityBar.border#d8d8d8
  • activityBar.dropBackground#181818
  • activityBar.foreground#181818
  • activityBar.inactiveForeground#707070
  • activityBarBadge.background#d8d8d8
  • activityBarBadge.foreground#282828
  • activityBarTop.activeBorder#356f86
  • badge.background#f8f8f8
  • badge.foreground#383838
  • banner.background#d8d8d8
  • banner.foreground#383838
  • banner.iconForeground#356f86
  • breadcrumb.activeSelectionForeground#181818
  • breadcrumb.background#e8e8e8
  • breadcrumb.focusForeground#282828
  • breadcrumb.foreground#383838
  • breadcrumbPicker.background#e8e8e8
  • button.background#d8d8d8
  • button.foreground#181818
  • button.hoverBackground#b8b8b8
  • button.secondaryBackground#e8e8e8
  • button.secondaryForeground#181818
  • button.secondaryHoverBackground#d8d8d8
  • charts.blue#356f86
  • charts.foreground#383838
  • charts.green#5f7628
  • charts.lines#383838
  • charts.orange#9b521d
  • charts.purple#805478
  • charts.red#ab4642
  • charts.yellow#806000
  • checkbox.background#e8e8e8
  • checkbox.border#b8b8b8
  • checkbox.foreground#383838
  • commandCenter.activeBackground#e8e8e8
  • commandCenter.activeBorder#356f86
  • commandCenter.activeForeground#181818
  • commandCenter.background#f8f8f8
  • commandCenter.border#d8d8d8
  • commandCenter.foreground#383838
  • debugConsole.errorForeground#ab4642
  • debugConsole.infoForeground#383838
  • debugConsole.sourceForeground#383838
  • debugConsole.warningForeground#806000
  • debugConsoleInputIcon.foreground#383838
  • debugExceptionWidget.background#e8e8e8
  • debugIcon.breakpointCurrentStackframeForeground#806000
  • debugIcon.breakpointDisabledForeground#585858
  • debugIcon.breakpointForeground#ab4642
  • debugIcon.breakpointStackframeForeground#70452e
  • debugIcon.breakpointUnverifiedForeground#d8d8d8
  • debugIcon.continueForeground#5f7628
  • debugIcon.disconnectForeground#ab4642
  • debugIcon.pauseForeground#356f86
  • debugIcon.restartForeground#5f7628
  • debugIcon.startForeground#5f7628
  • debugIcon.stepBackForeground#70452e
  • debugIcon.stepIntoForeground#39756f
  • debugIcon.stepOutForeground#805478
  • debugIcon.stepOverForeground#356f86
  • debugIcon.stopForeground#ab4642
  • debugTokenExpression.boolean#dc9656
  • debugTokenExpression.error#ab4642
  • debugTokenExpression.name#ba8baf
  • debugTokenExpression.number#dc9656
  • debugTokenExpression.string#a1b56c
  • debugTokenExpression.value#383838
  • debugToolBar.background#e8e8e8
  • debugView.stateLabelBackground#7cafc2
  • debugView.stateLabelForeground#181818
  • debugView.valueChangedHighlight#356f86
  • descriptionForeground#585858
  • diffEditor.diagonalFill#d8d8d8
  • diffEditor.insertedTextBackground#a1b56c20
  • diffEditor.removedTextBackground#ab464220
  • disabledForeground#707070
  • dropdown.background#e8e8e8
  • dropdown.border#d8d8d8
  • dropdown.foreground#383838
  • dropdown.listBackground#f8f8f8
  • editor.background#f4f4f4
  • editor.findMatchBackground#f7ca8866
  • editor.findMatchHighlightBackground#dc965640
  • editor.findRangeHighlightBackground#e8e8e86f
  • editor.foreground#282828
  • editor.hoverHighlightBackground#d8d8d86f
  • editor.inactiveSelectionBackground#e8e8e8
  • editor.lineHighlightBackground#e8e8e880
  • editor.rangeHighlightBackground#e8e8e86f
  • editor.selectionBackground#d8d8d8
  • editor.selectionHighlightBackground#e8e8e8
  • editor.snippetFinalTabstopHighlightBackground#b8b8b8
  • editor.snippetTabstopHighlightBackground#d8d8d8
  • editor.wordHighlightBackground#86c1b91f
  • editor.wordHighlightStrongBackground#86c1b933
  • editorBracketHighlight.foreground1#585858
  • editorBracketHighlight.foreground2#585858
  • editorBracketHighlight.foreground3#585858
  • editorBracketHighlight.foreground4#585858
  • editorBracketHighlight.foreground5#585858
  • editorBracketHighlight.foreground6#585858
  • editorBracketHighlight.unexpectedBracket.foreground#ab4642
  • editorBracketMatch.background#7cafc226
  • editorBracketMatch.border#356f86
  • editorCodeLens.foreground#8a8a8a
  • editorCursor.foreground#383838
  • editorError.foreground#ab4642
  • editorGroup.background#f8f8f8
  • editorGroup.border#d8d8d8
  • editorGroup.dropBackground#d8d8d86f
  • editorGroup.dropIntoPromptBackground#f8f8f8
  • editorGroup.dropIntoPromptForeground#282828
  • editorGroup.emptyBackground#f8f8f8
  • editorGroup.focusedEmptyBorder#356f86
  • editorGroupHeader.noTabsBackground#e8e8e8
  • editorGroupHeader.tabsBackground#f8f8f8
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#a1b56c
  • editorGutter.background#f4f4f4
  • editorGutter.commentRangeForeground#585858
  • editorGutter.deletedBackground#ab4642
  • editorGutter.foldingControlForeground#383838
  • editorGutter.modifiedBackground#ba8baf
  • editorHint.foreground#356f86
  • editorHoverWidget.background#f8f8f8
  • editorHoverWidget.border#d8d8d8
  • editorHoverWidget.foreground#383838
  • editorIndentGuide.activeBackground#585858
  • editorIndentGuide.activeBackground1#b8b8b8
  • editorIndentGuide.background#b8b8b8
  • editorIndentGuide.background1#d8d8d8
  • editorInfo.foreground#39756f
  • editorInlayHint.background#00000000
  • editorInlayHint.foreground#8a8a8a
  • editorInlayHint.parameterBackground#00000000
  • editorInlayHint.parameterForeground#8a8a8a
  • editorInlayHint.typeBackground#00000000
  • editorInlayHint.typeForeground#8a8a8a
  • editorLightBulb.foreground#806000
  • editorLightBulbAutoFix.foreground#356f86
  • editorLineNumber.activeForeground#585858
  • editorLineNumber.foreground#8a8a8a
  • editorLink.activeForeground#356f86
  • editorMarkerNavigation.background#e8e8e8
  • editorMarkerNavigationError.background#ab4642
  • editorMarkerNavigationError.headerBackground#ab464220
  • editorMarkerNavigationInfo.background#7cafc2
  • editorMarkerNavigationInfo.headerBackground#86c1b920
  • editorMarkerNavigationWarning.background#f7ca88
  • editorMarkerNavigationWarning.headerBackground#f7ca8820
  • editorOverviewRuler.addedForeground#5f7628
  • editorOverviewRuler.bracketMatchForeground#282828
  • editorOverviewRuler.commonContentForeground#70452e
  • editorOverviewRuler.currentContentForeground#356f86
  • editorOverviewRuler.deletedForeground#ab4642
  • editorOverviewRuler.errorForeground#ab4642
  • editorOverviewRuler.findMatchForeground#f7ca886f
  • editorOverviewRuler.incomingContentForeground#5f7628
  • editorOverviewRuler.infoForeground#39756f
  • editorOverviewRuler.modifiedForeground#805478
  • editorOverviewRuler.rangeHighlightForeground#b8b8b86f
  • editorOverviewRuler.selectionHighlightForeground#d8d8d86f
  • editorOverviewRuler.warningForeground#806000
  • editorOverviewRuler.wordHighlightForeground#1818186f
  • editorOverviewRuler.wordHighlightStrongForeground#7cafc26f
  • editorPane.background#f4f4f4
  • editorRuler.foreground#e8e8e8
  • editorSuggestWidget.background#e8e8e8
  • editorSuggestWidget.border#d8d8d8
  • editorSuggestWidget.focusHighlightForeground#181818
  • editorSuggestWidget.foreground#383838
  • editorSuggestWidget.highlightForeground#356f86
  • editorSuggestWidget.selectedBackground#d8d8d8
  • editorSuggestWidget.selectedForeground#282828
  • editorWarning.foreground#806000
  • editorWhitespace.foreground#d8d8d8
  • editorWidget.background#f8f8f8
  • editorWidget.border#d8d8d8
  • editorWidget.foreground#383838
  • errorForeground#ab4642
  • errorLens.errorBackground#ab464220
  • errorLens.errorBackgroundLight#ab464220
  • errorLens.errorForeground#ab4642
  • errorLens.errorForegroundLight#ab4642
  • errorLens.errorMessageBackground#ab464219
  • errorLens.errorRangeBackground#ab464219
  • errorLens.hintBackground#356f8620
  • errorLens.hintBackgroundLight#356f8620
  • errorLens.hintForeground#356f86
  • errorLens.hintForegroundLight#356f86
  • errorLens.hintMessageBackground#356f8619
  • errorLens.hintRangeBackground#356f8619
  • errorLens.infoBackground#39756f20
  • errorLens.infoBackgroundLight#39756f20
  • errorLens.infoForeground#39756f
  • errorLens.infoForegroundLight#39756f
  • errorLens.infoMessageBackground#39756f19
  • errorLens.infoRangeBackground#39756f19
  • errorLens.statusBarErrorForeground#ab4642
  • errorLens.statusBarHintForeground#356f86
  • errorLens.statusBarIconErrorForeground#ab4642
  • errorLens.statusBarIconWarningForeground#806000
  • errorLens.statusBarInfoForeground#39756f
  • errorLens.statusBarWarningForeground#806000
  • errorLens.warningBackground#80600020
  • errorLens.warningBackgroundLight#80600020
  • errorLens.warningForeground#806000
  • errorLens.warningForegroundLight#806000
  • errorLens.warningMessageBackground#80600019
  • errorLens.warningRangeBackground#80600019
  • extensionBadge.remoteBackground#dc9656
  • extensionBadge.remoteForeground#181818
  • extensionButton.prominentBackground#a1b56c
  • extensionButton.prominentForeground#181818
  • extensionButton.prominentHoverBackground#d8d8d8
  • extensionIcon.preReleaseForeground#9b521d
  • extensionIcon.starForeground#806000
  • extensionIcon.verifiedForeground#356f86
  • focusBorder#356f86
  • foreground#282828
  • gitDecoration.addedResourceForeground#5f7628
  • gitDecoration.conflictingResourceForeground#806000
  • gitDecoration.deletedResourceForeground#ab4642
  • gitDecoration.ignoredResourceForeground#b8b8b8
  • gitDecoration.modifiedResourceForeground#805478
  • gitDecoration.renamedResourceForeground#39756f
  • gitDecoration.stageDeletedResourceForeground#ab4642
  • gitDecoration.stageModifiedResourceForeground#805478
  • gitDecoration.submoduleResourceForeground#70452e
  • gitDecoration.untrackedResourceForeground#9b521d
  • icon.foreground#585858
  • input.background#e8e8e8
  • input.border#d8d8d8
  • input.foreground#383838
  • input.placeholderForeground#707070
  • inputOption.activeBackground#d8d8d8
  • inputOption.activeBorder#356f86
  • inputOption.activeForeground#383838
  • inputValidation.errorBackground#e8e8e8
  • inputValidation.errorBorder#ab4642
  • inputValidation.errorForeground#383838
  • inputValidation.infoBackground#e8e8e8
  • inputValidation.infoBorder#356f86
  • inputValidation.infoForeground#383838
  • inputValidation.warningBackground#e8e8e8
  • inputValidation.warningBorder#806000
  • inputValidation.warningForeground#383838
  • keybindingLabel.background#d8d8d8
  • keybindingLabel.foreground#383838
  • keybindingTable.headerBackground#d8d8d8
  • keybindingTable.rowsBackground#e8e8e8
  • list.activeSelectionBackground#e8e8e8
  • list.activeSelectionForeground#181818
  • list.dropBackground#7cafc233
  • list.errorForeground#ab4642
  • list.filterMatchBackground#d8d8d8
  • list.focusAndSelectionOutline#356f86
  • list.focusBackground#e8e8e8
  • list.focusForeground#383838
  • list.focusOutline#356f86
  • list.highlightForeground#181818
  • list.hoverBackground#eeeeee
  • list.hoverForeground#383838
  • list.inactiveFocusBackground#d8d8d8
  • list.inactiveFocusOutline#356f86
  • list.inactiveSelectionBackground#eeeeee
  • list.inactiveSelectionForeground#383838
  • list.invalidItemForeground#ab4642
  • list.warningForeground#806000
  • listFilterWidget.background#f8f8f8
  • listFilterWidget.noMatchesOutline#ab4642
  • menu.background#e8e8e8
  • menu.border#d8d8d8
  • menu.foreground#383838
  • menu.selectionBackground#d8d8d8
  • menu.selectionBorder#356f86
  • menu.selectionForeground#383838
  • menu.separatorBackground#d8d8d8
  • menubar.selectionBackground#e8e8e8
  • menubar.selectionBorder#356f86
  • menubar.selectionForeground#383838
  • merge.currentContentBackground#7cafc240
  • merge.currentHeaderBackground#7cafc240
  • merge.incomingContentBackground#a1b56c60
  • merge.incomingHeaderBackground#a1b56c60
  • minimap.background#f4f4f4
  • minimap.errorHighlight#ab4642
  • minimap.findMatchHighlight#f7ca886f
  • minimap.selectionHighlight#d8d8d86f
  • minimap.selectionOccurrenceHighlight#b8b8b8
  • minimap.warningHighlight#806000
  • minimapGutter.addedBackground#a1b56c
  • minimapGutter.deletedBackground#ab4642
  • minimapGutter.modifiedBackground#ba8baf
  • notebook.cellBorderColor#b8b8b8
  • notebook.cellEditorBackground#f4f4f4
  • notebook.cellHoverBackground#e8e8e8
  • notebook.cellToolbarSeparator#d8d8d8
  • notebook.editorBackground#f4f4f4
  • notebook.focusedCellBackground#d8d8d8
  • notebook.focusedCellBorder#356f86
  • notebook.focusedEditorBorder#356f86
  • notebook.inactiveFocusedCellBorder#b8b8b8
  • notebook.selectedCellBackground#d8d8d8
  • notebookStatusErrorIcon.foreground#ab4642
  • notebookStatusRunningIcon.foreground#39756f
  • notebookStatusSuccessIcon.foreground#5f7628
  • notification.background#d8d8d8
  • notification.buttonBackground#7cafc2
  • notification.buttonForeground#181818
  • notification.buttonHoverBackground#d8d8d8
  • notification.errorBackground#ab4642
  • notification.errorForeground#181818
  • notification.foreground#383838
  • notification.infoBackground#86c1b9
  • notification.infoForeground#181818
  • notification.warningBackground#f7ca88
  • notification.warningForeground#181818
  • notificationCenter.border#d8d8d8
  • notificationCenterHeader.background#e8e8e8
  • notificationCenterHeader.foreground#383838
  • notificationLink.foreground#356f86
  • notifications.background#d8d8d8
  • notifications.border#d8d8d8
  • notifications.foreground#383838
  • notificationsErrorIcon.foreground#ab4642
  • notificationsInfoIcon.foreground#356f86
  • notificationsWarningIcon.foreground#806000
  • notificationToast.border#d8d8d8
  • panel.background#f8f8f8
  • panel.dropBackground#e8e8e86f
  • panel.dropBorder#e8e8e86f
  • panelTitle.activeForeground#383838
  • panelTitle.inactiveForeground#707070
  • peekViewEditor.background#e8e8e8
  • peekViewEditor.matchHighlightBackground#dc96566f
  • peekViewEditorGutter.background#e8e8e8
  • peekViewResult.background#f8f8f8
  • peekViewResult.fileForeground#383838
  • peekViewResult.lineForeground#b8b8b8
  • peekViewResult.matchHighlightBackground#dc96566f
  • peekViewResult.selectionBackground#d8d8d8
  • peekViewResult.selectionForeground#383838
  • peekViewTitle.background#d8d8d8
  • peekViewTitleDescription.foreground#b8b8b8
  • peekViewTitleLabel.foreground#383838
  • pickerGroup.border#d8d8d8
  • pickerGroup.foreground#707070
  • ports.iconRunningProcessForeground#9b521d
  • problemsErrorIcon.foreground#ab4642
  • problemsInfoIcon.foreground#39756f
  • problemsWarningIcon.foreground#806000
  • progressBar.background#b8b8b8
  • quickInput.background#e8e8e8
  • quickInput.foreground#383838
  • quickInputList.focusBackground#d8d8d8
  • quickInputList.focusForeground#181818
  • quickInputList.focusIconForeground#181818
  • sash.hoverBorder#356f86
  • scrollbar.shadow#e8e8e8
  • scrollbarSlider.activeBackground#5858586f
  • scrollbarSlider.background#d8d8d86f
  • scrollbarSlider.hoverBackground#b8b8b86f
  • searchEditor.findMatchBackground#f7ca886f
  • selection.background#d8d8d8
  • settings.checkboxBackground#e8e8e8
  • settings.checkboxForeground#383838
  • settings.dropdownBackground#e8e8e8
  • settings.dropdownForeground#383838
  • settings.focusedRowBackground#d8d8d8
  • settings.focusedRowBorder#356f86
  • settings.headerBorder#d8d8d8
  • settings.headerForeground#383838
  • settings.modifiedItemForeground#5f7628
  • settings.modifiedItemIndicator#356f86
  • settings.numberInputBackground#e8e8e8
  • settings.numberInputForeground#383838
  • settings.rowHoverBackground#d8d8d8
  • settings.sashBorder#d8d8d8
  • settings.textInputBackground#e8e8e8
  • settings.textInputForeground#383838
  • sideBar.background#f8f8f8
  • sideBar.border#d8d8d8
  • sideBar.dropBackground#d8d8d86f
  • sideBar.foreground#383838
  • sideBarSectionHeader.background#f8f8f8
  • sideBarSectionHeader.border#d8d8d8
  • sideBarSectionHeader.foreground#383838
  • sideBarTitle.foreground#383838
  • sqltools.currentQueryBg#356f861f
  • sqltools.currentQueryOutline#356f8640
  • statusBar.background#f8f8f8
  • statusBar.border#e8e8e8
  • statusBar.debuggingBackground#dc9656
  • statusBar.debuggingForeground#181818
  • statusBar.focusBorder#356f86
  • statusBar.foreground#383838
  • statusBar.noFolderBackground#f8f8f8
  • statusBar.noFolderForeground#383838
  • statusBarItem.activeBackground#d8d8d8
  • statusBarItem.errorBackground#ab4642
  • statusBarItem.errorForeground#181818
  • statusBarItem.focusBorder#356f86
  • statusBarItem.hoverBackground#e8e8e8
  • statusBarItem.prominentBackground#f8f8f8
  • statusBarItem.prominentForeground#282828
  • statusBarItem.prominentHoverBackground#e8e8e8
  • statusBarItem.remoteBackground#f8f8f8
  • statusBarItem.remoteForeground#383838
  • statusBarItem.warningBackground#f7ca88
  • statusBarItem.warningForeground#181818
  • symbolIcon.arrayForeground#383838
  • symbolIcon.booleanForeground#9b521d
  • symbolIcon.classForeground#806000
  • symbolIcon.colorForeground#39756f
  • symbolIcon.constantForeground#9b521d
  • symbolIcon.constructorForeground#356f86
  • symbolIcon.enumeratorForeground#9b521d
  • symbolIcon.enumeratorMemberForeground#356f86
  • symbolIcon.eventForeground#806000
  • symbolIcon.fieldForeground#383838
  • symbolIcon.fileForeground#383838
  • symbolIcon.folderForeground#383838
  • symbolIcon.functionForeground#356f86
  • symbolIcon.interfaceForeground#356f86
  • symbolIcon.keyForeground#585858
  • symbolIcon.keywordForeground#805478
  • symbolIcon.methodForeground#356f86
  • symbolIcon.moduleForeground#383838
  • symbolIcon.namespaceForeground#383838
  • symbolIcon.nullForeground#70452e
  • symbolIcon.numberForeground#9b521d
  • symbolIcon.objectForeground#585858
  • symbolIcon.operatorForeground#585858
  • symbolIcon.packageForeground#585858
  • symbolIcon.propertyForeground#383838
  • symbolIcon.referenceForeground#585858
  • symbolIcon.snippetForeground#383838
  • symbolIcon.stringForeground#5f7628
  • symbolIcon.structForeground#806000
  • symbolIcon.textForeground#383838
  • symbolIcon.typeParameterForeground#806000
  • symbolIcon.unitForeground#9b521d
  • symbolIcon.variableForeground#383838
  • tab.activeBackground#e8e8e8
  • tab.activeBorder#356f86
  • tab.activeBorderTop#00000000
  • tab.activeForeground#181818
  • tab.activeModifiedBorder#9b521d
  • tab.border#00000000
  • tab.hoverBackground#e8e8e8
  • tab.inactiveBackground#f8f8f8
  • tab.inactiveForeground#707070
  • tab.inactiveModifiedBorder#b8b8b8
  • tab.unfocusedActiveBackground#f8f8f8
  • tab.unfocusedActiveBorder#7cafc280
  • tab.unfocusedActiveBorderTop#00000000
  • tab.unfocusedActiveForeground#585858
  • tab.unfocusedActiveModifiedBorder#356f86
  • tab.unfocusedHoverBackground#d8d8d8
  • tab.unfocusedInactiveForeground#707070
  • tab.unfocusedInactiveModifiedBorder#356f86
  • terminal.ansiBlack#f8f8f8
  • terminal.ansiBlue#356f86
  • terminal.ansiBrightBlack#b8b8b8
  • terminal.ansiBrightBlue#356f86
  • terminal.ansiBrightCyan#39756f
  • terminal.ansiBrightGreen#5f7628
  • terminal.ansiBrightMagenta#805478
  • terminal.ansiBrightRed#ab4642
  • terminal.ansiBrightWhite#181818
  • terminal.ansiBrightYellow#806000
  • terminal.ansiCyan#39756f
  • terminal.ansiGreen#5f7628
  • terminal.ansiMagenta#805478
  • terminal.ansiRed#ab4642
  • terminal.ansiWhite#383838
  • terminal.ansiYellow#806000
  • terminal.background#f8f8f8
  • terminal.foreground#383838
  • terminal.tab.activeBorder#356f86
  • terminalCommandDecoration.defaultBackground#707070
  • terminalCommandDecoration.errorBackground#ab4642
  • terminalCommandDecoration.successBackground#5f7628
  • terminalCursor.foreground#383838
  • terminalOverviewRuler.cursorForeground#383838
  • terminalOverviewRuler.findMatchForeground#806000
  • testing.iconErrored#70452e
  • testing.iconFailed#ab4642
  • testing.iconPassed#5f7628
  • testing.iconQueued#806000
  • testing.iconSkipped#805478
  • testing.iconUnset#585858
  • testing.message.error.decorationForeground#383838
  • testing.message.error.lineBackground#ab464220
  • testing.message.info.decorationForeground#383838
  • testing.message.info.lineBackground#7cafc220
  • testing.peekHeaderBackground#e8e8e8
  • testing.runAction#585858
  • textBlockQuote.background#e8e8e8
  • textBlockQuote.border#356f86
  • textCodeBlock.background#eeeeee
  • textLink.activeForeground#39756f
  • textLink.foreground#356f86
  • textPreformat.foreground#356f86
  • textSeparator.foreground#d8d8d8
  • titleBar.activeBackground#f8f8f8
  • titleBar.activeForeground#383838
  • titleBar.inactiveBackground#e8e8e8
  • titleBar.inactiveForeground#b8b8b8
  • toolbar.activeBackground#b8b8b8
  • toolbar.hoverBackground#d8d8d8
  • tree.inactiveIndentGuidesStroke#e8e8e8
  • tree.indentGuidesStroke#d8d8d8
  • walkThrough.embeddedEditorBackground#eeeeee
  • walkthrough.stepTitle.foreground#282828
  • welcomePage.background#f4f4f4
  • welcomePage.buttonBackground#e8e8e8
  • welcomePage.buttonHoverBackground#d8d8d8
  • welcomePage.progress.background#d8d8d8
  • welcomePage.progress.foreground#356f86
  • welcomePage.tileBackground#e8e8e8
  • welcomePage.tileBorder#b8b8b8
  • welcomePage.tileHoverBackground#d8d8d8
  • widget.shadow#f8f8f8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#707070italic
variable, string constant.other.placeholder, entity.name.variable.parameter, entity.name.variable.local, variable.parameter#ab4642
variable.other.object.property#356f86
constant.other.color#5f7628
invalid, invalid.illegal#ab4642
invalid.deprecated#70452e
keyword, storage.modifier#805478
keyword.control, keyword.control.flow, keyword.control.from, keyword.control.import, keyword.control.as#805478
keyword.other.using, keyword.other.namespace, keyword.other.class, keyword.other.new, keyword.other.event, keyword.other.this, keyword.other.await, keyword.other.var, keyword.other.package, keyword.other.import, variable.language.this, storage.type.ts#805478
keyword.type, storage.type.primitive#39756f
storage.type.function#356f86
constant.other.color, punctuation, punctuation.section.class.end, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, keyword.other.template, keyword.other.substitution#383838
punctuation.section.embedded, variable.interpolation#70452e
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#ab4642
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#356f86
meta.block variable.other#ab4642
support.other.variable, string.other.link#ab4642
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other#9b521d
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#5f7628
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#806000
storage.type, storage.modifier.package, storage.modifier.import#806000
entity.name.variable.field#356f86
support.type#39756f
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#39756f
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#ab4642
variable.language#ab4642italic
entity.name.method.js#356f86italic
meta.class-method.js entity.name.function.js, variable.function.constructor#356f86
entity.other.attribute-name#356f86
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#806000italic
entity.other.attribute-name.class#806000
source.sass keyword.control#356f86
markup.inserted#5f7628
markup.deleted#ab4642
markup.changed#805478
string.regexp#39756f
constant.character.escape#39756f
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#356f86italic
source.js constant.other.object.key.js string.unquoted.label.js#805478italic
source.json meta.structure.dictionary.json support.type.property-name.json#356f86
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#356f86
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#356f86
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#356f86
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#356f86
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#356f86
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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#356f86
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 meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#356f86
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 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#356f86
text.html.markdown, punctuation.definition.list_item.markdown#383838
text.html.markdown markup.inline.raw.markdown#805478
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#39756f
text.html.markdown meta.dummy.line-break#707070
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#356f86
markup.italic#ab4642italic
markup.bold, markup.bold string#ab4642bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#ab4642bold
markup.underline#9b521dunderline
markup.quote punctuation.definition.blockquote.markdown#39756f
markup.quoteitalic
string.other.link.title.markdown#356f86
string.other.link.description.title.markdown#805478
constant.other.reference.link.markdown#806000
markup.raw.block#805478
markup.raw.block.fenced.markdown#707070
punctuation.definition.fenced.markdown#707070
markup.raw.block.fenced.markdown, variable.language.fenced.markdown#805478
variable.language.fenced.markdown#ab4642
meta.separator#39756fbold
markup.table#805478
token.info-token#356f86
token.warn-token#806000
token.error-token#ab4642
token.debug-token#805478
Base16 Default Themes by ddnomad - VS Code Theme