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#fafafa40
  • activityBar.activeBorder#3264eb
  • activityBar.background#fafafa
  • activityBar.border#fafafa
  • activityBar.dropBorder#3264eb
  • activityBar.foreground#212121
  • activityBar.inactiveForeground#757575
  • activityBarBadge.background#3264eb
  • activityBarBadge.foreground#fafafa
  • badge.background#3264eb
  • badge.foreground#fafafa
  • banner.background#3264eb20
  • banner.foreground#212121
  • banner.iconForeground#3264eb
  • breadcrumb.activeSelectionForeground#212121
  • breadcrumb.background#fafafa
  • breadcrumb.focusForeground#212121
  • breadcrumb.foreground#757575
  • breadcrumbPicker.background#fafafa
  • button.background#3264eb
  • button.border#3264eb20
  • button.foreground#fafafa
  • button.hoverBackground#3264eb
  • button.secondaryBackground#757575
  • button.secondaryForeground#212121
  • button.secondaryHoverBackground#fafafa
  • charts.blue#3264eb
  • charts.foreground#212121
  • charts.green#026fde
  • charts.lines#757575
  • charts.orange#d126cd
  • charts.purple#8a4ad7
  • charts.red#c900c4
  • charts.yellow#026fde
  • chat.requestBackground#fafafa
  • chat.requestBorder#757575
  • checkbox.background#fafafa
  • checkbox.border#757575
  • checkbox.foreground#212121
  • checkbox.selectBackground#3264eb
  • checkbox.selectBorder#3264eb
  • commandCenter.activeBackground#757575
  • commandCenter.activeBorder#3264eb
  • commandCenter.activeForeground#212121
  • commandCenter.background#fafafa
  • commandCenter.border#757575
  • commandCenter.debuggingBackground#026fde20
  • commandCenter.foreground#212121
  • commandCenter.inactiveBorder#757575
  • commandCenter.inactiveForeground#757575
  • commentsView.resolvedIcon#026fde
  • commentsView.unresolvedIcon#026fde
  • debugConsole.errorForeground#c900c4
  • debugConsole.infoForeground#3264eb
  • debugConsole.sourceForeground#212121
  • debugConsole.warningForeground#026fde
  • debugConsoleInputIcon.foreground#3264eb
  • debugExceptionWidget.background#c900c420
  • debugExceptionWidget.border#c900c4
  • debugIcon.breakpointCurrentStackframeForeground#026fde
  • debugIcon.breakpointDisabledForeground#757575
  • debugIcon.breakpointForeground#c900c4
  • debugIcon.breakpointStackframeForeground#026fde
  • debugIcon.breakpointUnverifiedForeground#026fde
  • debugIcon.continueForeground#026fde
  • debugIcon.disconnectForeground#c900c4
  • debugIcon.pauseForeground#026fde
  • debugIcon.restartForeground#026fde
  • debugIcon.startForeground#026fde
  • debugIcon.stepBackForeground#026fde
  • debugIcon.stepIntoForeground#0c67de
  • debugIcon.stepOutForeground#8a4ad7
  • debugIcon.stepOverForeground#3264eb
  • debugIcon.stopForeground#c900c4
  • debugTokenExpression.boolean#d126cd
  • debugTokenExpression.error#c900c4
  • debugTokenExpression.name#8a4ad7
  • debugTokenExpression.number#d126cd
  • debugTokenExpression.string#026fde
  • debugTokenExpression.value#212121
  • debugToolBar.background#fafafa
  • debugToolBar.border#757575
  • debugView.exceptionLabelBackground#c900c4
  • debugView.exceptionLabelForeground#fafafa
  • debugView.stateLabelBackground#3264eb30
  • debugView.stateLabelForeground#212121
  • debugView.valueChangedHighlight#0c67de40
  • descriptionForeground#757575
  • diffEditor.diagonalFill#75757530
  • diffEditor.insertedLineBackground#026fde15
  • diffEditor.insertedTextBackground#026fde20
  • diffEditor.insertedTextBorder#026fde00
  • diffEditor.move.border#0c67de80
  • diffEditor.moveActive.border#0c67de
  • diffEditor.removedLineBackground#c900c415
  • diffEditor.removedTextBackground#c900c420
  • diffEditor.removedTextBorder#c900c400
  • diffEditor.unchangedCodeBackground#fafafa40
  • diffEditor.unchangedRegionBackground#fafafa
  • diffEditor.unchangedRegionForeground#757575
  • diffEditorGutter.insertedLineBackground#026fde30
  • diffEditorGutter.removedLineBackground#c900c430
  • diffEditorOverview.insertedForeground#026fde80
  • diffEditorOverview.removedForeground#c900c480
  • disabledForeground#191919
  • dropdown.background#fafafa
  • dropdown.border#757575
  • dropdown.foreground#212121
  • dropdown.listBackground#fafafa
  • editor.background#fafafa
  • editor.findMatchBackground#026fde40
  • editor.findMatchBorder#026fde
  • editor.findMatchHighlightBackground#026fde25
  • editor.findMatchHighlightBorder#026fde60
  • editor.findRangeHighlightBackground#3264eb15
  • editor.findRangeHighlightBorder#3264eb30
  • editor.foreground#212121
  • editor.hoverHighlightBackground#3264eb20
  • editor.inactiveSelectionBackground#21212130
  • editor.lineHighlightBackground#fafafa60
  • editor.lineHighlightBorder#fafafa00
  • editor.rangeHighlightBackground#3264eb10
  • editor.rangeHighlightBorder#3264eb20
  • editor.selectionBackground#21212160
  • editor.selectionForeground#fafafa
  • editor.selectionHighlightBackground#3264eb20
  • editor.selectionHighlightBorder#3264eb40
  • editor.snippetFinalTabstopHighlightBackground#026fde20
  • editor.snippetFinalTabstopHighlightBorder#026fde40
  • editor.snippetTabstopHighlightBackground#3264eb20
  • editor.snippetTabstopHighlightBorder#3264eb40
  • editor.symbolHighlightBackground#3264eb20
  • editor.symbolHighlightBorder#3264eb40
  • editor.wordHighlightBackground#3264eb20
  • editor.wordHighlightBorder#3264eb40
  • editor.wordHighlightStrongBackground#3264eb30
  • editor.wordHighlightStrongBorder#3264eb60
  • editor.wordHighlightTextBackground#3264eb15
  • editor.wordHighlightTextBorder#3264eb30
  • editorBracketHighlight.foreground1#3264eb
  • editorBracketHighlight.foreground2#026fde
  • editorBracketHighlight.foreground3#026fde
  • editorBracketHighlight.foreground4#0c67de
  • editorBracketHighlight.foreground5#8a4ad7
  • editorBracketHighlight.foreground6#d126cd
  • editorBracketHighlight.unexpectedBracket.foreground#c900c4
  • editorBracketMatch.background#3264eb30
  • editorBracketMatch.border#3264eb
  • editorBracketPairGuide.activeBackground1#3264eb60
  • editorBracketPairGuide.activeBackground2#026fde60
  • editorBracketPairGuide.activeBackground3#026fde60
  • editorBracketPairGuide.activeBackground4#0c67de60
  • editorBracketPairGuide.activeBackground5#8a4ad760
  • editorBracketPairGuide.activeBackground6#d126cd60
  • editorBracketPairGuide.background1#3264eb30
  • editorBracketPairGuide.background2#026fde30
  • editorBracketPairGuide.background3#026fde30
  • editorBracketPairGuide.background4#0c67de30
  • editorBracketPairGuide.background5#8a4ad730
  • editorBracketPairGuide.background6#d126cd30
  • editorCodeLens.foreground#757575
  • editorCommentsWidget.rangeActiveBackground#3264eb20
  • editorCommentsWidget.rangeBackground#3264eb10
  • editorCommentsWidget.resolvedBorder#026fde
  • editorCommentsWidget.unresolvedBorder#026fde
  • editorCursor.background#fafafa
  • editorCursor.foreground#212121
  • editorError.background#c900c415
  • editorError.border#c900c400
  • editorError.foreground#c900c4
  • editorGhostText.background#75757510
  • editorGhostText.border#75757500
  • editorGhostText.foreground#757575
  • editorGroup.border#75757540
  • editorGroup.dropBackground#3264eb20
  • editorGroup.dropIntoPromptBackground#fafafa
  • editorGroup.dropIntoPromptBorder#3264eb
  • editorGroup.dropIntoPromptForeground#212121
  • editorGroup.emptyBackground#fafafa
  • editorGroupHeader.border#fafafa
  • editorGroupHeader.noTabsBackground#fafafa
  • editorGroupHeader.tabsBackground#fafafa
  • editorGroupHeader.tabsBorder#fafafa
  • editorGutter.addedBackground#026fde
  • editorGutter.background#fafafa
  • editorGutter.commentGlyphForeground#3264eb
  • editorGutter.commentRangeForeground#757575
  • editorGutter.commentUnresolvedGlyphForeground#026fde
  • editorGutter.deletedBackground#c900c4
  • editorGutter.foldingControlForeground#757575
  • editorGutter.modifiedBackground#d126cd
  • editorHint.border#0c67de00
  • editorHint.foreground#0c67de
  • editorHoverWidget.background#fafafa
  • editorHoverWidget.border#757575
  • editorHoverWidget.foreground#212121
  • editorHoverWidget.highlightForeground#3264eb
  • editorHoverWidget.statusBarBackground#75757530
  • editorIndentGuide.activeBackground1#75757580
  • editorIndentGuide.activeBackground2#75757580
  • editorIndentGuide.activeBackground3#75757580
  • editorIndentGuide.activeBackground4#75757580
  • editorIndentGuide.activeBackground5#75757580
  • editorIndentGuide.activeBackground6#75757580
  • editorIndentGuide.background1#75757530
  • editorIndentGuide.background2#75757530
  • editorIndentGuide.background3#75757530
  • editorIndentGuide.background4#75757530
  • editorIndentGuide.background5#75757530
  • editorIndentGuide.background6#75757530
  • editorInfo.background#3264eb15
  • editorInfo.border#3264eb00
  • editorInfo.foreground#3264eb
  • editorInlayHint.background#75757530
  • editorInlayHint.foreground#757575
  • editorInlayHint.parameterBackground#b363ff15
  • editorInlayHint.parameterForeground#b363ff
  • editorInlayHint.typeBackground#026fde15
  • editorInlayHint.typeForeground#026fde
  • editorLightBulb.foreground#026fde
  • editorLightBulbAi.foreground#8a4ad7
  • editorLightBulbAutoFix.foreground#026fde
  • editorLineNumber.activeForeground#212121
  • editorLineNumber.dimmedForeground#75757580
  • editorLineNumber.foreground#757575
  • editorLink.activeForeground#3264eb
  • editorMarkerNavigation.background#fafafa
  • editorMarkerNavigationError.background#c900c420
  • editorMarkerNavigationError.headerBackground#c900c415
  • editorMarkerNavigationInfo.background#3264eb20
  • editorMarkerNavigationInfo.headerBackground#3264eb15
  • editorMarkerNavigationWarning.background#026fde20
  • editorMarkerNavigationWarning.headerBackground#026fde15
  • editorOverviewRuler.addedForeground#026fde80
  • editorOverviewRuler.background#fafafa
  • editorOverviewRuler.border#75757520
  • editorOverviewRuler.bracketMatchForeground#3264eb
  • editorOverviewRuler.commonContentForeground#757575
  • editorOverviewRuler.currentContentForeground#0c67de
  • editorOverviewRuler.deletedForeground#c900c480
  • editorOverviewRuler.errorForeground#c900c4
  • editorOverviewRuler.findMatchForeground#026fde80
  • editorOverviewRuler.incomingContentForeground#026fde
  • editorOverviewRuler.infoForeground#3264eb
  • editorOverviewRuler.modifiedForeground#d126cd80
  • editorOverviewRuler.rangeHighlightForeground#3264eb60
  • editorOverviewRuler.selectionHighlightForeground#3264eb80
  • editorOverviewRuler.warningForeground#026fde
  • editorOverviewRuler.wordHighlightForeground#3264eb60
  • editorOverviewRuler.wordHighlightStrongForeground#3264eb80
  • editorOverviewRuler.wordHighlightTextForeground#3264eb40
  • editorPane.background#fafafa
  • editorRuler.foreground#75757540
  • editorStickyScroll.background#fafafa
  • editorStickyScrollHover.background#75757540
  • editorSuggestWidget.background#fafafa
  • editorSuggestWidget.border#757575
  • editorSuggestWidget.focusHighlightForeground#3264eb
  • editorSuggestWidget.foreground#212121
  • editorSuggestWidget.highlightForeground#3264eb
  • editorSuggestWidget.selectedBackground#3264eb30
  • editorSuggestWidget.selectedForeground#212121
  • editorSuggestWidget.selectedIconForeground#212121
  • editorSuggestWidgetStatus.foreground#757575
  • editorUnnecessaryCode.border#757575
  • editorUnnecessaryCode.opacity#fafafa80
  • editorWarning.background#026fde15
  • editorWarning.border#026fde00
  • editorWarning.foreground#026fde
  • editorWatermark.foreground#757575
  • editorWhitespace.foreground#75757560
  • editorWidget.background#fafafa
  • editorWidget.border#757575
  • editorWidget.foreground#212121
  • editorWidget.resizeBorder#3264eb
  • errorForeground#c900c4
  • extensionBadge.remoteBackground#3264eb
  • extensionBadge.remoteForeground#fafafa
  • extensionButton.background#757575
  • extensionButton.foreground#212121
  • extensionButton.hoverBackground#75757580
  • extensionButton.prominentBackground#3264eb
  • extensionButton.prominentForeground#fafafa
  • extensionButton.prominentHoverBackground#3264eb80
  • extensionButton.separator#fafafa
  • extensionIcon.preReleaseForeground#026fde
  • extensionIcon.sponsorForeground#8a4ad7
  • extensionIcon.starForeground#026fde
  • extensionIcon.verifiedForeground#0c67de
  • focusBorder#3264eb80
  • foreground#212121
  • gitDecoration.addedResourceForeground#026fde
  • gitDecoration.conflictingResourceForeground#026fde
  • gitDecoration.deletedResourceForeground#c900c4
  • gitDecoration.ignoredResourceForeground#757575
  • gitDecoration.modifiedResourceForeground#d126cd
  • gitDecoration.renamedResourceForeground#0c67de
  • gitDecoration.stageDeletedResourceForeground#c900c4
  • gitDecoration.stageModifiedResourceForeground#d126cd
  • gitDecoration.submoduleResourceForeground#8a4ad7
  • gitDecoration.untrackedResourceForeground#026fde
  • icon.foreground#212121
  • inlineChat.background#fafafa
  • inlineChat.border#757575
  • inlineChat.shadow#fafafa80
  • inlineChatDiff.inserted#026fde20
  • inlineChatDiff.removed#c900c420
  • inlineChatInput.background#fafafa
  • inlineChatInput.border#757575
  • inlineChatInput.focusBorder#3264eb
  • inlineChatInput.placeholderForeground#757575
  • input.background#fafafa
  • input.border#757575
  • input.foreground#212121
  • input.placeholderForeground#757575
  • inputOption.activeBackground#3264eb40
  • inputOption.activeBorder#3264eb
  • inputOption.activeForeground#212121
  • inputOption.hoverBackground#757575
  • inputValidation.errorBackground#c900c420
  • inputValidation.errorBorder#c900c4
  • inputValidation.errorForeground#c900c4
  • inputValidation.infoBackground#3264eb20
  • inputValidation.infoBorder#3264eb
  • inputValidation.infoForeground#3264eb
  • inputValidation.warningBackground#026fde20
  • inputValidation.warningBorder#026fde
  • inputValidation.warningForeground#026fde
  • keybindingLabel.background#75757540
  • keybindingLabel.border#757575
  • keybindingLabel.bottomBorder#757575
  • keybindingLabel.foreground#212121
  • keybindingTable.headerBackground#fafafa
  • keybindingTable.rowsBackground#fafafa40
  • list.activeSelectionBackground#3264eb30
  • list.activeSelectionForeground#212121
  • list.activeSelectionIconForeground#212121
  • list.dropBackground#3264eb20
  • list.errorForeground#c900c4
  • list.filterMatchBackground#3264eb30
  • list.filterMatchBorder#3264eb
  • list.focusBackground#3264eb20
  • list.focusForeground#212121
  • list.focusOutline#3264eb60
  • list.highlightForeground#3264eb
  • list.hoverBackground#fafafa
  • list.hoverForeground#212121
  • list.inactiveFocusBackground#75757540
  • list.inactiveFocusOutline#757575
  • list.inactiveSelectionBackground#75757540
  • list.inactiveSelectionForeground#212121
  • list.invalidItemForeground#c900c4
  • list.warningForeground#026fde
  • listFilterWidget.background#fafafa
  • listFilterWidget.noMatchesOutline#c900c4
  • listFilterWidget.outline#3264eb
  • menu.background#fafafa
  • menu.border#757575
  • menu.foreground#212121
  • menu.selectionBackground#3264eb30
  • menu.selectionBorder#3264eb00
  • menu.selectionForeground#212121
  • menu.separatorBackground#757575
  • menubar.selectionBackground#3264eb30
  • menubar.selectionBorder#3264eb00
  • menubar.selectionForeground#212121
  • merge.border#757575
  • merge.commonContentBackground#75757520
  • merge.commonHeaderBackground#75757540
  • merge.currentContentBackground#0c67de20
  • merge.currentHeaderBackground#0c67de40
  • merge.incomingContentBackground#026fde20
  • merge.incomingHeaderBackground#026fde40
  • mergeEditor.change.background#3264eb15
  • mergeEditor.change.word.background#3264eb30
  • mergeEditor.changeBase.background#75757520
  • mergeEditor.changeBase.word.background#75757540
  • mergeEditor.conflict.handled.minimapOverViewRuler#026fde
  • mergeEditor.conflict.handledUnfocused.border#026fde80
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#026fde
  • mergeEditor.conflict.unhandledUnfocused.border#026fde80
  • mergeEditor.conflictingLines.background#026fde15
  • minimap.background#fafafa
  • minimap.errorHighlight#c900c4
  • minimap.findMatchHighlight#3264eb80
  • minimap.foregroundOpacity#fafafac0
  • minimap.selectionHighlight#3264eb60
  • minimap.selectionOccurrenceHighlight#3264eb40
  • minimap.warningHighlight#026fde
  • minimapGutter.addedBackground#026fde
  • minimapGutter.deletedBackground#c900c4
  • minimapGutter.modifiedBackground#d126cd
  • minimapSlider.activeBackground#75757560
  • minimapSlider.background#75757520
  • minimapSlider.hoverBackground#75757540
  • notebook.cellBorderColor#75757540
  • notebook.cellEditorBackground#fafafa
  • notebook.cellHoverBackground#fafafa40
  • notebook.cellInsertionIndicator#3264eb
  • notebook.cellStatusBarItemHoverBackground#757575
  • notebook.cellToolbarSeparator#757575
  • notebook.editorBackground#fafafa
  • notebook.focusedCellBackground#fafafa60
  • notebook.focusedCellBorder#3264eb
  • notebook.focusedEditorBorder#3264eb
  • notebook.inactiveFocusedCellBorder#757575
  • notebook.inactiveSelectedCellBorder#757575
  • notebook.outputContainerBackgroundColor#fafafa
  • notebook.outputContainerBorderColor#75757540
  • notebook.selectedCellBackground#3264eb15
  • notebook.selectedCellBorder#3264eb40
  • notebook.symbolHighlightBackground#3264eb20
  • notebookEditorOverviewRuler.runningCellForeground#3264eb
  • notebookStatusErrorIcon.foreground#c900c4
  • notebookStatusRunningIcon.foreground#3264eb
  • notebookStatusSuccessIcon.foreground#026fde
  • notificationCenter.border#757575
  • notificationCenterHeader.background#fafafa
  • notificationCenterHeader.foreground#212121
  • notificationLink.foreground#3264eb
  • notifications.background#fafafa
  • notifications.border#757575
  • notifications.foreground#212121
  • notificationsErrorIcon.foreground#c900c4
  • notificationsInfoIcon.foreground#3264eb
  • notificationsWarningIcon.foreground#026fde
  • notificationToast.border#757575
  • outputView.background#fafafa
  • outputViewStickyScroll.background#fafafa
  • panel.background#fafafa
  • panel.border#75757540
  • panel.dropBorder#3264eb
  • panelInput.border#757575
  • panelSection.border#75757540
  • panelSection.dropBackground#3264eb20
  • panelSectionHeader.background#fafafa
  • panelSectionHeader.border#75757540
  • panelSectionHeader.foreground#212121
  • panelTitle.activeBorder#3264eb
  • panelTitle.activeForeground#212121
  • panelTitle.inactiveForeground#757575
  • peekView.border#3264eb
  • peekViewEditor.background#fafafa
  • peekViewEditor.matchHighlightBackground#026fde30
  • peekViewEditor.matchHighlightBorder#026fde
  • peekViewEditorGutter.background#fafafa
  • peekViewResult.background#fafafa
  • peekViewResult.fileForeground#212121
  • peekViewResult.lineForeground#757575
  • peekViewResult.matchHighlightBackground#026fde30
  • peekViewResult.selectionBackground#3264eb30
  • peekViewResult.selectionForeground#212121
  • peekViewTitle.background#fafafa
  • peekViewTitleDescription.foreground#757575
  • peekViewTitleLabel.foreground#212121
  • pickerGroup.border#757575
  • pickerGroup.foreground#3264eb
  • ports.iconRunningProcessForeground#3264eb
  • problemsErrorIcon.foreground#c900c4
  • problemsInfoIcon.foreground#3264eb
  • problemsWarningIcon.foreground#026fde
  • progressBar.background#3264eb
  • quickInput.background#fafafa
  • quickInput.foreground#212121
  • quickInputList.focusBackground#3264eb30
  • quickInputList.focusForeground#212121
  • quickInputList.focusIconForeground#212121
  • quickInputTitle.background#fafafa
  • sash.hoverBorder#3264eb
  • scrollbar.shadow#fafafa
  • scrollbarSlider.activeBackground#3264eb80
  • scrollbarSlider.background#75757540
  • scrollbarSlider.hoverBackground#75757580
  • searchEditor.findMatchBackground#026fde40
  • searchEditor.findMatchBorder#026fde
  • selection.background#21212180
  • settings.checkboxBackground#fafafa
  • settings.checkboxBorder#757575
  • settings.checkboxForeground#212121
  • settings.dropdownBackground#fafafa
  • settings.dropdownBorder#757575
  • settings.dropdownForeground#212121
  • settings.dropdownListBorder#757575
  • settings.focusedRowBackground#3264eb10
  • settings.focusedRowBorder#3264eb40
  • settings.headerBorder#757575
  • settings.headerForeground#212121
  • settings.modifiedItemIndicator#3264eb
  • settings.numberInputBackground#fafafa
  • settings.numberInputBorder#757575
  • settings.numberInputForeground#212121
  • settings.rowHoverBackground#fafafa
  • settings.sashBorder#757575
  • settings.settingsHeaderHoverForeground#3264eb
  • settings.textInputBackground#fafafa
  • settings.textInputBorder#757575
  • settings.textInputForeground#212121
  • sideBar.background#fafafa
  • sideBar.border#fafafa
  • sideBar.dropBackground#3264eb20
  • sideBar.foreground#212121
  • sideBarSectionHeader.background#fafafa
  • sideBarSectionHeader.border#75757540
  • sideBarSectionHeader.foreground#212121
  • sideBarTitle.foreground#212121
  • statusBar.background#fafafa
  • statusBar.border#fafafa
  • statusBar.debuggingBackground#026fde
  • statusBar.debuggingBorder#026fde
  • statusBar.debuggingForeground#fafafa
  • statusBar.focusBorder#3264eb
  • statusBar.foreground#212121
  • statusBar.noFolderBackground#fafafa
  • statusBar.noFolderBorder#fafafa
  • statusBar.noFolderForeground#212121
  • statusBarItem.activeBackground#757575
  • statusBarItem.compactHoverBackground#757575
  • statusBarItem.errorBackground#c900c4
  • statusBarItem.errorForeground#fafafa
  • statusBarItem.errorHoverBackground#c900c480
  • statusBarItem.focusBorder#3264eb
  • statusBarItem.hoverBackground#75757560
  • statusBarItem.hoverForeground#212121
  • statusBarItem.prominentBackground#3264eb
  • statusBarItem.prominentForeground#212121
  • statusBarItem.prominentHoverBackground#3264eb80
  • statusBarItem.remoteBackground#3264eb
  • statusBarItem.remoteForeground#fafafa
  • statusBarItem.remoteHoverBackground#3264eb80
  • statusBarItem.warningBackground#026fde
  • statusBarItem.warningForeground#fafafa
  • statusBarItem.warningHoverBackground#026fde80
  • symbolIcon.arrayForeground#d126cd
  • symbolIcon.booleanForeground#d126cd
  • symbolIcon.classForeground#026fde
  • symbolIcon.colorForeground#0c67de
  • symbolIcon.constantForeground#358fff
  • symbolIcon.constructorForeground#3264eb
  • symbolIcon.enumeratorForeground#026fde
  • symbolIcon.enumeratorMemberForeground#d126cd
  • symbolIcon.eventForeground#026fde
  • symbolIcon.fieldForeground#212121
  • symbolIcon.fileForeground#212121
  • symbolIcon.folderForeground#212121
  • symbolIcon.functionForeground#3264eb
  • symbolIcon.interfaceForeground#026fde
  • symbolIcon.keyForeground#b363ff
  • symbolIcon.keywordForeground#b363ff
  • symbolIcon.methodForeground#3264eb
  • symbolIcon.moduleForeground#026fde
  • symbolIcon.namespaceForeground#3264eb
  • symbolIcon.nullForeground#d126cd
  • symbolIcon.numberForeground#d126cd
  • symbolIcon.objectForeground#026fde
  • symbolIcon.operatorForeground#5482ff
  • symbolIcon.packageForeground#026fde
  • symbolIcon.propertyForeground#212121
  • symbolIcon.referenceForeground#b363ff
  • symbolIcon.snippetForeground#026fde
  • symbolIcon.stringForeground#026fde
  • symbolIcon.structForeground#026fde
  • symbolIcon.textForeground#212121
  • symbolIcon.typeParameterForeground#026fde
  • symbolIcon.unitForeground#d126cd
  • symbolIcon.variableForeground#b363ff
  • tab.activeBackground#fafafa
  • tab.activeBorder#3264eb
  • tab.activeBorderTop#3264eb
  • tab.activeForeground#212121
  • tab.activeModifiedBorder#026fde
  • tab.border#fafafa
  • tab.hoverBackground#75757540
  • tab.hoverBorder#3264eb40
  • tab.hoverForeground#212121
  • tab.inactiveBackground#fafafa
  • tab.inactiveForeground#757575
  • tab.inactiveModifiedBorder#026fde80
  • tab.lastPinnedBorder#757575
  • tab.unfocusedActiveBackground#fafafa
  • tab.unfocusedActiveBorder#757575
  • tab.unfocusedActiveBorderTop#757575
  • tab.unfocusedActiveForeground#212121
  • tab.unfocusedActiveModifiedBorder#026fde80
  • tab.unfocusedHoverBackground#75757540
  • tab.unfocusedInactiveForeground#757575
  • tab.unfocusedInactiveModifiedBorder#026fde60
  • terminal.ansiBlack#fafafa
  • terminal.ansiBlue#3264eb
  • terminal.ansiBrightBlack#757575
  • terminal.ansiBrightBlue#5482ff
  • terminal.ansiBrightCyan#3986ff
  • terminal.ansiBrightGreen#358fff
  • terminal.ansiBrightMagenta#b363ff
  • terminal.ansiBrightRed#f930fb
  • terminal.ansiBrightWhite#595959
  • terminal.ansiBrightYellow#358fff
  • terminal.ansiCyan#0c67de
  • terminal.ansiGreen#026fde
  • terminal.ansiMagenta#8a4ad7
  • terminal.ansiRed#c900c4
  • terminal.ansiWhite#212121
  • terminal.ansiYellow#026fde
  • terminal.background#fafafa
  • terminal.border#75757540
  • terminal.findMatchBackground#026fde40
  • terminal.findMatchBorder#026fde
  • terminal.findMatchHighlightBackground#026fde25
  • terminal.findMatchHighlightBorder#026fde60
  • terminal.foreground#212121
  • terminal.hoverHighlightBackground#3264eb20
  • terminal.inactiveSelectionBackground#21212130
  • terminal.selectionBackground#21212160
  • terminal.selectionForeground#fafafa
  • terminal.tab.activeBorder#3264eb
  • terminalCommandDecoration.defaultBackground#757575
  • terminalCommandDecoration.errorBackground#c900c4
  • terminalCommandDecoration.successBackground#026fde
  • terminalCursor.background#fafafa
  • terminalCursor.foreground#212121
  • terminalOverviewRuler.cursorForeground#212121
  • terminalOverviewRuler.findMatchForeground#026fde
  • terminalStickyScroll.background#fafafa
  • terminalStickyScrollHover.background#75757540
  • testing.iconErrored#c900c4
  • testing.iconFailed#c900c4
  • testing.iconPassed#026fde
  • testing.iconQueued#026fde
  • testing.iconSkipped#026fde
  • testing.iconUnset#757575
  • testing.message.error.decorationForeground#c900c4
  • testing.message.error.lineBackground#c900c415
  • testing.message.info.decorationForeground#3264eb
  • testing.message.info.lineBackground#3264eb15
  • testing.peekBorder#3264eb
  • testing.peekHeaderBackground#fafafa
  • testing.runAction#026fde
  • textBlockQuote.background#fafafa
  • textBlockQuote.border#3264eb
  • textCodeBlock.background#fafafa
  • textLink.activeForeground#5482ff
  • textLink.foreground#3264eb
  • textPreformat.background#fafafa
  • textPreformat.foreground#0c67de
  • textSeparator.foreground#757575
  • titleBar.activeBackground#fafafa
  • titleBar.activeForeground#212121
  • titleBar.border#fafafa
  • titleBar.inactiveBackground#fafafa
  • titleBar.inactiveForeground#757575
  • toolbar.activeBackground#757575
  • toolbar.hoverBackground#fafafa
  • tree.inactiveIndentGuidesStroke#75757560
  • tree.indentGuidesStroke#757575
  • tree.tableColumnsBorder#757575
  • tree.tableOddRowsBackground#fafafa40
  • walkThrough.embeddedEditorBackground#fafafa
  • walkthrough.stepTitle.foreground#212121
  • welcomePage.background#fafafa
  • welcomePage.progress.background#757575
  • welcomePage.progress.foreground#3264eb
  • welcomePage.tileBackground#fafafa
  • welcomePage.tileBorder#757575
  • welcomePage.tileHoverBackground#75757540
  • widget.shadow#fafafa80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#757575italic
variable, string constant.other.placeholder#212121
variable.parameter, entity.name.variable.parameter, meta.function.parameter#0c67deitalic
variable.other.property, variable.other.object.property#0c67de
variable.other.constant#358fff
variable.other.enummember#d126cd
invalid, invalid.illegal#c900c4strikethrough
invalid.deprecated#026fdestrikethrough
keyword, storage.type.class, storage.type.function#b363ff
storage.modifier#026fde
keyword.control, keyword.control.flow#b363ff
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as#3264eb
keyword.operator, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.comparison#5482ff
punctuation.accessor, punctuation.separator.key-value#5482ff
storage.type, entity.name.type#026fde
storage.type.primitive, support.type#212121
entity.name.type.class, support.class, entity.other.inherited-class#026fde
entity.name.type.interface#026fde
entity.name.type.enum#026fde
entity.name.type.parameter#026fdeitalic
entity.name.namespace, entity.name.type.module#3264eb
entity.name.function, meta.function-call.generic#3264eb
support.function#0c67de
entity.name.function.method, meta.method.declaration#3264eb
entity.name.function.decorator, meta.decorator, punctuation.decorator#0c67deitalic
punctuation, meta.brace, meta.bracket#191919
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary#d126cd
constant.language.boolean#d126cd
constant.language, constant.language.null, constant.language.undefined#0c67de
constant.character#026fde
constant.character.escape#b363ff
string, string.quoted, string.template#026fde
punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded.line#5482ff
string.regexp, constant.other.character-class.regexp, constant.character.escape.regexp#3986ff
support.type.property-name, support.constant#0c67de
entity.name.tag, meta.tag#026fde
entity.other.attribute-name#212121
support.type.property-name.css, support.type.vendored.property-name.css, meta.property-name.css#0c67de
support.constant.property-value.css, meta.property-value.css#212121
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#026fde
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#0c67deitalic
keyword.other.unit.css#d126cd
source.json meta.structure.dictionary.json support.type.property-name.json#d126cd
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#026fde
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#3264eb
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#b363ff
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#0c67de
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#026fde
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown#3264ebbold
markup.bold, punctuation.definition.bold.markdown#212121bold
markup.italic, punctuation.definition.italic.markdown#212121italic
markup.underline.link, string.other.link.title.markdown, string.other.link.description.markdown#3264eb
markup.inline.raw, markup.fenced_code.block, markup.raw.block#026fde
markup.quote, punctuation.definition.quote.begin.markdown#757575italic
punctuation.definition.list.begin.markdown, markup.list.numbered, markup.list.unnumbered#0c67de
markup.inserted, punctuation.definition.inserted#026fde
markup.deleted, punctuation.definition.deleted#c900c4
markup.changed, punctuation.definition.changed#d126cd
variable.language.this, variable.language.self, variable.language.special.self#212121italic
meta.object-literal.key, string.unquoted.label.js#212121
entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust#0c67deitalic
entity.name.function.macro.rust, support.function.macro.rust#0c67de
variable.other.normal.shell, variable.other.positional.shell, variable.other.bracket.shell#212121
entity.name.command.shell#3264eb
support.function.builtin.shell#0c67de
entity.name.tag.yaml#0c67de
keyword.key.toml, support.type.property-name.toml#0c67de
entity.other.attribute-name.table.toml, support.type.property-name.table.toml#026fde
entity.name.section.group-title.ini, punctuation.definition.entity.ini#026fde
keyword.other.definition.ini#0c67de
entity.name.function.target.makefile#3264eb
variable.other.makefile#212121
entity.name.package.go#3264eb
variable.parameter.function.language.special.self.python#212121italic
support.function.magic.python, support.variable.magic.python#0c67deitalic
variable.other.php, punctuation.definition.variable.php#212121
meta.preprocessor.c, meta.preprocessor.include.c, keyword.control.directive.include.c#0c67de
meta.attribute.csharp, entity.name.type.attribute.csharp#0c67de
keyword.other.DML.sql, keyword.other.DDL.sql#b363ff
support.type.graphql, entity.name.type.graphql#026fde
variable.graphql, variable.other.graphql#212121
Lupine Omarchy by Bjarne - VS Code Theme