Auric Artisan Theme
Publisher: Auric ArtisanThemes in package: 24
Twenty-four dark and light colour themes built on one OKLCH accent engine, with a Theme Studio for re-keying any of them live and a WCAG and APCA contrast audit.
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#6ba3e80d
- activityBar.activeBorder#6ba3e8
- activityBar.activeFocusBorder#92c3ff
- activityBar.background#08080a
- activityBar.border#ffffff14
- activityBar.dropBorder#6ba3e8
- activityBar.foreground#6ba3e8
- activityBar.inactiveForeground#55545c
- activityBarBadge.background#6ba3e8
- activityBarBadge.foreground#140f02
- activityBarTop.activeBackground#6ba3e80d
- activityBarTop.activeBorder#6ba3e8
- activityBarTop.background#08080a
- activityBarTop.dropBorder#6ba3e8
- activityBarTop.foreground#6ba3e8
- activityBarTop.inactiveForeground#55545c
- activityErrorBadge.background#f0736b
- activityErrorBadge.foreground#140f02
- activityWarningBadge.background#e8b04b
- activityWarningBadge.foreground#140f02
- badge.background#6ba3e8
- badge.foreground#140f02
- banner.background#222226
- banner.foreground#e8e4da
- banner.iconForeground#6ba3e8
- breadcrumb.activeSelectionForeground#92c3ff
- breadcrumb.background#0c0c0e
- breadcrumb.focusForeground#e8e4da
- breadcrumb.foreground#6e6a61
- breadcrumbPicker.background#1c1c20
- button.background#6ba3e8
- button.border#0000004d
- button.foreground#140f02
- button.hoverBackground#92c3ff
- button.secondaryBackground#222226
- button.secondaryForeground#e8e4da
- button.secondaryHoverBackground#2e2e32
- button.separator#140f0259
- chart.axis#ffffff24
- chart.guide#ffffff14
- chart.line#6ba3e8
- charts.blue#7fa9d9
- charts.foreground#e8e4da
- charts.green#a8c08a
- charts.lines#ffffff24
- charts.orange#e8b04b
- charts.purple#c99be0
- charts.red#e06c6c
- charts.yellow#6ba3e8
- chat.avatarBackground#6ba3e829
- chat.avatarForeground#92c3ff
- chat.editedFileForeground#e8b04b
- chat.linesAddedForeground#8fc97a
- chat.linesRemovedForeground#f0736b
- chat.requestBackground#ffffff08
- chat.requestBorder#ffffff14
- chat.slashCommandBackground#6ba3e829
- chat.slashCommandForeground#92c3ff
- checkbox.background#080809
- checkbox.border#ffffff66
- checkbox.foreground#6ba3e8
- checkbox.selectBackground#1c1c20
- checkbox.selectBorder#6ba3e8
- commandCenter.activeBackground#ffffff0e
- commandCenter.activeBorder#6ba3e8
- commandCenter.activeForeground#e8e4da
- commandCenter.background#ffffff0a
- commandCenter.border#ffffff14
- commandCenter.debuggingBackground#568dd14d
- commandCenter.foreground#a39e92
- commandCenter.inactiveBorder#ffffff14
- commandCenter.inactiveForeground#55545c
- commentsView.resolvedIcon#55545c
- commentsView.unresolvedIcon#6ba3e8
- debugConsole.errorForeground#f0736b
- debugConsole.infoForeground#7fa9d9
- debugConsole.sourceForeground#a39e92
- debugConsole.warningForeground#e8b04b
- debugConsoleInputIcon.foreground#6ba3e8
- debugExceptionWidget.background#f0736b29
- debugExceptionWidget.border#f0736b
- debugIcon.breakpointCurrentStackframeForeground#6ba3e8
- debugIcon.breakpointDisabledForeground#f0736b73
- debugIcon.breakpointForeground#f0736b
- debugIcon.breakpointStackframeForeground#568dd1
- debugIcon.breakpointUnverifiedForeground#55545c
- debugIcon.continueForeground#7fa9d9
- debugIcon.disconnectForeground#f0736b
- debugIcon.pauseForeground#7fa9d9
- debugIcon.restartForeground#8fc97a
- debugIcon.startForeground#a8dc92
- debugIcon.stepBackForeground#7fa9d9
- debugIcon.stepIntoForeground#7fa9d9
- debugIcon.stepOutForeground#7fa9d9
- debugIcon.stepOverForeground#7fa9d9
- debugIcon.stopForeground#f0736b
- debugTokenExpression.boolean#f0c468
- debugTokenExpression.error#f0736b
- debugTokenExpression.name#c9c2b2
- debugTokenExpression.number#e8b04b
- debugTokenExpression.string#c3d9a5
- debugTokenExpression.type#7fd1c3
- debugTokenExpression.value#c3d9a5
- debugToolBar.background#1c1c20
- debugToolBar.border#6ba3e847
- debugView.exceptionLabelBackground#f0736b59
- debugView.exceptionLabelForeground#e8e4da
- debugView.stateLabelBackground#6ba3e829
- debugView.stateLabelForeground#e8e4da
- debugView.valueChangedHighlight#6ba3e880
- descriptionForeground#a39e92
- diffEditor.border#ffffff14
- diffEditor.diagonalFill#ffffff12
- diffEditor.insertedLineBackground#8fc97a14
- diffEditor.insertedTextBackground#8fc97a21
- diffEditor.move.border#6ba3e8
- diffEditor.moveActive.border#92c3ff
- diffEditor.removedLineBackground#f0736b14
- diffEditor.removedTextBackground#f0736b21
- diffEditor.unchangedCodeBackground#ffffff05
- diffEditor.unchangedRegionBackground#121215
- diffEditor.unchangedRegionForeground#a39e92
- diffEditor.unchangedRegionShadow#000000a6
- diffEditorGutter.insertedLineBackground#8fc97a29
- diffEditorGutter.removedLineBackground#f0736b29
- diffEditorOverview.insertedForeground#8fc97a99
- diffEditorOverview.removedForeground#f0736b99
- disabledForeground#55545c
- dropdown.background#1c1c20
- dropdown.border#ffffff66
- dropdown.foreground#e8e4da
- dropdown.listBackground#1c1c20
- editor.background#0c0c0e
- editor.compositionBorder#6ba3e8
- editor.findMatchBackground#e8b04b57
- editor.findMatchBorder#6ba3e8
- editor.findMatchForeground#1a1407
- editor.findMatchHighlightBackground#e8b04b2e
- editor.findMatchHighlightBorder#6ba3e859
- editor.findRangeHighlightBackground#ffffff17
- editor.findRangeHighlightBorder#6ba3e82e
- editor.focusedStackFrameHighlightBackground#8fc97a2e
- editor.foreground#e8e4da
- editor.hoverHighlightBackground#6ba3e824
- editor.inactiveSelectionBackground#ffffff1a
- editor.inlineValuesBackground#6ba3e80d
- editor.inlineValuesForeground#55545c
- editor.lineHighlightBackground#ffffff0a
- editor.lineHighlightBorder#ffffff0f
- editor.linkedEditingBackground#6ba3e824
- editor.placeholder.foreground#55545c
- editor.rangeHighlightBackground#ffffff17
- editor.rangeHighlightBorder#6ba3e829
- editor.selectionBackground#6ba3e842
- editor.selectionHighlightBackground#6ba3e829
- editor.selectionHighlightBorder#6ba3e84d
- editor.stackFrameHighlightBackground#6ba3e82e
- editor.symbolHighlightBackground#6ba3e833
- editor.symbolHighlightBorder#6ba3e866
- editor.wordHighlightBackground#ffffff1c
- editor.wordHighlightBorder#6ba3e838
- editor.wordHighlightStrongBackground#6ba3e83d
- editor.wordHighlightStrongBorder#6ba3e866
- editor.wordHighlightTextBackground#ffffff1c
- editorActionList.background#1c1c20
- editorActionList.focusBackground#6ba3e82e
- editorActionList.focusForeground#e8e4da
- editorActionList.foreground#e8e4da
- editorBracketHighlight.foreground1#f4d97a
- editorBracketHighlight.foreground2#7fd1c3
- editorBracketHighlight.foreground3#c99be0
- editorBracketHighlight.foreground4#c3d9a5
- editorBracketHighlight.foreground5#e8b04b
- editorBracketHighlight.foreground6#e5a0a0
- editorBracketHighlight.unexpectedBracket.foreground#f0736b
- editorBracketMatch.background#6ba3e82e
- editorBracketMatch.border#6ba3e8
- editorBracketPairGuide.activeBackground1#f4d97a
- editorBracketPairGuide.activeBackground2#7fd1c3
- editorBracketPairGuide.activeBackground3#c99be0
- editorBracketPairGuide.activeBackground4#c3d9a5
- editorBracketPairGuide.activeBackground5#e8b04b
- editorBracketPairGuide.activeBackground6#e5a0a0
- editorBracketPairGuide.background1#f4d97a47
- editorBracketPairGuide.background2#7fd1c347
- editorBracketPairGuide.background3#c99be047
- editorBracketPairGuide.background4#c3d9a547
- editorBracketPairGuide.background5#e8b04b47
- editorBracketPairGuide.background6#e5a0a047
- editorCodeLens.foreground#55545c
- editorCommentsWidget.rangeActiveBackground#6ba3e82e
- editorCommentsWidget.rangeBackground#6ba3e81a
- editorCommentsWidget.replyInputBackground#080809
- editorCommentsWidget.resolvedBorder#ffffff24
- editorCommentsWidget.unresolvedBorder#6ba3e8
- editorCursor.background#0c0c0e
- editorCursor.foreground#6ba3e8
- editorError.background#f0736b0f
- editorError.foreground#f0736b
- editorGhostText.background#6ba3e80a
- editorGhostText.foreground#55545c
- editorGroup.border#ffffff14
- editorGroup.dropBackground#6ba3e838
- editorGroup.dropIntoPromptBackground#1c1c20
- editorGroup.dropIntoPromptBorder#6ba3e870
- editorGroup.dropIntoPromptForeground#e8e4da
- editorGroup.emptyBackground#0c0c0e
- editorGroup.focusedEmptyBorder#6ba3e8
- editorGroupHeader.border#ffffff14
- editorGroupHeader.noTabsBackground#161619
- editorGroupHeader.tabsBackground#161619
- editorGroupHeader.tabsBorder#ffffff14
- editorGutter.addedBackground#8fc97a
- editorGutter.background#0c0c0e
- editorGutter.commentGlyphForeground#a39e92
- editorGutter.commentRangeForeground#55545c
- editorGutter.commentUnresolvedGlyphForeground#e8b04b
- editorGutter.deletedBackground#f0736b
- editorGutter.foldingControlForeground#a39e92
- editorGutter.itemBackground#6ba3e838
- editorGutter.itemGlyphForeground#e8e4da
- editorGutter.modifiedBackground#e5c65c
- editorHint.foreground#6e6a61
- editorHoverWidget.background#1c1c20
- editorHoverWidget.border#6ba3e847
- editorHoverWidget.foreground#e8e4da
- editorHoverWidget.highlightForeground#92c3ff
- editorHoverWidget.statusBarBackground#222226
- editorIndentGuide.activeBackground1#6ba3e873
- editorIndentGuide.activeBackground2#7fd1c373
- editorIndentGuide.activeBackground3#c99be073
- editorIndentGuide.activeBackground4#c3d9a573
- editorIndentGuide.activeBackground5#e8b04b73
- editorIndentGuide.activeBackground6#e5a0a073
- editorIndentGuide.background1#ffffff14
- editorIndentGuide.background2#7fd1c324
- editorIndentGuide.background3#c99be024
- editorIndentGuide.background4#c3d9a524
- editorIndentGuide.background5#e8b04b24
- editorIndentGuide.background6#e5a0a024
- editorInfo.background#7fa9d90f
- editorInfo.foreground#7fa9d9
- editorInlayHint.background#6ba3e817
- editorInlayHint.foreground#6e6a61
- editorInlayHint.parameterBackground#c0b49a24
- editorInlayHint.parameterForeground#c0b49a
- editorInlayHint.typeBackground#7fd1c324
- editorInlayHint.typeForeground#7fd1c3
- editorLightBulb.foreground#6ba3e8
- editorLightBulbAi.foreground#c99be0
- editorLightBulbAutoFix.foreground#8fc97a
- editorLineNumber.activeForeground#6ba3e8
- editorLineNumber.dimmedForeground#55545c99
- editorLineNumber.foreground#6e6a61
- editorLink.activeForeground#92c3ff
- editorMarkerNavigation.background#1c1c20
- editorMarkerNavigationError.background#f0736b
- editorMarkerNavigationError.headerBackground#f0736b29
- editorMarkerNavigationInfo.background#7fa9d9
- editorMarkerNavigationInfo.headerBackground#7fa9d929
- editorMarkerNavigationWarning.background#e8b04b
- editorMarkerNavigationWarning.headerBackground#e8b04b29
- editorMultiCursor.primary.foreground#6ba3e8
- editorMultiCursor.secondary.foreground#568dd1
- editorOverviewRuler.addedForeground#8fc97a
- editorOverviewRuler.background#0c0c0e
- editorOverviewRuler.border#ffffff14
- editorOverviewRuler.bracketMatchForeground#6ba3e899
- editorOverviewRuler.deletedForeground#f0736b
- editorOverviewRuler.errorForeground#f0736b
- editorOverviewRuler.findMatchForeground#6ba3e8b3
- editorOverviewRuler.infoForeground#7fa9d9
- editorOverviewRuler.inlineChatInserted#8fc97a80
- editorOverviewRuler.inlineChatRemoved#f0736b80
- editorOverviewRuler.modifiedForeground#e5c65c
- editorOverviewRuler.rangeHighlightForeground#6ba3e866
- editorOverviewRuler.selectionHighlightForeground#6ba3e866
- editorOverviewRuler.warningForeground#e8b04b
- editorOverviewRuler.wordHighlightForeground#a39e928c
- editorOverviewRuler.wordHighlightStrongForeground#6ba3e899
- editorOverviewRuler.wordHighlightTextForeground#a39e9273
- editorPane.background#0c0c0e
- editorRuler.foreground#ffffff14
- editorStickyScroll.background#101013
- editorStickyScroll.border#ffffff24
- editorStickyScroll.shadow#000000a6
- editorStickyScrollHover.background#1f1f22
- editorSuggestWidget.background#1c1c20
- editorSuggestWidget.border#6ba3e847
- editorSuggestWidget.focusHighlightForeground#92c3ff
- editorSuggestWidget.foreground#e8e4da
- editorSuggestWidget.highlightForeground#92c3ff
- editorSuggestWidget.selectedBackground#6ba3e82e
- editorSuggestWidget.selectedForeground#e8e4da
- editorSuggestWidget.selectedIconForeground#92c3ff
- editorSuggestWidgetStatus.foreground#6e6a61
- editorUnicodeHighlight.background#e8b04b29
- editorUnicodeHighlight.border#e8b04b
- editorUnnecessaryCode.opacity#ffffff80
- editorWarning.background#e8b04b0f
- editorWarning.foreground#e8b04b
- editorWatermark.foreground#55545c
- editorWhitespace.foreground#ffffff1c
- editorWidget.background#1c1c20
- editorWidget.border#6ba3e847
- editorWidget.foreground#e8e4da
- editorWidget.resizeBorder#6ba3e8
- errorForeground#f0736b
- extensionBadge.remoteBackground#568dd1
- extensionBadge.remoteForeground#111827
- extensionButton.background#6ba3e8
- extensionButton.foreground#140f02
- extensionButton.hoverBackground#92c3ff
- extensionButton.prominentBackground#6ba3e8
- extensionButton.prominentForeground#140f02
- extensionButton.prominentHoverBackground#92c3ff
- extensionButton.separator#140f0259
- extensionIcon.preReleaseForeground#c99be0
- extensionIcon.privateForeground#a39e92
- extensionIcon.sponsorForeground#e5a0a0
- extensionIcon.starForeground#6ba3e8
- extensionIcon.verifiedForeground#8fc97a
- focusBorder#6ba3e8
- foreground#e8e4da
- gauge.background#6ba3e8
- gauge.border#6ba3e847
- gauge.errorBackground#f0736b
- gauge.errorForeground#f0736b33
- gauge.foreground#6ba3e829
- gauge.warningBackground#e8b04b
- gauge.warningForeground#e8b04b33
- gitDecoration.addedResourceForeground#8fc97a
- gitDecoration.conflictingResourceForeground#deb8f0
- gitDecoration.deletedResourceForeground#f0736b
- gitDecoration.ignoredResourceForeground#55545c
- gitDecoration.modifiedResourceForeground#e5c65c
- gitDecoration.renamedResourceForeground#9bddd1
- gitDecoration.stageDeletedResourceForeground#e5a0a0
- gitDecoration.stageModifiedResourceForeground#efd08c
- gitDecoration.submoduleResourceForeground#c0b49a
- gitDecoration.untrackedResourceForeground#9bddd1
- icon.foreground#a39e92
- inlineChat.background#1c1c20
- inlineChat.border#6ba3e870
- inlineChat.foreground#e8e4da
- inlineChat.shadow#000000a6
- inlineChatDiff.inserted#8fc97a24
- inlineChatDiff.removed#f0736b24
- inlineChatInput.background#080809
- inlineChatInput.border#ffffff66
- inlineChatInput.focusBorder#6ba3e8
- inlineChatInput.placeholderForeground#6e6a61
- inlineEdit.gutterIndicator.primaryBackground#6ba3e8
- inlineEdit.gutterIndicator.primaryForeground#140f02
- inlineEdit.gutterIndicator.secondaryBackground#222226
- inlineEdit.gutterIndicator.secondaryForeground#a39e92
- inlineEdit.modifiedBackground#8fc97a1a
- inlineEdit.modifiedBorder#8fc97a80
- inlineEdit.modifiedChangedTextBackground#8fc97a33
- inlineEdit.originalBackground#f0736b1a
- inlineEdit.originalBorder#f0736b80
- inlineEdit.originalChangedTextBackground#f0736b33
- input.background#080809
- input.border#ffffff66
- input.foreground#e8e4da
- input.placeholderForeground#6e6a61
- inputOption.activeBackground#6ba3e829
- inputOption.activeBorder#6ba3e8
- inputOption.activeForeground#e8e4da
- inputOption.hoverBackground#ffffff0e
- inputValidation.errorBackground#3e2a2c
- inputValidation.errorBorder#f0736b
- inputValidation.errorForeground#e8e4da
- inputValidation.infoBackground#2c333e
- inputValidation.infoBorder#7fa9d9
- inputValidation.infoForeground#e8e4da
- inputValidation.warningBackground#3d3427
- inputValidation.warningBorder#e8b04b
- inputValidation.warningForeground#e8e4da
- interactive.activeCodeBorder#6ba3e8
- interactive.inactiveCodeBorder#ffffff14
- keybindingLabel.background#ffffff12
- keybindingLabel.border#ffffff24
- keybindingLabel.bottomBorder#ffffff33
- keybindingLabel.foreground#e8e4da
- keybindingTable.headerBackground#ffffff0a
- keybindingTable.rowsBackground#ffffff05
- list.activeSelectionBackground#6ba3e82e
- list.activeSelectionForeground#e8e4da
- list.activeSelectionIconForeground#92c3ff
- list.deemphasizedForeground#55545c
- list.dropBackground#6ba3e838
- list.dropBetweenBackground#6ba3e8
- list.errorForeground#ff8f87
- list.filterMatchBackground#e8b04b57
- list.filterMatchBorder#6ba3e870
- list.focusAndSelectionOutline#92c3ff
- list.focusBackground#6ba3e82e
- list.focusForeground#e8e4da
- list.focusHighlightForeground#92c3ff
- list.focusOutline#6ba3e8
- list.highlightForeground#92c3ff
- list.hoverBackground#ffffff0e
- list.hoverForeground#e8e4da
- list.inactiveFocusBackground#ffffff12
- list.inactiveFocusOutline#ffffff24
- list.inactiveSelectionBackground#ffffff12
- list.inactiveSelectionForeground#e8e4da
- list.inactiveSelectionIconForeground#a39e92
- list.invalidItemForeground#f0736b
- list.warningForeground#f5c465
- listFilterWidget.background#222226
- listFilterWidget.noMatchesOutline#f0736b
- listFilterWidget.outline#6ba3e8
- listFilterWidget.shadow#000000a6
- menu.background#1c1c20
- menu.border#6ba3e847
- menu.foreground#e8e4da
- menu.selectionBackground#6ba3e82e
- menu.selectionBorder#6ba3e880
- menu.selectionForeground#e8e4da
- menu.separatorBackground#ffffff24
- menubar.selectionBackground#6ba3e82e
- menubar.selectionBorder#6ba3e847
- menubar.selectionForeground#e8e4da
- merge.border#ffffff24
- merge.commonContentBackground#6e6a611f
- merge.commonHeaderBackground#6e6a614d
- merge.currentContentBackground#7fd1c321
- merge.currentHeaderBackground#7fd1c35c
- merge.incomingContentBackground#7fa9d921
- merge.incomingHeaderBackground#7fa9d95c
- mergeEditor.change.background#6ba3e81a
- mergeEditor.change.word.background#6ba3e838
- mergeEditor.changeBase.background#6e6a6124
- mergeEditor.changeBase.word.background#6e6a6142
- mergeEditor.conflict.handled.minimapOverViewRuler#8fc97a
- mergeEditor.conflict.handledFocused.border#8fc97a
- mergeEditor.conflict.handledUnfocused.border#8fc97a66
- mergeEditor.conflict.unhandled.minimapOverViewRuler#e8b04b
- mergeEditor.conflict.unhandledFocused.border#e8b04b
- mergeEditor.conflict.unhandledUnfocused.border#e8b04b99
- mergeEditor.conflictingLines.background#e8b04b29
- minimap.background#0c0c0ebf
- minimap.chatEditHighlight#c99be080
- minimap.errorHighlight#ff8f87
- minimap.findMatchHighlight#6ba3e8
- minimap.foregroundOpacity#000000c0
- minimap.infoHighlight#9ec4ee
- minimap.selectionHighlight#6ba3e899
- minimap.selectionOccurrenceHighlight#6ba3e859
- minimap.warningHighlight#f5c465
- minimapGutter.addedBackground#8fc97a
- minimapGutter.deletedBackground#f0736b
- minimapGutter.modifiedBackground#e5c65c
- minimapSlider.activeBackground#6ba3e866
- minimapSlider.background#ffffff12
- minimapSlider.hoverBackground#6ba3e83d
- multiDiffEditor.background#121215
- multiDiffEditor.border#ffffff14
- multiDiffEditor.headerBackground#161619
- notebook.cellBorderColor#ffffff14
- notebook.cellEditorBackground#101012
- notebook.cellHoverBackground#ffffff0e
- notebook.cellInsertionIndicator#6ba3e8
- notebook.cellStatusBarItemHoverBackground#ffffff0e
- notebook.cellToolbarSeparator#ffffff14
- notebook.editorBackground#0c0c0e
- notebook.focusedCellBackground#6ba3e80d
- notebook.focusedCellBorder#6ba3e8
- notebook.focusedEditorBorder#6ba3e8
- notebook.inactiveFocusedCellBorder#ffffff24
- notebook.inactiveSelectedCellBorder#ffffff14
- notebook.outputContainerBackgroundColor#ffffff05
- notebook.outputContainerBorderColor#ffffff14
- notebook.selectedCellBackground#ffffff12
- notebook.selectedCellBorder#6ba3e847
- notebook.symbolHighlightBackground#6ba3e824
- notebookEditorOverviewRuler.runningCellForeground#6ba3e8
- notebookScrollbarSlider.activeBackground#6ba3e899
- notebookScrollbarSlider.background#ffffff1a
- notebookScrollbarSlider.hoverBackground#6ba3e866
- notebookStatusErrorIcon.foreground#f0736b
- notebookStatusRunningIcon.foreground#6ba3e8
- notebookStatusSuccessIcon.foreground#8fc97a
- notificationCenter.border#6ba3e847
- notificationCenterHeader.background#222226
- notificationCenterHeader.foreground#e8e4da
- notificationLink.foreground#92c3ff
- notifications.background#1c1c20
- notifications.border#ffffff24
- notifications.foreground#e8e4da
- notificationsErrorIcon.foreground#ff8f87
- notificationsInfoIcon.foreground#9ec4ee
- notificationsWarningIcon.foreground#f5c465
- notificationToast.border#6ba3e847
- outputView.background#0c0c0e
- outputViewStickyScroll.background#121215
- panel.background#121215
- panel.border#ffffff14
- panel.dropBorder#6ba3e8
- panelInput.border#ffffff66
- panelSection.border#ffffff14
- panelSection.dropBackground#6ba3e838
- panelSectionHeader.background#ffffff08
- panelSectionHeader.border#ffffff14
- panelSectionHeader.foreground#e8e4da
- panelStickyScroll.background#121215
- panelStickyScroll.border#ffffff24
- panelStickyScroll.shadow#000000a6
- panelTitle.activeBorder#6ba3e8
- panelTitle.activeForeground#e8e4da
- panelTitle.border#ffffff14
- panelTitle.inactiveForeground#6e6a61
- peekView.border#6ba3e8
- peekViewEditor.background#111115
- peekViewEditor.matchHighlightBackground#e8b04b57
- peekViewEditor.matchHighlightBorder#6ba3e8
- peekViewEditorGutter.background#111115
- peekViewEditorStickyScroll.background#131319
- peekViewResult.background#121215
- peekViewResult.fileForeground#e8e4da
- peekViewResult.lineForeground#a39e92
- peekViewResult.matchHighlightBackground#6ba3e829
- peekViewResult.selectionBackground#6ba3e82e
- peekViewResult.selectionForeground#e8e4da
- peekViewTitle.background#1c1c20
- peekViewTitleDescription.foreground#a39e92
- peekViewTitleLabel.foreground#6ba3e8
- pickerGroup.border#6ba3e847
- pickerGroup.foreground#92c3ff
- ports.iconRunningProcessForeground#6ba3e8
- problemsErrorIcon.foreground#ff8f87
- problemsInfoIcon.foreground#9ec4ee
- problemsWarningIcon.foreground#f5c465
- profileBadge.background#568dd1
- profileBadge.foreground#111827
- progressBar.background#6ba3e8
- quickInput.background#1c1c20
- quickInput.foreground#e8e4da
- quickInput.list.focusBackground#6ba3e82e
- quickInputList.focusBackground#6ba3e82e
- quickInputList.focusForeground#e8e4da
- quickInputList.focusIconForeground#92c3ff
- quickInputTitle.background#222226
- radio.activeBackground#6ba3e829
- radio.activeBorder#6ba3e8
- radio.activeForeground#92c3ff
- radio.inactiveBackground#080809
- radio.inactiveBorder#ffffff66
- radio.inactiveForeground#a39e92
- radio.inactiveHoverBackground#ffffff0e
- sash.hoverBorder#6ba3e8
- scm.historyItemAdditionsForeground#8fc97a
- scm.historyItemDeletionsForeground#f0736b
- scm.historyItemSelectedStatisticsBorder#6ba3e870
- scm.historyItemStatisticsBorder#ffffff24
- scmGraph.foreground1#6ba3e8
- scmGraph.foreground2#7fd1c3
- scmGraph.foreground3#c99be0
- scmGraph.foreground4#c3d9a5
- scmGraph.foreground5#e5a0a0
- scmGraph.historyItemBaseRefColor#c99be0
- scmGraph.historyItemHoverAdditionsForeground#8fc97a
- scmGraph.historyItemHoverDefaultLabelBackground#6ba3e829
- scmGraph.historyItemHoverDefaultLabelForeground#e8e4da
- scmGraph.historyItemHoverDeletionsForeground#f0736b
- scmGraph.historyItemHoverLabelForeground#e8e4da
- scmGraph.historyItemRefColor#6ba3e8
- scmGraph.historyItemRemoteRefColor#7fa9d9
- scrollbar.shadow#000000a6
- scrollbarSlider.activeBackground#6ba3e89e
- scrollbarSlider.background#ffffff1a
- scrollbarSlider.hoverBackground#6ba3e86b
- search.resultsInfoForeground#a39e92
- searchEditor.findMatchBackground#e8b04b2e
- searchEditor.findMatchBorder#6ba3e859
- searchEditor.textInputBorder#ffffff66
- searchResult.selectedRowBackground#ffffff12
- selection.background#6ba3e842
- settings.checkboxBackground#080809
- settings.checkboxBorder#ffffff66
- settings.checkboxForeground#6ba3e8
- settings.dropdownBackground#1c1c20
- settings.dropdownBorder#ffffff66
- settings.dropdownForeground#e8e4da
- settings.dropdownListBorder#6ba3e847
- settings.focusedRowBackground#6ba3e80d
- settings.focusedRowBorder#6ba3e847
- settings.headerBorder#ffffff14
- settings.headerForeground#e8e4da
- settings.modifiedItemIndicator#6ba3e8
- settings.numberInputBackground#080809
- settings.numberInputBorder#ffffff66
- settings.numberInputForeground#e8b04b
- settings.rowHoverBackground#ffffff0e
- settings.sashBorder#ffffff14
- settings.settingsHeaderHoverForeground#92c3ff
- settings.textInputBackground#080809
- settings.textInputBorder#ffffff66
- settings.textInputForeground#e8e4da
- sideBar.background#121215
- sideBar.border#ffffff14
- sideBar.dropBackground#6ba3e838
- sideBar.foreground#a39e92
- sideBarActivityBarTop.border#ffffff14
- sideBarSectionHeader.background#ffffff08
- sideBarSectionHeader.border#ffffff14
- sideBarSectionHeader.foreground#e8e4da
- sideBarStickyScroll.background#121215
- sideBarStickyScroll.border#ffffff24
- sideBarStickyScroll.shadow#000000a6
- sideBarTitle.background#121215
- sideBarTitle.foreground#e8e4da
- statusBar.background#161619
- statusBar.border#ffffff14
- statusBar.debuggingBackground#568dd1
- statusBar.debuggingBorder#92c3ff
- statusBar.debuggingForeground#111827
- statusBar.focusBorder#6ba3e8
- statusBar.foreground#a39e92
- statusBar.noFolderBackground#08080a
- statusBar.noFolderBorder#ffffff14
- statusBar.noFolderForeground#a39e92
- statusBarItem.activeBackground#ffffff16
- statusBarItem.compactHoverBackground#ffffff16
- statusBarItem.errorBackground#f0736b
- statusBarItem.errorForeground#140f02
- statusBarItem.errorHoverBackground#f0736b47
- statusBarItem.errorHoverForeground#e8e4da
- statusBarItem.focusBorder#6ba3e8
- statusBarItem.hoverBackground#ffffff0e
- statusBarItem.hoverForeground#e8e4da
- statusBarItem.offlineBackground#f0736b
- statusBarItem.offlineForeground#140f02
- statusBarItem.offlineHoverBackground#f0736b47
- statusBarItem.offlineHoverForeground#e8e4da
- statusBarItem.prominentBackground#6ba3e829
- statusBarItem.prominentForeground#92c3ff
- statusBarItem.prominentHoverBackground#6ba3e847
- statusBarItem.prominentHoverForeground#e8e4da
- statusBarItem.remoteBackground#6ba3e8
- statusBarItem.remoteForeground#140f02
- statusBarItem.remoteHoverBackground#92c3ff
- statusBarItem.remoteHoverForeground#140f02
- statusBarItem.warningBackground#e8b04b
- statusBarItem.warningForeground#140f02
- statusBarItem.warningHoverBackground#e8b04b47
- statusBarItem.warningHoverForeground#e8e4da
- symbolIcon.arrayForeground#f0c468
- symbolIcon.booleanForeground#f0c468
- symbolIcon.classForeground#7fd1c3
- symbolIcon.colorForeground#6ba3e8
- symbolIcon.constantForeground#f0c468
- symbolIcon.constructorForeground#f4d97a
- symbolIcon.enumeratorForeground#f0c468
- symbolIcon.enumeratorMemberForeground#c9c2b2
- symbolIcon.eventForeground#e5a0a0
- symbolIcon.fieldForeground#c9c2b2
- symbolIcon.fileForeground#a39e92
- symbolIcon.folderForeground#a39e92
- symbolIcon.functionForeground#f4d97a
- symbolIcon.interfaceForeground#9bddd1
- symbolIcon.keyForeground#c9c2b2
- symbolIcon.keywordForeground#c99be0
- symbolIcon.methodForeground#efd08c
- symbolIcon.moduleForeground#7fd1c3
- symbolIcon.namespaceForeground#7fd1c3
- symbolIcon.nullForeground#f0c468
- symbolIcon.numberForeground#e8b04b
- symbolIcon.objectForeground#7fd1c3
- symbolIcon.operatorForeground#b9b1a0
- symbolIcon.packageForeground#7fd1c3
- symbolIcon.propertyForeground#c9c2b2
- symbolIcon.referenceForeground#e4dfd3
- symbolIcon.snippetForeground#6ba3e8
- symbolIcon.stringForeground#c3d9a5
- symbolIcon.structForeground#7fd1c3
- symbolIcon.textForeground#e8e4da
- symbolIcon.typeParameterForeground#9bddd1
- symbolIcon.unitForeground#e8b04b
- symbolIcon.variableForeground#e4dfd3
- tab.activeBackground#0c0c0e
- tab.activeBorder#0c0c0e
- tab.activeBorderTop#6ba3e8
- tab.activeForeground#e8e4da
- tab.activeModifiedBorder#e8b04b
- tab.border#ffffff14
- tab.dragAndDropBorder#92c3ff
- tab.hoverBackground#232326
- tab.hoverBorder#6ba3e8
- tab.hoverForeground#e8e4da
- tab.inactiveBackground#161619
- tab.inactiveForeground#6e6a61
- tab.inactiveModifiedBorder#e8b04b80
- tab.lastPinnedBorder#6ba3e847
- tab.selectedBackground#0c0c0e
- tab.selectedBorderTop#92c3ff
- tab.selectedForeground#e8e4da
- tab.unfocusedActiveBackground#161619
- tab.unfocusedActiveBorder#ffffff14
- tab.unfocusedActiveBorderTop#6ba3e866
- tab.unfocusedActiveForeground#a39e92
- tab.unfocusedActiveModifiedBorder#e8b04b80
- tab.unfocusedHoverBackground#ffffff0e
- tab.unfocusedHoverBorder#6ba3e847
- tab.unfocusedHoverForeground#a39e92
- tab.unfocusedInactiveBackground#161619
- tab.unfocusedInactiveForeground#55545c
- tab.unfocusedInactiveModifiedBorder#e8b04b4d
- terminal.ansiBlack#1c1c20
- terminal.ansiBlue#7fa9d9
- terminal.ansiBrightBlack#55545c
- terminal.ansiBrightBlue#9ec4ee
- terminal.ansiBrightCyan#a0e3d8
- terminal.ansiBrightGreen#c3d9a5
- terminal.ansiBrightMagenta#deb8f0
- terminal.ansiBrightRed#f58a8a
- terminal.ansiBrightWhite#f5f2ea
- terminal.ansiBrightYellow#f4d97a
- terminal.ansiCyan#7fd1c3
- terminal.ansiGreen#a8c08a
- terminal.ansiMagenta#c99be0
- terminal.ansiRed#e06c6c
- terminal.ansiWhite#c4bfb2
- terminal.ansiYellow#d3af37
- terminal.background#0c0c0e
- terminal.border#ffffff14
- terminal.dropBackground#6ba3e838
- terminal.findMatchBackground#e8b04b57
- terminal.findMatchBorder#6ba3e8
- terminal.findMatchHighlightBackground#e8b04b2e
- terminal.findMatchHighlightBorder#6ba3e859
- terminal.foreground#e8e4da
- terminal.hoverHighlightBackground#6ba3e824
- terminal.inactiveSelectionBackground#ffffff1a
- terminal.selectionBackground#6ba3e842
- terminal.tab.activeBorder#6ba3e8
- terminalCommandDecoration.defaultBackground#55545c
- terminalCommandDecoration.errorBackground#ff8f87
- terminalCommandDecoration.successBackground#a8dc92
- terminalCommandGuide.foreground#6ba3e859
- terminalCursor.background#0c0c0e
- terminalCursor.foreground#6ba3e8
- terminalOverviewRuler.cursorForeground#6ba3e8
- terminalOverviewRuler.findMatchForeground#6ba3e8b3
- terminalStickyScroll.background#101013
- terminalStickyScroll.border#ffffff24
- terminalStickyScrollHover.background#1f1f22
- testing.coverCountBadgeBackground#6ba3e8
- testing.coverCountBadgeForeground#140f02
- testing.coveredBackground#8fc97a24
- testing.coveredBorder#8fc97a4d
- testing.coveredGutterBackground#8fc97a66
- testing.iconErrored#f0736b
- testing.iconFailed#ff8f87
- testing.iconPassed#a8dc92
- testing.iconQueued#e8b04b
- testing.iconSkipped#55545c
- testing.iconUnset#55545c
- testing.message.error.decorationForeground#f0736b
- testing.message.error.lineBackground#f0736b1f
- testing.message.info.decorationForeground#a39e92
- testing.message.info.lineBackground#7fa9d914
- testing.messagePeekBorder#f0736b
- testing.messagePeekHeaderBackground#f0736b29
- testing.peekBorder#f0736b
- testing.peekHeaderBackground#f0736b29
- testing.runAction#8fc97a
- testing.uncoveredBackground#f0736b1f
- testing.uncoveredBorder#f0736b47
- testing.uncoveredBranchBackground#e8b04b40
- testing.uncoveredGutterBackground#f0736b66
- textBlockQuote.background#121215
- textBlockQuote.border#6ba3e8
- textCodeBlock.background#080809
- textLink.activeForeground#92c3ff
- textLink.foreground#6ba3e8
- textPreformat.background#6ba3e80d
- textPreformat.foreground#c3d9a5
- textSeparator.foreground#ffffff24
- titleBar.activeBackground#08080a
- titleBar.activeForeground#a39e92
- titleBar.border#ffffff14
- titleBar.inactiveBackground#08080a
- titleBar.inactiveForeground#55545c
- toolbar.activeBackground#ffffff16
- toolbar.hoverBackground#ffffff0e
- toolbar.hoverOutline#6ba3e847
- tree.inactiveIndentGuidesStroke#ffffff14
- tree.indentGuidesStroke#ffffff24
- tree.tableColumnsBorder#ffffff14
- tree.tableOddRowsBackground#ffffff05
- walkThrough.embeddedEditorBackground#080809
- walkthrough.stepTitle.foreground#e8e4da
- welcomePage.background#0c0c0e
- welcomePage.progress.background#080809
- welcomePage.progress.foreground#6ba3e8
- welcomePage.tileBackground#121215
- welcomePage.tileBorder#6ba3e847
- welcomePage.tileHoverBackground#1f1f22
- widget.border#ffffff24
- widget.shadow#000000a6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #867F6E | italic |
| comment.block.documentation, comment.line.documentation, punctuation.definition.comment.documentation | #A8C08A | italic |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, keyword.other.phpdoc, entity.name.tag.documentation | #C99BE0 | italic |
| entity.name.type.instance.jsdoc, variable.other.jsdoc | #7FD1C3 | italic |
| keyword.codetag, comment.notation, storage.type.class.todo | #E8B04B | bold |
| string, string.quoted, string.template, meta.embedded.assembly, punctuation.definition.string, string.unquoted | #C3D9A5 | — |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression punctuation.definition, punctuation.definition.interpolation | #E8B04B | — |
| constant.character.escape, constant.other.placeholder, constant.other.character-class.escape | #E8B04B | — |
| string.regexp, string.regexp punctuation.definition.string, constant.other.character-class.set.regexp | #E5A0A0 | — |
| keyword.operator.quantifier.regexp, keyword.control.anchor.regexp | #E8B04B | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, keyword.other.unit | #E8B04B | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.other.symbol, support.constant, variable.language.super | #F0C468 | — |
| variable.other.constant, entity.name.constant | #F0C468 | — |
| keyword, keyword.other, keyword.operator.expression, keyword.operator.new | #C99BE0 | — |
| keyword.control, keyword.control.flow, keyword.control.trycatch, keyword.control.loop, keyword.control.conditional | #D7A8EC | — |
| storage, storage.type, storage.modifier, keyword.other.important | #B98BD0 | — |
| variable.language.this, variable.language.self, keyword.other.this, variable.parameter.function.language.special.self | #D7A8EC | italic |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.assignment, keyword.operator.comparison | #B9B1A0 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, punctuation.definition.parameters, punctuation.definition.block | #8A8478 | — |
| entity.name.function, support.function, meta.function-call.generic, meta.function-call entity.name.function, variable.function | #F4D97A | — |
| entity.name.function.member, meta.definition.function entity.name.function | #F4D97A | bold |
| entity.name.function.method, meta.method entity.name.function | #EFD08C | — |
| entity.name.function.macro, support.function.macro, meta.preprocessor | #E8B04B | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.other.inherited-class, support.class, support.type, meta.type.annotation entity.name.type | #7FD1C3 | — |
| entity.name.type.interface, entity.name.type.parameter, entity.name.type.trait, support.type.builtin | #9BDDD1 | italic |
| variable.other.enummember, entity.name.type.enum entity.name | #F0C468 | — |
| meta.decorator, meta.decorator punctuation.decorator, entity.name.function.decorator, storage.type.annotation, punctuation.definition.annotation | #E8B04B | italic |
| entity.name.label, entity.name.goto-label | #E5A0A0 | — |
| variable, variable.other.readwrite, meta.definition.variable variable.other, source variable.other.object | #E4DFD3 | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.variable.property, variable.other.member, entity.name.variable.field | #C9C2B2 | — |
| variable.parameter, meta.function.parameters variable, meta.parameters variable.other | #C0B49A | italic |
| support.variable, variable.language, support.variable.dom, support.variable.property.dom | #9BDDD1 | — |
| entity.name.tag, punctuation.definition.tag, meta.tag, punctuation.definition.tag.html | #C99BE0 | — |
| support.class.component, entity.name.tag.jsx, entity.name.tag.tsx, meta.tag.custom entity.name.tag | #7FD1C3 | — |
| entity.other.attribute-name, meta.attribute entity.other.attribute-name, entity.other.attribute-name.html | #E8B04B | italic |
| meta.tag.sgml, entity.name.tag.doctype, meta.tag.preprocessor | #867F6E | italic |
| entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less | #C99BE0 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.parent-selector | #F4D97A | — |
| support.type.property-name.css, support.type.property-name.scss, meta.property-name | #C9C2B2 | — |
| variable.css, variable.argument.css, support.type.custom-property.name, variable.other.custom-property | #E8B04B | — |
| support.constant.property-value, meta.property-value, constant.numeric.css, keyword.other.unit.css | #C3D9A5 | — |
| keyword.control.at-rule, punctuation.definition.keyword.css | #D7A8EC | — |
| support.function.misc.css, support.function.transform, support.function.gradient | #EFD08C | — |
| constant.other.color, constant.other.color.rgb-value, support.constant.color | #F0C468 | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted | #C9C2B2 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #F4D97A | — |
| entity.name.tag.yaml, punctuation.definition.key-value.yaml | #C9C2B2 | — |
| punctuation.definition.anchor.yaml, variable.other.alias.yaml, entity.name.type.anchor.yaml | #E8B04B | — |
| keyword.other.definition.ini, support.type.property-name.toml, entity.name.section.toml | #C9C2B2 | — |
| entity.name.section.group-title.ini, punctuation.definition.entity.toml | #F4D97A | bold |
| support.function.builtin.shell, keyword.command.shell | #EFD08C | — |
| variable.other.normal.shell, punctuation.definition.variable.shell, string.other.dollar | #E8B04B | — |
| constant.other.option, string.unquoted.argument.shell | #C0B49A | — |
| keyword.other.DML, keyword.other.DDL, keyword.other.create.sql, keyword.other.sql | #D7A8EC | — |
| support.function.aggregate.sql, support.function.scalar.sql | #EFD08C | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading | #6BA3E8 | bold |
| markup.bold, punctuation.definition.bold | #F0C468 | bold |
| markup.italic, punctuation.definition.italic | #C99BE0 | italic |
| markup.bold markup.italic, markup.italic markup.bold | #F0C468 | bold italic |
| markup.strikethrough | #867F6E | strikethrough |
| markup.quote, punctuation.definition.quote | #A8C08A | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #C3D9A5 | — |
| punctuation.definition.markdown, fenced_code.block.language | #867F6E | — |
| markup.underline.link, string.other.link, markup.link | #9EC4EE | — |
| string.other.link.title, string.other.link.description | #F4D97A | — |
| punctuation.definition.list.begin, markup.list punctuation | #E8B04B | — |
| markup.table, punctuation.separator.table | #8A8478 | — |
| markup.inserted | #8FC97A | — |
| markup.deleted | #F0736B | — |
| markup.changed | #E5C65C | — |
| markup.underline | — | underline |
| meta.diff.header, meta.diff.range | #C99BE0 | bold |
| meta.diff source.diff markup.inserted | #8FC97A | — |
| meta.diff source.diff markup.deleted | #F0736B | — |
| meta.scope.prelude.diff, text.git-commit | #E8E4DA | — |
| string.regexp.gitignore, source.gitignore | #C3D9A5 | — |
| keyword.other.special-method.dockerfile, keyword.control.dockerfile, keyword.other.dockerfile | #D7A8EC | — |
| entity.name.function.target.makefile, support.function.target.makefile | #F4D97A | bold |
| support.type.graphql, variable.graphql, entity.name.fragment.graphql, keyword.operator.definition.graphql | #7FD1C3 | — |
| string.regexp.glob, constant.other.glob | #E5A0A0 | — |
| invalid, invalid.illegal | #FF8F87 | bold |
| invalid.deprecated, entity.name.tag.deprecated | #8A8478 | strikethrough |
| invalid.illegal.unrecognized-tag, invalid.illegal.newline | #FF8F87 | — |
| meta.embedded, source.groovy.embedded, meta.embedded.block | #E8E4DA | — |
| constant.numeric.line-number.find-in-files | #55545C | — |
| constant.numeric.line-number.match | #6BA3E8 | bold |
| constant.language.error, entity.name.type.error | #F0736B | — |
| markup.highlight, markup.mark | #6BA3E8 | — |