XK Theme - Safe Colors & Custom Background
Publisher: x1ngkongThemes in package: 11
A VSCode & Cursor theme extension with safe color presets and custom background image support.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|
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.background#1e1e2ee6
- activityBar.border#45475a
- activityBar.foreground#cdd6f4
- activityBar.inactiveForeground#cdd6f466
- activityBarBadge.background#cba6f7
- activityBarBadge.foreground#000000
- badge.background#cba6f7
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#cba6f7
- breadcrumb.background#1e1e2e
- breadcrumb.focusForeground#cdd6f4
- breadcrumb.foreground#cdd6f499
- breadcrumbPicker.background#2a2b3c
- button.background#cba6f7
- button.foreground#000000
- button.hoverBackground#cba6f7cc
- button.secondaryBackground#45475acc
- button.secondaryForeground#cdd6f4
- checkbox.background#2a2b3c
- checkbox.border#45475a
- checkbox.foreground#cba6f7
- descriptionForeground#cdd6f4b3
- diffEditor.insertedTextBackground#a6e3a126
- diffEditor.removedTextBackground#f38ba826
- dropdown.background#2a2b3c
- dropdown.border#45475a
- dropdown.foreground#cdd6f4
- editor.background#1e1e2e
- editor.findMatchBackground#cba6f766
- editor.findMatchHighlightBackground#cba6f733
- editor.foreground#cdd6f4
- editor.inactiveSelectionBackground#31324480
- editor.lineHighlightBackground#2a2b3c
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#cba6f71a
- editor.selectionBackground#313244e6
- editorBracketMatch.background#cba6f733
- editorBracketMatch.border#cba6f7
- editorCursor.background#1e1e2e
- editorCursor.foreground#cba6f7
- editorError.foreground#f38ba8
- editorGroup.border#45475a
- editorGroup.dropBackground#cba6f71a
- editorGroupHeader.tabsBackground#1d1d2c
- editorGroupHeader.tabsBorder#45475a
- editorGutter.addedBackground#a6e3a1
- editorGutter.background#1e1e2e
- editorGutter.deletedBackground#f38ba8
- editorGutter.modifiedBackground#cba6f7
- editorHint.foreground#89b4fa
- editorHoverWidget.background#2a2b3c
- editorHoverWidget.border#45475a
- editorIndentGuide.activeBackground#45475acc
- editorIndentGuide.background#45475a66
- editorInfo.foreground#89b4fa
- editorLineNumber.activeForeground#cba6f7
- editorLineNumber.foreground#cdd6f466
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#f38ba8
- editorOverviewRuler.infoForeground#89b4fa
- editorOverviewRuler.warningForeground#fab387
- editorRuler.foreground#45475a80
- editorSuggestWidget.background#2a2b3c
- editorSuggestWidget.border#45475a
- editorSuggestWidget.foreground#cdd6f4
- editorSuggestWidget.highlightForeground#cba6f7
- editorSuggestWidget.selectedBackground#cba6f733
- editorWarning.foreground#fab387
- editorWhitespace.foreground#cdd6f426
- editorWidget.background#1e1e2efa
- editorWidget.border#45475a
- errorForeground#f38ba8
- extensionButton.prominentBackground#cba6f7
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#cba6f7cc
- focusBorder#cba6f799
- foreground#cdd6f4
- gitDecoration.addedResourceForeground#a6e3a1
- gitDecoration.conflictingResourceForeground#fab387
- gitDecoration.deletedResourceForeground#f38ba8
- gitDecoration.ignoredResourceForeground#cdd6f44d
- gitDecoration.modifiedResourceForeground#cba6f7
- gitDecoration.renamedResourceForeground#cba6f7
- gitDecoration.stageDeletedResourceForeground#f38ba8
- gitDecoration.stageModifiedResourceForeground#cba6f7
- gitDecoration.untrackedResourceForeground#a6e3a1
- icon.foreground#cdd6f4
- input.background#2a2b3c
- input.border#45475a
- input.foreground#cdd6f4
- input.placeholderForeground#cdd6f466
- inputOption.activeBackground#cba6f733
- inputOption.activeBorder#cba6f7
- inputOption.activeForeground#cdd6f4
- inputValidation.errorBackground#f38ba81a
- inputValidation.errorBorder#f38ba8
- inputValidation.warningBackground#fab3871a
- inputValidation.warningBorder#fab387
- list.activeSelectionBackground#cba6f740
- list.activeSelectionForeground#cdd6f4
- list.dropBackground#cba6f726
- list.focusBackground#cba6f726
- list.highlightForeground#cba6f7
- list.hoverBackground#3132444d
- list.inactiveSelectionBackground#31324480
- list.inactiveSelectionForeground#cdd6f4
- menu.background#2a2b3c
- menu.foreground#cdd6f4
- menu.selectionBackground#cba6f733
- menu.selectionForeground#cdd6f4
- menu.separatorBackground#45475a
- menubar.selectionBackground#31324480
- menubar.selectionForeground#cdd6f4
- minimap.background#1e1e2eb3
- minimap.errorHighlight#f38ba8
- minimap.selectionHighlight#cba6f74d
- minimap.warningHighlight#fab387
- minimapGutter.addedBackground#a6e3a1
- minimapGutter.deletedBackground#f38ba8
- minimapGutter.modifiedBackground#cba6f7
- notificationCenter.border#45475a
- notificationCenterHeader.background#2a2b3c
- notificationCenterHeader.foreground#cdd6f4
- notifications.background#2a2b3c
- notifications.border#45475a
- notifications.foreground#cdd6f4
- notificationsErrorIcon.foreground#f38ba8
- notificationsInfoIcon.foreground#89b4fa
- notificationsWarningIcon.foreground#fab387
- notificationToast.border#45475a
- panel.background#1e1e2e
- panel.border#45475a
- panelTitle.activeBorder#cba6f7
- panelTitle.activeForeground#cdd6f4
- panelTitle.inactiveForeground#cdd6f480
- peekView.border#cba6f7
- peekViewEditor.background#2a2b3ccc
- peekViewEditor.matchHighlightBackground#cba6f733
- peekViewResult.background#2a2b3c
- peekViewResult.fileForeground#cdd6f4
- peekViewResult.lineForeground#cdd6f4b3
- peekViewResult.matchHighlightBackground#cba6f733
- peekViewResult.selectionBackground#cba6f726
- peekViewResult.selectionForeground#cdd6f4
- peekViewTitle.background#cba6f71a
- peekViewTitleDescription.foreground#cdd6f4b3
- peekViewTitleLabel.foreground#cdd6f4
- progressBar.background#cba6f7
- scrollbar.shadow#1e1e2e80
- scrollbarSlider.activeBackground#cba6f766
- scrollbarSlider.background#45475a66
- scrollbarSlider.hoverBackground#45475a99
- selection.background#cba6f74d
- settings.checkboxBackground#2a2b3c
- settings.checkboxBorder#45475a
- settings.dropdownBackground#2a2b3c
- settings.dropdownBorder#45475a
- settings.headerForeground#cdd6f4
- settings.modifiedItemIndicator#cba6f7
- settings.numberInputBackground#2a2b3c
- settings.numberInputBorder#45475a
- settings.textInputBackground#2a2b3c
- settings.textInputBorder#45475a
- sideBar.background#1d1d2d
- sideBar.border#45475a
- sideBar.foreground#cdd6f4
- sideBarSectionHeader.background#2a2b3c80
- sideBarSectionHeader.border#45475a
- sideBarSectionHeader.foreground#cdd6f4
- sideBarTitle.foreground#cdd6f499
- statusBar.background#1e1e2e
- statusBar.border#45475a
- statusBar.debuggingBackground#89b4fa
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#cdd6f4b3
- statusBar.noFolderBackground#1e1e2e
- statusBarItem.errorBackground#f38ba8
- statusBarItem.hoverBackground#31324480
- statusBarItem.remoteBackground#cba6f7
- statusBarItem.remoteForeground#000000
- statusBarItem.warningBackground#fab387
- tab.activeBackground#1e1e2e
- tab.activeBorder#cba6f7
- tab.activeBorderTop#00000000
- tab.activeForeground#cdd6f4
- tab.border#45475a
- tab.hoverBackground#3132444d
- tab.inactiveBackground#1d1d2c
- tab.inactiveForeground#cdd6f480
- tab.unfocusedActiveBackground#1e1e2e
- tab.unfocusedActiveBorder#cba6f780
- terminal.ansiBlack#000000
- terminal.ansiBlue#cba6f7
- terminal.ansiBrightBlack#cdd6f480
- terminal.ansiBrightBlue#cba6f7
- terminal.ansiBrightCyan#89b4fa
- terminal.ansiBrightGreen#a6e3a1
- terminal.ansiBrightMagenta#89b4fa
- terminal.ansiBrightRed#f38ba8
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fab387
- terminal.ansiCyan#89b4fa
- terminal.ansiGreen#a6e3a1
- terminal.ansiMagenta#89b4fa
- terminal.ansiRed#f38ba8
- terminal.ansiWhite#cdd6f4
- terminal.ansiYellow#fab387
- terminal.background#1e1e2e
- terminal.cursor.background#1e1e2e
- terminal.cursor.foreground#cba6f7
- terminal.foreground#cdd6f4
- terminal.selectionBackground#313244b3
- terminalCursor.background#1e1e2e
- terminalCursor.foreground#cba6f7
- textBlockQuote.background#292938
- textBlockQuote.border#cba6f799
- textCodeBlock.background#353543
- textPreformat.foreground#a6e3a1
- titleBar.activeBackground#1e1e2e
- titleBar.activeForeground#cdd6f4
- titleBar.border#45475a
- titleBar.inactiveBackground#1d1d2c
- titleBar.inactiveForeground#cdd6f480
- tree.indentGuidesStroke#45475a80
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6c7086 | italic |
| string, string.quoted, string.template | #a6e3a1 | — |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #cba6f7 | — |
| constant.numeric, constant.language | #fab387 | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class | #89dceb | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #89b4fa | — |
| variable, variable.other, support.variable | #cdd6f4 | — |
| variable.parameter | #cdd6f4e6 | italic |
| punctuation, meta.brace | #cdd6f4b3 | — |
| keyword.operator | #cdd6f4cc | — |
| entity.name.tag | #cba6f7 | — |
| entity.other.attribute-name | #cba6f7 | — |
| support.type.property-name.css | #cba6f7 | — |
| support.constant.property-value.css | #a6e3a1 | — |
| keyword.control.import, keyword.control.from, keyword.control.export | #cba6f7 | italic |
| meta.decorator, punctuation.decorator | #89b4fa | italic |
| invalid, invalid.illegal | #f38ba8 | underline |
| markup.heading, entity.name.section | #cba6f7 | bold |
| markup.bold | #89dceb | bold |
| markup.italic | #89b4fa | italic |
| markup.underline.link, string.other.link | #89b4fa | underline |
| markup.inline.raw, markup.inline.raw.string | #a6e3a1 | — |
| markup.fenced_code.block, markup.raw.block | #cdd6f4 | — |
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.background#282a36e6
- activityBar.border#6272a4
- activityBar.foreground#f8f8f2
- activityBar.inactiveForeground#f8f8f266
- activityBarBadge.background#bd93f9
- activityBarBadge.foreground#000000
- badge.background#bd93f9
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#bd93f9
- breadcrumb.background#282a36
- breadcrumb.focusForeground#f8f8f2
- breadcrumb.foreground#f8f8f299
- breadcrumbPicker.background#3a3c4e
- button.background#bd93f9
- button.foreground#000000
- button.hoverBackground#bd93f9cc
- button.secondaryBackground#6272a4cc
- button.secondaryForeground#f8f8f2
- checkbox.background#3a3c4e
- checkbox.border#6272a4
- checkbox.foreground#bd93f9
- descriptionForeground#f8f8f2b3
- diffEditor.insertedTextBackground#50fa7b26
- diffEditor.removedTextBackground#ff555526
- dropdown.background#3a3c4e
- dropdown.border#6272a4
- dropdown.foreground#f8f8f2
- editor.background#282a36
- editor.findMatchBackground#bd93f966
- editor.findMatchHighlightBackground#bd93f933
- editor.foreground#f8f8f2
- editor.inactiveSelectionBackground#44475a80
- editor.lineHighlightBackground#3a3c4e
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#bd93f91a
- editor.selectionBackground#44475ae6
- editorBracketMatch.background#bd93f933
- editorBracketMatch.border#bd93f9
- editorCursor.background#282a36
- editorCursor.foreground#bd93f9
- editorError.foreground#ff5555
- editorGroup.border#6272a4
- editorGroup.dropBackground#bd93f91a
- editorGroupHeader.tabsBackground#262833
- editorGroupHeader.tabsBorder#6272a4
- editorGutter.addedBackground#50fa7b
- editorGutter.background#282a36
- editorGutter.deletedBackground#ff5555
- editorGutter.modifiedBackground#bd93f9
- editorHint.foreground#8be9fd
- editorHoverWidget.background#3a3c4e
- editorHoverWidget.border#6272a4
- editorIndentGuide.activeBackground#6272a4cc
- editorIndentGuide.background#6272a466
- editorInfo.foreground#8be9fd
- editorLineNumber.activeForeground#bd93f9
- editorLineNumber.foreground#f8f8f266
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#ff5555
- editorOverviewRuler.infoForeground#8be9fd
- editorOverviewRuler.warningForeground#ffb86c
- editorRuler.foreground#6272a480
- editorSuggestWidget.background#3a3c4e
- editorSuggestWidget.border#6272a4
- editorSuggestWidget.foreground#f8f8f2
- editorSuggestWidget.highlightForeground#bd93f9
- editorSuggestWidget.selectedBackground#bd93f933
- editorWarning.foreground#ffb86c
- editorWhitespace.foreground#f8f8f226
- editorWidget.background#282a36fa
- editorWidget.border#6272a4
- errorForeground#ff5555
- extensionButton.prominentBackground#bd93f9
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#bd93f9cc
- focusBorder#bd93f999
- foreground#f8f8f2
- gitDecoration.addedResourceForeground#50fa7b
- gitDecoration.conflictingResourceForeground#ffb86c
- gitDecoration.deletedResourceForeground#ff5555
- gitDecoration.ignoredResourceForeground#f8f8f24d
- gitDecoration.modifiedResourceForeground#bd93f9
- gitDecoration.renamedResourceForeground#bd93f9
- gitDecoration.stageDeletedResourceForeground#ff5555
- gitDecoration.stageModifiedResourceForeground#bd93f9
- gitDecoration.untrackedResourceForeground#50fa7b
- icon.foreground#f8f8f2
- input.background#3a3c4e
- input.border#6272a4
- input.foreground#f8f8f2
- input.placeholderForeground#f8f8f266
- inputOption.activeBackground#bd93f933
- inputOption.activeBorder#bd93f9
- inputOption.activeForeground#f8f8f2
- inputValidation.errorBackground#ff55551a
- inputValidation.errorBorder#ff5555
- inputValidation.warningBackground#ffb86c1a
- inputValidation.warningBorder#ffb86c
- list.activeSelectionBackground#bd93f940
- list.activeSelectionForeground#f8f8f2
- list.dropBackground#bd93f926
- list.focusBackground#bd93f926
- list.highlightForeground#bd93f9
- list.hoverBackground#44475a4d
- list.inactiveSelectionBackground#44475a80
- list.inactiveSelectionForeground#f8f8f2
- menu.background#3a3c4e
- menu.foreground#f8f8f2
- menu.selectionBackground#bd93f933
- menu.selectionForeground#f8f8f2
- menu.separatorBackground#6272a4
- menubar.selectionBackground#44475a80
- menubar.selectionForeground#f8f8f2
- minimap.background#282a36b3
- minimap.errorHighlight#ff5555
- minimap.selectionHighlight#bd93f94d
- minimap.warningHighlight#ffb86c
- minimapGutter.addedBackground#50fa7b
- minimapGutter.deletedBackground#ff5555
- minimapGutter.modifiedBackground#bd93f9
- notificationCenter.border#6272a4
- notificationCenterHeader.background#3a3c4e
- notificationCenterHeader.foreground#f8f8f2
- notifications.background#3a3c4e
- notifications.border#6272a4
- notifications.foreground#f8f8f2
- notificationsErrorIcon.foreground#ff5555
- notificationsInfoIcon.foreground#8be9fd
- notificationsWarningIcon.foreground#ffb86c
- notificationToast.border#6272a4
- panel.background#282a36
- panel.border#6272a4
- panelTitle.activeBorder#bd93f9
- panelTitle.activeForeground#f8f8f2
- panelTitle.inactiveForeground#f8f8f280
- peekView.border#bd93f9
- peekViewEditor.background#3a3c4ecc
- peekViewEditor.matchHighlightBackground#bd93f933
- peekViewResult.background#3a3c4e
- peekViewResult.fileForeground#f8f8f2
- peekViewResult.lineForeground#f8f8f2b3
- peekViewResult.matchHighlightBackground#bd93f933
- peekViewResult.selectionBackground#bd93f926
- peekViewResult.selectionForeground#f8f8f2
- peekViewTitle.background#bd93f91a
- peekViewTitleDescription.foreground#f8f8f2b3
- peekViewTitleLabel.foreground#f8f8f2
- progressBar.background#bd93f9
- scrollbar.shadow#282a3680
- scrollbarSlider.activeBackground#bd93f966
- scrollbarSlider.background#6272a466
- scrollbarSlider.hoverBackground#6272a499
- selection.background#bd93f94d
- settings.checkboxBackground#3a3c4e
- settings.checkboxBorder#6272a4
- settings.dropdownBackground#3a3c4e
- settings.dropdownBorder#6272a4
- settings.headerForeground#f8f8f2
- settings.modifiedItemIndicator#bd93f9
- settings.numberInputBackground#3a3c4e
- settings.numberInputBorder#6272a4
- settings.textInputBackground#3a3c4e
- settings.textInputBorder#6272a4
- sideBar.background#272934
- sideBar.border#6272a4
- sideBar.foreground#f8f8f2
- sideBarSectionHeader.background#3a3c4e80
- sideBarSectionHeader.border#6272a4
- sideBarSectionHeader.foreground#f8f8f2
- sideBarTitle.foreground#f8f8f299
- statusBar.background#282a36
- statusBar.border#6272a4
- statusBar.debuggingBackground#ff79c6
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#f8f8f2b3
- statusBar.noFolderBackground#282a36
- statusBarItem.errorBackground#ff5555
- statusBarItem.hoverBackground#44475a80
- statusBarItem.remoteBackground#bd93f9
- statusBarItem.remoteForeground#000000
- statusBarItem.warningBackground#ffb86c
- tab.activeBackground#282a36
- tab.activeBorder#bd93f9
- tab.activeBorderTop#00000000
- tab.activeForeground#f8f8f2
- tab.border#6272a4
- tab.hoverBackground#44475a4d
- tab.inactiveBackground#262833
- tab.inactiveForeground#f8f8f280
- tab.unfocusedActiveBackground#282a36
- tab.unfocusedActiveBorder#bd93f980
- terminal.ansiBlack#000000
- terminal.ansiBlue#bd93f9
- terminal.ansiBrightBlack#f8f8f280
- terminal.ansiBrightBlue#bd93f9
- terminal.ansiBrightCyan#8be9fd
- terminal.ansiBrightGreen#50fa7b
- terminal.ansiBrightMagenta#ff79c6
- terminal.ansiBrightRed#ff5555
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffb86c
- terminal.ansiCyan#8be9fd
- terminal.ansiGreen#50fa7b
- terminal.ansiMagenta#ff79c6
- terminal.ansiRed#ff5555
- terminal.ansiWhite#f8f8f2
- terminal.ansiYellow#ffb86c
- terminal.background#282a36
- terminal.cursor.background#282a36
- terminal.cursor.foreground#bd93f9
- terminal.foreground#f8f8f2
- terminal.selectionBackground#44475ab3
- terminalCursor.background#282a36
- terminalCursor.foreground#bd93f9
- textBlockQuote.background#333540
- textBlockQuote.border#bd93f999
- textCodeBlock.background#3e3f4a
- textPreformat.foreground#f1fa8c
- titleBar.activeBackground#282a36
- titleBar.activeForeground#f8f8f2
- titleBar.border#6272a4
- titleBar.inactiveBackground#262833
- titleBar.inactiveForeground#f8f8f280
- tree.indentGuidesStroke#6272a480
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6272a4 | italic |
| string, string.quoted, string.template | #f1fa8c | — |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #ff79c6 | — |
| constant.numeric, constant.language | #bd93f9 | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class | #8be9fd | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #50fa7b | — |
| variable, variable.other, support.variable | #f8f8f2 | — |
| variable.parameter | #f8f8f2e6 | italic |
| punctuation, meta.brace | #f8f8f2b3 | — |
| keyword.operator | #f8f8f2cc | — |
| entity.name.tag | #ff79c6 | — |
| entity.other.attribute-name | #bd93f9 | — |
| support.type.property-name.css | #bd93f9 | — |
| support.constant.property-value.css | #f1fa8c | — |
| keyword.control.import, keyword.control.from, keyword.control.export | #ff79c6 | italic |
| meta.decorator, punctuation.decorator | #ff79c6 | italic |
| invalid, invalid.illegal | #ff5555 | underline |
| markup.heading, entity.name.section | #bd93f9 | bold |
| markup.bold | #8be9fd | bold |
| markup.italic | #ff79c6 | italic |
| markup.underline.link, string.other.link | #50fa7b | underline |
| markup.inline.raw, markup.inline.raw.string | #f1fa8c | — |
| markup.fenced_code.block, markup.raw.block | #f8f8f2 | — |
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.background#1d2021e6
- activityBar.border#504945
- activityBar.foreground#ebdbb2
- activityBar.inactiveForeground#ebdbb266
- activityBarBadge.background#fabd2f
- activityBarBadge.foreground#000000
- badge.background#fabd2f
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#fabd2f
- breadcrumb.background#1d2021
- breadcrumb.focusForeground#ebdbb2
- breadcrumb.foreground#ebdbb299
- breadcrumbPicker.background#32302f
- button.background#fabd2f
- button.foreground#000000
- button.hoverBackground#fabd2fcc
- button.secondaryBackground#504945cc
- button.secondaryForeground#ebdbb2
- checkbox.background#32302f
- checkbox.border#504945
- checkbox.foreground#fabd2f
- descriptionForeground#ebdbb2b3
- diffEditor.insertedTextBackground#b8bb2626
- diffEditor.removedTextBackground#fb493426
- dropdown.background#32302f
- dropdown.border#504945
- dropdown.foreground#ebdbb2
- editor.background#1d2021
- editor.findMatchBackground#fabd2f66
- editor.findMatchHighlightBackground#fabd2f33
- editor.foreground#ebdbb2
- editor.inactiveSelectionBackground#3c383680
- editor.lineHighlightBackground#32302f
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#fabd2f1a
- editor.selectionBackground#3c3836e6
- editorBracketMatch.background#fabd2f33
- editorBracketMatch.border#fabd2f
- editorCursor.background#1d2021
- editorCursor.foreground#fabd2f
- editorError.foreground#fb4934
- editorGroup.border#504945
- editorGroup.dropBackground#fabd2f1a
- editorGroupHeader.tabsBackground#1c1e1f
- editorGroupHeader.tabsBorder#504945
- editorGutter.addedBackground#b8bb26
- editorGutter.background#1d2021
- editorGutter.deletedBackground#fb4934
- editorGutter.modifiedBackground#fabd2f
- editorHint.foreground#83a598
- editorHoverWidget.background#32302f
- editorHoverWidget.border#504945
- editorIndentGuide.activeBackground#504945cc
- editorIndentGuide.background#50494566
- editorInfo.foreground#83a598
- editorLineNumber.activeForeground#fabd2f
- editorLineNumber.foreground#ebdbb266
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#fb4934
- editorOverviewRuler.infoForeground#83a598
- editorOverviewRuler.warningForeground#fabd2f
- editorRuler.foreground#50494580
- editorSuggestWidget.background#32302f
- editorSuggestWidget.border#504945
- editorSuggestWidget.foreground#ebdbb2
- editorSuggestWidget.highlightForeground#fabd2f
- editorSuggestWidget.selectedBackground#fabd2f33
- editorWarning.foreground#fabd2f
- editorWhitespace.foreground#ebdbb226
- editorWidget.background#1d2021fa
- editorWidget.border#504945
- errorForeground#fb4934
- extensionButton.prominentBackground#fabd2f
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#fabd2fcc
- focusBorder#fabd2f99
- foreground#ebdbb2
- gitDecoration.addedResourceForeground#b8bb26
- gitDecoration.conflictingResourceForeground#fabd2f
- gitDecoration.deletedResourceForeground#fb4934
- gitDecoration.ignoredResourceForeground#ebdbb24d
- gitDecoration.modifiedResourceForeground#fabd2f
- gitDecoration.renamedResourceForeground#fabd2f
- gitDecoration.stageDeletedResourceForeground#fb4934
- gitDecoration.stageModifiedResourceForeground#fabd2f
- gitDecoration.untrackedResourceForeground#b8bb26
- icon.foreground#ebdbb2
- input.background#32302f
- input.border#504945
- input.foreground#ebdbb2
- input.placeholderForeground#ebdbb266
- inputOption.activeBackground#fabd2f33
- inputOption.activeBorder#fabd2f
- inputOption.activeForeground#ebdbb2
- inputValidation.errorBackground#fb49341a
- inputValidation.errorBorder#fb4934
- inputValidation.warningBackground#fabd2f1a
- inputValidation.warningBorder#fabd2f
- list.activeSelectionBackground#fabd2f40
- list.activeSelectionForeground#ebdbb2
- list.dropBackground#fabd2f26
- list.focusBackground#fabd2f26
- list.highlightForeground#fabd2f
- list.hoverBackground#3c38364d
- list.inactiveSelectionBackground#3c383680
- list.inactiveSelectionForeground#ebdbb2
- menu.background#32302f
- menu.foreground#ebdbb2
- menu.selectionBackground#fabd2f33
- menu.selectionForeground#ebdbb2
- menu.separatorBackground#504945
- menubar.selectionBackground#3c383680
- menubar.selectionForeground#ebdbb2
- minimap.background#1d2021b3
- minimap.errorHighlight#fb4934
- minimap.selectionHighlight#fabd2f4d
- minimap.warningHighlight#fabd2f
- minimapGutter.addedBackground#b8bb26
- minimapGutter.deletedBackground#fb4934
- minimapGutter.modifiedBackground#fabd2f
- notificationCenter.border#504945
- notificationCenterHeader.background#32302f
- notificationCenterHeader.foreground#ebdbb2
- notifications.background#32302f
- notifications.border#504945
- notifications.foreground#ebdbb2
- notificationsErrorIcon.foreground#fb4934
- notificationsInfoIcon.foreground#83a598
- notificationsWarningIcon.foreground#fabd2f
- notificationToast.border#504945
- panel.background#1d2021
- panel.border#504945
- panelTitle.activeBorder#fabd2f
- panelTitle.activeForeground#ebdbb2
- panelTitle.inactiveForeground#ebdbb280
- peekView.border#fabd2f
- peekViewEditor.background#32302fcc
- peekViewEditor.matchHighlightBackground#fabd2f33
- peekViewResult.background#32302f
- peekViewResult.fileForeground#ebdbb2
- peekViewResult.lineForeground#ebdbb2b3
- peekViewResult.matchHighlightBackground#fabd2f33
- peekViewResult.selectionBackground#fabd2f26
- peekViewResult.selectionForeground#ebdbb2
- peekViewTitle.background#fabd2f1a
- peekViewTitleDescription.foreground#ebdbb2b3
- peekViewTitleLabel.foreground#ebdbb2
- progressBar.background#fabd2f
- scrollbar.shadow#1d202180
- scrollbarSlider.activeBackground#fabd2f66
- scrollbarSlider.background#50494566
- scrollbarSlider.hoverBackground#50494599
- selection.background#fabd2f4d
- settings.checkboxBackground#32302f
- settings.checkboxBorder#504945
- settings.dropdownBackground#32302f
- settings.dropdownBorder#504945
- settings.headerForeground#ebdbb2
- settings.modifiedItemIndicator#fabd2f
- settings.numberInputBackground#32302f
- settings.numberInputBorder#504945
- settings.textInputBackground#32302f
- settings.textInputBorder#504945
- sideBar.background#1c1f20
- sideBar.border#504945
- sideBar.foreground#ebdbb2
- sideBarSectionHeader.background#32302f80
- sideBarSectionHeader.border#504945
- sideBarSectionHeader.foreground#ebdbb2
- sideBarTitle.foreground#ebdbb299
- statusBar.background#1d2021
- statusBar.border#504945
- statusBar.debuggingBackground#fe8019
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ebdbb2b3
- statusBar.noFolderBackground#1d2021
- statusBarItem.errorBackground#fb4934
- statusBarItem.hoverBackground#3c383680
- statusBarItem.remoteBackground#fabd2f
- statusBarItem.remoteForeground#000000
- statusBarItem.warningBackground#fabd2f
- tab.activeBackground#1d2021
- tab.activeBorder#fabd2f
- tab.activeBorderTop#00000000
- tab.activeForeground#ebdbb2
- tab.border#504945
- tab.hoverBackground#3c38364d
- tab.inactiveBackground#1c1e1f
- tab.inactiveForeground#ebdbb280
- tab.unfocusedActiveBackground#1d2021
- tab.unfocusedActiveBorder#fabd2f80
- terminal.ansiBlack#000000
- terminal.ansiBlue#fabd2f
- terminal.ansiBrightBlack#ebdbb280
- terminal.ansiBrightBlue#fabd2f
- terminal.ansiBrightCyan#83a598
- terminal.ansiBrightGreen#b8bb26
- terminal.ansiBrightMagenta#fe8019
- terminal.ansiBrightRed#fb4934
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fabd2f
- terminal.ansiCyan#83a598
- terminal.ansiGreen#b8bb26
- terminal.ansiMagenta#fe8019
- terminal.ansiRed#fb4934
- terminal.ansiWhite#ebdbb2
- terminal.ansiYellow#fabd2f
- terminal.background#1d2021
- terminal.cursor.background#1d2021
- terminal.cursor.foreground#fabd2f
- terminal.foreground#ebdbb2
- terminal.selectionBackground#3c3836b3
- terminalCursor.background#1d2021
- terminalCursor.foreground#fabd2f
- textBlockQuote.background#282b2c
- textBlockQuote.border#fabd2f99
- textCodeBlock.background#343637
- textPreformat.foreground#b8bb26
- titleBar.activeBackground#1d2021
- titleBar.activeForeground#ebdbb2
- titleBar.border#504945
- titleBar.inactiveBackground#1c1e1f
- titleBar.inactiveForeground#ebdbb280
- tree.indentGuidesStroke#50494580
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #928374 | italic |
| string, string.quoted, string.template | #b8bb26 | — |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #fb4934 | — |
| constant.numeric, constant.language | #d3869b | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class | #fabd2f | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #8ec07c | — |
| variable, variable.other, support.variable | #83a598 | — |
| variable.parameter | #83a598e6 | italic |
| punctuation, meta.brace | #ebdbb2b3 | — |
| keyword.operator | #ebdbb2cc | — |
| entity.name.tag | #fb4934 | — |
| entity.other.attribute-name | #fabd2f | — |
| support.type.property-name.css | #fabd2f | — |
| support.constant.property-value.css | #b8bb26 | — |
| keyword.control.import, keyword.control.from, keyword.control.export | #fb4934 | italic |
| meta.decorator, punctuation.decorator | #fe8019 | italic |
| invalid, invalid.illegal | #fb4934 | underline |
| markup.heading, entity.name.section | #fabd2f | bold |
| markup.bold | #fabd2f | bold |
| markup.italic | #fe8019 | italic |
| markup.underline.link, string.other.link | #8ec07c | underline |
| markup.inline.raw, markup.inline.raw.string | #b8bb26 | — |
| markup.fenced_code.block, markup.raw.block | #ebdbb2 | — |