Sober code
Publisher: YesCodeThemes in package: 20
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#242424
- activityBar.activeBorder#7286d4
- activityBar.background#242424
- activityBar.border#242424
- activityBar.foreground#fff
- activityBar.inactiveForeground#718288
- activityBarBadge.background#676cce
- activityBarBadge.foreground#ccd5f8
- badge.background#3f5378
- badge.foreground#fff
- banner.background#29393f
- breadcrumb.background#242424
- breadcrumb.focusForeground#8bcaca
- breadcrumb.foreground#cdcdcd
- button.background#4a4578
- button.border#8d85be
- button.foreground#ddd
- button.hoverBackground#3b2c69
- button.secondaryBackground#3b2c69
- button.secondaryForeground#ddd
- button.secondaryHoverBackground#4a4578
- checkbox.background#2b434c
- checkbox.border#bad8e4
- checkbox.foreground#cdcdcd
- descriptionForeground#bad8e4
- dropdown.border#bad8e4
- editor.background#242424
- editor.findMatchBackground#314759
- editor.findMatchHighlightBackground#32273b
- editor.findMatchHighlightBorder#7c9098
- editor.foreground#cdcdcd
- editor.hoverHighlightBackground#2b434c
- editor.inactiveSelectionBackground#6a45a646
- editor.lineHighlightBackground#2f2f2f
- editor.lineHighlightBorder#2f2f2f
- editor.rangeHighlightBackground#3147599c
- editor.selectionBackground#6a45a646
- editor.selectionHighlightBackground#314759
- editor.selectionHighlightBorder#7c9098
- editor.wordHighlightBackground#314759
- editor.wordHighlightBorder#7c9098
- editor.wordHighlightStrongBackground#024e8183
- editor.wordHighlightStrongBorder#314759
- editorBracketHighlight.foreground1#bad8e4
- editorBracketHighlight.foreground2#dfe6e9
- editorBracketHighlight.foreground3#ffeaa7
- editorBracketHighlight.foreground4#baec04
- editorBracketHighlight.foreground5#81ecec
- editorBracketHighlight.foreground6#fab1a0
- editorBracketMatch.background#3d4549
- editorBracketMatch.border#3d4549
- editorCursor.foreground#9cabb3
- editorError.background#553640
- editorError.border#e97b7b
- editorError.foreground#ff0000
- editorGroup.border#3d4549
- editorGroupHeader.tabsBackground#2f2f2f
- editorGroupHeader.tabsBorder#242424
- editorGutter.background#242424
- editorHoverWidget.background#242424
- editorHoverWidget.border#8d85be70
- editorHoverWidget.foreground#fff
- editorIndentGuide.activeBackground#5768ae
- editorIndentGuide.background#7a9ff017
- editorInfo.border#5e479e
- editorLineNumber.activeForeground#81a4bb
- editorLineNumber.foreground#444849
- editorOverviewRuler.border#242424
- editorOverviewRuler.findMatchForeground#6494db
- editorSuggestWidget.background#242424
- editorSuggestWidget.border#28353b
- editorSuggestWidget.focusHighlightForeground#7c9098
- editorSuggestWidget.foreground#d3dadd
- editorSuggestWidget.highlightForeground#fab1a0
- editorSuggestWidget.selectedBackground#262d31
- editorSuggestWidget.selectedForeground#c5cfd9
- editorSuggestWidget.selectedIconForeground#a1dacb
- editorWidget.background#242424
- editorWidget.border#bad8e4
- editorWidget.foreground#d5ebf3
- editorWidget.resizeBorder#bad8e4
- focusBorder#7c9098
- foreground#cdcdcd
- icon.foreground#a5c4c4
- input.background#28353b
- input.border#7c9098
- input.foreground#7c9098
- input.placeholderForeground#ddd
- inputOption.activeBackground#2b4754
- inputOption.activeBorder#7c9098
- inputOption.activeForeground#cdcdcd
- inputOption.hoverBackground#29363d
- list.activeSelectionBackground#1b2f36
- list.activeSelectionForeground#fff
- list.activeSelectionIconForeground#cbe7e5
- list.deemphasizedForeground#cdcdcd
- list.hoverBackground#272f32
- list.hoverForeground#fff
- list.inactiveSelectionBackground#2c4551c7
- list.inactiveSelectionForeground#cdcdcd
- list.inactiveSelectionIconForeground#96afb8
- menu.background#242424
- menu.border#8d85be73
- menu.foreground#dfe6e9
- menu.selectionBackground#272f32
- menu.selectionBorder#313b3f
- menu.selectionForeground#fff
- menu.separatorBackground#3e484c
- menubar.selectionBackground#272f32
- menubar.selectionForeground#7d9fac
- minimap.selectionHighlight#3d45495e
- minimapSlider.activeBackground#00000028
- minimapSlider.background#2424243f
- minimapSlider.hoverBackground#3d45496e
- notifications.background#242424
- notifications.border#7c9098
- notifications.foreground#fff
- panel.background#242424c9
- panel.border#8d85be
- panelTitle.activeBorder#8bcaca
- panelTitle.activeForeground#bad8e4
- panelTitle.inactiveForeground#bbbbbb
- quickInput.background#242424
- quickInput.foreground#cdcdcd
- quickInputList.focusBackground#2b47548c
- quickInputList.focusForeground#fff
- quickInputList.focusIconForeground#7c9098
- scrollbarSlider.activeBackground#5b6e77
- scrollbarSlider.background#3d4549
- scrollbarSlider.hoverBackground#3d4549
- settings.checkboxBackground#32273b
- settings.checkboxBorder#7c9098
- settings.checkboxForeground#b7d8d8
- settings.dropdownBackground#253241
- settings.dropdownBorder#7c9098
- settings.dropdownForeground#d9e6eb
- settings.focusedRowBackground#272f32d8
- settings.focusedRowBorder#7c9098
- settings.headerBorder#7c9098
- settings.headerForeground#bad8e4
- settings.modifiedItemIndicator#7c9098
- settings.numberInputBackground#2b434c
- settings.numberInputBorder#7c9098
- settings.numberInputForeground#cdcdcd
- settings.rowHoverBackground#2b434c
- settings.sashBorder#7c9098
- settings.textInputBackground#3f5670
- settings.textInputBorder#7c9098
- settings.textInputForeground#cdcdcd
- sideBar.background#242424
- sideBar.border#242424
- sideBar.foreground#ddd
- sideBarSectionHeader.background#242424
- sideBarSectionHeader.border#7c909813
- sideBarSectionHeader.foreground#9a9c9c
- sideBarTitle.foreground#e4e4e4
- statusBar.background#242729
- statusBar.debuggingBackground#041920
- statusBar.debuggingForeground#fff
- statusBar.foreground#bec0c0
- statusBar.noFolderBackground#242424
- statusBarItem.hoverBackground#293332
- statusBarItem.remoteBackground#2e414b
- statusBarItem.remoteForeground#aecedb
- tab.activeBackground#242424
- tab.activeBorder#242424
- tab.activeBorderTop#242424
- tab.activeForeground#fff
- tab.border#2f2f2f
- tab.hoverBackground#242424
- tab.hoverBorder#7c9098
- tab.hoverForeground#95a8af
- tab.inactiveBackground#2f2f2f
- tab.inactiveForeground#cdcdcd
- tab.unfocusedActiveBorder#242424
- tab.unfocusedActiveBorderTop#242424
- tab.unfocusedActiveForeground#f3f5f8
- tab.unfocusedHoverBorder#7c9098
- tab.unfocusedInactiveBackground#2f2f2f
- tab.unfocusedInactiveForeground#c0d1d8
- terminal.ansiBlack#1d211d
- terminal.ansiBlue#00f95f
- terminal.ansiBrightBlack#665C54
- terminal.ansiBrightBlue#0D6678
- terminal.ansiBrightCyan#8BA59B
- terminal.ansiBrightGreen#7c9098
- terminal.ansiBrightMagenta#8F4673
- terminal.ansiBrightRed#FB543F
- terminal.ansiBrightWhite#FDF4C1
- terminal.ansiBrightYellow#dfe6e9
- terminal.ansiCyan#8BA59B
- terminal.ansiGreen#95C085
- terminal.ansiMagenta#8F4673
- terminal.ansiRed#FB543F
- terminal.ansiWhite#A89984
- terminal.ansiYellow#FAC03B
- terminal.background#242424
- terminal.findMatchBackground#2b1883
- terminal.findMatchHighlightBackground#2b3650
- terminal.foreground#3d4549
- terminal.selectionBackground#484c6e
- terminal.selectionForeground#fff
- terminalCursor.background#9486ee
- terminalCursor.foreground#7c8d95
- terminalOverviewRuler.cursorForeground#fff
- titleBar.activeBackground#242424
- titleBar.activeForeground#ddd
- titleBar.border#242424
- titleBar.inactiveBackground#242424
- titleBar.inactiveForeground#fff
- tree.indentGuidesStroke#ffde3c
- widget.shadow#272f32
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6d6f70 | italic |
| variable, string constant.other.placeholder | #fab1a0 | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #f1b0c6 | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #b9ced6 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #9bb4be | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #ffeaa7 | — |
| meta.block variable.other | #f07178 | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #a09fe7 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #faf0ed | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFCB6B | — |
| support.type | #eab6f5 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #a4b7f8 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| 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 | #F78C6C | — |
| 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 | #FF5370 | — |
| 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 | #C17E70 | — |
| 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 | #82AAFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |
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#232326
- activityBar.activeBorder#ffc800
- activityBar.background#2b2c2f
- activityBar.border#232326
- activityBar.foreground#ffecee
- activityBar.inactiveForeground#8a7d7e
- activityBarBadge.background#f44250
- activityBarBadge.foreground#ccd5f8
- badge.background#70060f
- badge.foreground#fff
- banner.background#29393f
- breadcrumb.background#232326
- breadcrumb.focusForeground#7375b6
- breadcrumb.foreground#cdcdcd
- button.background#70060f
- button.border#f57883
- button.foreground#ddd
- button.hoverBackground#121212
- button.secondaryBackground#232326
- button.secondaryForeground#ddd
- button.secondaryHoverBackground#4a4578
- checkbox.background#2b2c2f
- checkbox.border#7375b6
- checkbox.foreground#cdcdcd
- descriptionForeground#c4c5d4
- dropdown.border#7375b6
- editor.background#232326
- editor.findMatchBackground#262c72
- editor.findMatchHighlightBackground#323661
- editor.findMatchHighlightBorder#7375b6
- editor.foreground#cdcdcd
- editor.hoverHighlightBackground#30345e
- editor.inactiveSelectionBackground#2b2c2f
- editor.lineHighlightBackground#2b2c2f
- editor.lineHighlightBorder#2b2c2f
- editor.rangeHighlightBackground#1d2041bb
- editor.selectionBackground#232755
- editor.selectionHighlightBackground#314759
- editor.selectionHighlightBorder#7c9098
- editor.wordHighlightBackground#414aa77e
- editor.wordHighlightBorder#2b2c2f
- editor.wordHighlightStrongBackground#2a31799c
- editor.wordHighlightStrongBorder#3d4277
- editorBracketHighlight.foreground1#f7b7bd
- editorBracketHighlight.foreground2#ffeaa7
- editorBracketHighlight.foreground3#dfe6e9
- editorBracketHighlight.foreground4#baec04
- editorBracketHighlight.foreground5#81ecec
- editorBracketHighlight.foreground6#bad8e4
- editorBracketMatch.background#111220
- editorBracketMatch.border#2b2c2f
- editorCursor.foreground#d6cffb
- editorError.background#f4425165
- editorError.border#ec3535
- editorError.foreground#ff0000
- editorGroup.border#3d4549
- editorGroupHeader.tabsBackground#2b2c2f
- editorGroupHeader.tabsBorder#232326
- editorGutter.background#232326
- editorHoverWidget.background#232326
- editorHoverWidget.border#7375b685
- editorHoverWidget.foreground#fff
- editorIndentGuide.activeBackground#db5964b0
- editorIndentGuide.background#7a9ff017
- editorInfo.border#5e479e
- editorLineNumber.activeForeground#ffc800
- editorLineNumber.foreground#817b7c
- editorOverviewRuler.border#232326
- editorOverviewRuler.findMatchForeground#7375b6
- editorSuggestWidget.background#232326
- editorSuggestWidget.border#2b2c2f
- editorSuggestWidget.focusHighlightForeground#766bdd
- editorSuggestWidget.foreground#d3dadd
- editorSuggestWidget.highlightForeground#fab1a0
- editorSuggestWidget.selectedBackground#070925
- editorSuggestWidget.selectedForeground#c5cfd9
- editorSuggestWidget.selectedIconForeground#a1dacb
- editorWidget.background#111627
- editorWidget.border#bad8e4
- editorWidget.foreground#d5ebf3
- editorWidget.resizeBorder#bad8e4
- focusBorder#ffc80081
- foreground#b5b5bd
- icon.foreground#ffc800
- input.background#2b2c2f
- input.border#7375b6
- input.foreground#d8e1f0
- input.placeholderForeground#ddd
- inputOption.activeBackground#2e3368
- inputOption.activeBorder#7375b6
- inputOption.activeForeground#cdcdcd
- inputOption.hoverBackground#393d7c
- list.activeSelectionBackground#1f71eb49
- list.activeSelectionForeground#fff
- list.activeSelectionIconForeground#cbe7e5
- list.deemphasizedForeground#cdcdcd
- list.hoverBackground#2b2c2f
- list.hoverForeground#fff
- list.inactiveSelectionBackground#2b2c2f
- list.inactiveSelectionForeground#cdcdcd
- list.inactiveSelectionIconForeground#96afb8
- menu.background#232326
- menu.border#8d85be73
- menu.foreground#dfe6e9
- menu.selectionBackground#2b2c2f
- menu.selectionBorder#232326
- menu.selectionForeground#fff
- menu.separatorBackground#2b2c2f
- menubar.selectionBackground#2b2c2f
- menubar.selectionForeground#a9afb9
- minimap.selectionHighlight#3d45495e
- minimapSlider.activeBackground#00000028
- minimapSlider.background#2323263f
- minimapSlider.hoverBackground#3d45496e
- notifications.background#232326
- notifications.border#7c9098
- notifications.foreground#fff
- panel.background#2b2c2f
- panel.border#53535e
- panelTitle.activeBorder#7375b6
- panelTitle.activeForeground#fff
- panelTitle.inactiveForeground#bbbbbb
- quickInput.background#232326
- quickInput.foreground#cdcdcd
- quickInputList.focusBackground#2b2c2f
- quickInputList.focusForeground#fff
- quickInputList.focusIconForeground#7375b6
- scrollbarSlider.activeBackground#132742
- scrollbarSlider.background#31334eb9
- scrollbarSlider.hoverBackground#2b2c2f
- settings.checkboxBackground#2b2c2f
- settings.checkboxBorder#7375b6
- settings.checkboxForeground#749cd4
- settings.dropdownBackground#2b2c2f
- settings.dropdownBorder#7375b6
- settings.dropdownForeground#d9e6eb
- settings.focusedRowBackground#2b2c2f
- settings.focusedRowBorder#7375b6
- settings.headerBorder#7375b6
- settings.headerForeground#999be9
- settings.modifiedItemIndicator#7375b6
- settings.numberInputBackground#2b2c2f
- settings.numberInputBorder#7375b6
- settings.numberInputForeground#cdcdcd
- settings.rowHoverBackground#1e213dde
- settings.sashBorder#7375b6
- settings.textInputBackground#2b2c2f
- settings.textInputBorder#7375b6
- settings.textInputForeground#eee
- sideBar.background#232326
- sideBar.border#232326
- sideBar.foreground#ddd
- sideBarSectionHeader.background#232326
- sideBarSectionHeader.foreground#aaa2a2
- sideBarTitle.foreground#e4e4e4
- statusBar.background#2b2c2f
- statusBar.debuggingBackground#f44250
- statusBar.debuggingForeground#fff
- statusBar.foreground#b1afaf
- statusBar.noFolderBackground#232326
- statusBarItem.hoverBackground#232326
- statusBarItem.remoteBackground#f44250
- statusBarItem.remoteForeground#fff
- tab.activeBackground#232326
- tab.activeBorder#232326
- tab.activeBorderTop#232326
- tab.activeForeground#fff
- tab.border#2b2c2f
- tab.hoverBackground#232326
- tab.hoverBorder#f44250
- tab.hoverForeground#b1bac7
- tab.inactiveBackground#2b2c2f
- tab.inactiveForeground#cdcdcd
- tab.unfocusedActiveBorder#232326
- tab.unfocusedActiveBorderTop#232326
- tab.unfocusedActiveForeground#f3f5f8
- tab.unfocusedHoverBorder#7c9098
- tab.unfocusedInactiveBackground#2b2c2f
- tab.unfocusedInactiveForeground#c0d1d8
- terminal.ansiBlack#1d211d
- terminal.ansiBlue#00f95f
- terminal.ansiBrightBlack#665C54
- terminal.ansiBrightBlue#0D6678
- terminal.ansiBrightCyan#8BA59B
- terminal.ansiBrightGreen#7c9098
- terminal.ansiBrightMagenta#8F4673
- terminal.ansiBrightRed#FB543F
- terminal.ansiBrightWhite#FDF4C1
- terminal.ansiBrightYellow#dfe6e9
- terminal.ansiCyan#8BA59B
- terminal.ansiGreen#95C085
- terminal.ansiMagenta#8F4673
- terminal.ansiRed#FB543F
- terminal.ansiWhite#A89984
- terminal.ansiYellow#FAC03B
- terminal.background#232326
- terminal.findMatchBackground#101547
- terminal.findMatchHighlightBackground#2b3650
- terminal.foreground#bebec2
- terminal.selectionBackground#2b2c2f
- terminal.selectionForeground#fff
- terminalCursor.background#7375b6
- terminalCursor.foreground#d6cffb
- terminalOverviewRuler.cursorForeground#fff
- titleBar.activeBackground#232326
- titleBar.activeForeground#ddd
- titleBar.border#232326
- titleBar.inactiveBackground#232326
- titleBar.inactiveForeground#fff
- tree.indentGuidesStroke#f44250
- widget.shadow#2b2c2f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #a79b9c | italic |
| variable, string constant.other.placeholder | #fab1a0 | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #f44251 | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #b9ced6 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #f0cc1b | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #83b7f7 | — |
| meta.block variable.other | #f07178 | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #eed062 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #cecece | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFCB6B | — |
| support.type | #8688cf | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #d4a8df | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| 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 | #F78C6C | — |
| 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 | #FF5370 | — |
| 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 | #C17E70 | — |
| 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 | #82AAFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |
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#0e201a
- activityBar.activeBorder#2fac82
- activityBar.background#10271f
- activityBar.foreground#50b896
- activityBar.inactiveForeground#6fbba288
- activityBarBadge.background#2f6c58
- activityBarBadge.foreground#ccf8ef
- badge.background#063049
- badge.foreground#fff
- banner.background#29393f
- breadcrumb.background#0e201a
- breadcrumb.focusForeground#fff
- breadcrumb.foreground#9eecd2
- button.background#085f42
- button.border#50b896
- button.foreground#d4f5ea
- button.hoverBackground#0f2c22
- button.secondaryBackground#0e201a
- button.secondaryForeground#ddd
- button.secondaryHoverBackground#4a4578
- checkbox.background#10271f
- checkbox.border#50b896
- checkbox.foreground#cdcdcd
- descriptionForeground#d5eee6
- dropdown.border#50b896
- editor.background#0e201a
- editor.findMatchBackground#075038ad
- editor.findMatchHighlightBackground#302f6c60
- editor.findMatchHighlightBorder#0c6447c7
- editor.foreground#cdcdcd
- editor.hoverHighlightBackground#02684494
- editor.inactiveSelectionBackground#10271f
- editor.lineHighlightBackground#10271f
- editor.lineHighlightBorder#10271f
- editor.rangeHighlightBackground#03493262
- editor.rangeHighlightBorder#2f6c58
- editor.selectionBackground#1a503e5d
- editor.selectionHighlightBackground#31594d
- editor.selectionHighlightBorder#7c9098
- editor.wordHighlightBackground#064933e0
- editor.wordHighlightBorder#10271f
- editor.wordHighlightStrongBackground#094e5f98
- editor.wordHighlightStrongBorder#2f6c58
- editorBracketHighlight.foreground1#f7b7bd
- editorBracketHighlight.foreground2#ffeaa7
- editorBracketHighlight.foreground3#dfe6e9
- editorBracketHighlight.foreground4#baec04
- editorBracketHighlight.foreground5#81ecec
- editorBracketHighlight.foreground6#dce285
- editorBracketMatch.background#2f6c5877
- editorBracketMatch.border#2f6c58
- editorCursor.foreground#7fe0c0
- editorError.background#f4425165
- editorError.border#ec3535
- editorError.foreground#ff0000
- editorGroup.border#2f6c58
- editorGroupHeader.tabsBackground#10271f
- editorGroupHeader.tabsBorder#0e201a
- editorGutter.background#0e201a
- editorHoverWidget.background#0e201a
- editorHoverWidget.border#50b896
- editorHoverWidget.foreground#abddcc
- editorIndentGuide.activeBackground#2f6c58
- editorIndentGuide.background#7a9ff017
- editorInfo.border#2f6c58
- editorLineNumber.activeForeground#50b896
- editorLineNumber.foreground#6fc7aa57
- editorOverviewRuler.border#0e201a
- editorOverviewRuler.findMatchForeground#2f6c58
- editorSuggestWidget.background#0e201a
- editorSuggestWidget.border#50b8956c
- editorSuggestWidget.focusHighlightForeground#f1e1a8
- editorSuggestWidget.foreground#d3dadd
- editorSuggestWidget.highlightForeground#fab1a0
- editorSuggestWidget.selectedBackground#08422eb7
- editorSuggestWidget.selectedForeground#9ae6cc
- editorSuggestWidget.selectedIconForeground#50b896
- editorWidget.background#071f17
- editorWidget.border#50b896
- editorWidget.foreground#c8f1e4
- editorWidget.resizeBorder#50b896
- focusBorder#50b89579
- foreground#b2e2d2
- icon.foreground#50b896
- input.background#10271f
- input.border#50b895d0
- input.foreground#d8e1f0
- input.placeholderForeground#ddd
- inputOption.activeBackground#045037dc
- inputOption.activeBorder#50b895de
- inputOption.activeForeground#cdf8ea
- inputOption.hoverBackground#074631
- list.activeSelectionBackground#0b4b354b
- list.activeSelectionForeground#fff
- list.activeSelectionIconForeground#50b896
- list.deemphasizedForeground#cdcdcd
- list.hoverBackground#0f3125
- list.hoverForeground#8aeccc
- list.inactiveSelectionBackground#14705046
- list.inactiveSelectionForeground#8aeccc
- list.inactiveSelectionIconForeground#8df3d1
- menu.background#0e201a
- menu.border#50b89586
- menu.foreground#b7e7d7
- menu.selectionBackground#08422eb7
- menu.selectionBorder#50b896
- menu.selectionForeground#fff
- menu.separatorBackground#50b89531
- menubar.selectionBackground#093b2a
- menubar.selectionForeground#50b896
- minimap.selectionHighlight#3d45495e
- minimapSlider.activeBackground#00000028
- minimapSlider.background#1212123f
- minimapSlider.hoverBackground#3d45496e
- notifications.background#0e201a
- notifications.border#7c9098
- notifications.foreground#fff
- panel.background#0c1b16
- panel.border#2f6c58
- panelTitle.activeBorder#50b896
- panelTitle.activeForeground#fff
- panelTitle.inactiveForeground#a7e4cf
- quickInput.background#0e201a
- quickInput.foreground#b7f3df
- quickInputList.focusBackground#08422eb7
- quickInputList.focusForeground#fff
- quickInputList.focusIconForeground#50b896
- scrollbarSlider.activeBackground#132742
- scrollbarSlider.background#1058408f
- scrollbarSlider.hoverBackground#2f6c58
- settings.checkboxBackground#03422d73
- settings.checkboxBorder#50b896
- settings.checkboxForeground#baebda
- settings.dropdownBackground#10271f
- settings.dropdownBorder#50b895be
- settings.dropdownForeground#c2f1e2
- settings.focusedRowBackground#03332283
- settings.focusedRowBorder#50b895b4
- settings.headerBorder#50b896
- settings.headerForeground#72eec5
- settings.modifiedItemIndicator#50b896
- settings.numberInputBackground#053626b4
- settings.numberInputBorder#50b895c0
- settings.numberInputForeground#c6f1e3
- settings.rowHoverBackground#044d346b
- settings.sashBorder#50b896
- settings.textInputBackground#065c3f52
- settings.textInputBorder#50b895c5
- settings.textInputForeground#eee
- sideBar.background#0e201a
- sideBar.border#50b89511
- sideBar.foreground#aaeed7
- sideBarSectionHeader.background#0e201a
- sideBarSectionHeader.foreground#50b896
- sideBarTitle.foreground#36ebae
- statusBar.background#10271f
- statusBar.debuggingBackground#085f42
- statusBar.debuggingForeground#fff
- statusBar.foreground#afeed9
- statusBar.noFolderBackground#0e201a
- statusBarItem.hoverBackground#124132
- statusBarItem.remoteBackground#0d7250
- statusBarItem.remoteForeground#c4f5e5
- tab.activeBackground#0e201a
- tab.activeBorder#0e201a
- tab.activeBorderTop#0e201a
- tab.activeForeground#fff
- tab.border#10271f
- tab.hoverBackground#08422e36
- tab.hoverBorder#50b896
- tab.hoverForeground#50b896
- tab.inactiveBackground#10271f
- tab.inactiveForeground#cdcdcd
- tab.unfocusedActiveBorder#0e201a
- tab.unfocusedActiveBorderTop#0e201a
- tab.unfocusedActiveForeground#f3f8f7
- tab.unfocusedInactiveBackground#10271f
- tab.unfocusedInactiveForeground#c0d1d8
- terminal.ansiBlack#1d211d
- terminal.ansiBlue#00f95f
- terminal.ansiBrightBlack#665C54
- terminal.ansiBrightBlue#0D6678
- terminal.ansiBrightCyan#8BA59B
- terminal.ansiBrightGreen#50b896
- terminal.ansiBrightMagenta#8F4673
- terminal.ansiBrightRed#FB543F
- terminal.ansiBrightWhite#FDF4C1
- terminal.ansiBrightYellow#dfe6e9
- terminal.ansiCyan#8BA59B
- terminal.ansiGreen#95C085
- terminal.ansiMagenta#8F4673
- terminal.ansiRed#FB543F
- terminal.ansiWhite#A89984
- terminal.ansiYellow#FAC03B
- terminal.background#08130f
- terminal.findMatchBackground#065245b6
- terminal.findMatchHighlightBackground#04515750
- terminal.foreground#acbbb6
- terminal.selectionBackground#10271f
- terminal.selectionForeground#fff
- terminalCursor.foreground#17644b
- terminalOverviewRuler.cursorForeground#fff
- titleBar.activeBackground#0e201a
- titleBar.activeForeground#a4e7d1
- titleBar.inactiveBackground#0e201a
- titleBar.inactiveForeground#a5c7bb
- tree.indentGuidesStroke#50b896
- widget.shadow#50b89527
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #2f6c58 | — |
| variable, string constant.other.placeholder | #ffeaa7 | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #fab1a0 | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #ffdd59 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #f0cc1b | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #55efc4 | — |
| meta.block variable.other | #f07178 | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #7bed9f | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #dbecec | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFCB6B | — |
| support.type | #74b9ff | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #7bed9f | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| 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 | #F78C6C | — |
| 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 | #FF5370 | — |
| 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 | #C17E70 | — |
| 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 | #82AAFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |
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#170e20
- activityBar.activeBorder#af9bf7
- activityBar.background#1f132c
- activityBar.foreground#a793ee
- activityBar.inactiveForeground#897db8
- activityBarBadge.background#5233c2
- activityBarBadge.foreground#d5cef0
- badge.background#411274
- badge.foreground#fff
- banner.background#33293f
- breadcrumb.background#170e20
- breadcrumb.focusForeground#fff
- breadcrumb.foreground#c2b5f0
- button.background#4c26b470
- button.border#8f75ec
- button.foreground#e6d4f5
- button.hoverBackground#3e0480
- button.secondaryBackground#340c5c
- button.secondaryForeground#ddd
- button.secondaryHoverBackground#4227a7
- checkbox.background#1f132c
- checkbox.border#8f75ec
- checkbox.foreground#cdcdcd
- descriptionForeground#dfd5ee
- dropdown.border#7850b8
- editor.background#170e20
- editor.findMatchBackground#290750ad
- editor.findMatchHighlightBackground#302f6c60
- editor.findMatchHighlightBorder#2e0c64c7
- editor.foreground#cdcdcd
- editor.hoverHighlightBackground#32026894
- editor.inactiveSelectionBackground#441b709f
- editor.lineHighlightBackground#27153a
- editor.lineHighlightBorder#28193871
- editor.rangeHighlightBackground#47034949
- editor.rangeHighlightBorder#5e2f6c
- editor.selectionBackground#441b709f
- editor.selectionHighlightBackground#403159
- editor.selectionHighlightBorder#967c98
- editor.wordHighlightBackground#2e0649e0
- editor.wordHighlightBorder#1f132c
- editor.wordHighlightStrongBackground#094e5f98
- editor.wordHighlightStrongBorder#602f6c
- editorBracketHighlight.foreground1#f7b7bd
- editorBracketHighlight.foreground2#ffeaa7
- editorBracketHighlight.foreground3#dfe6e9
- editorBracketHighlight.foreground4#baec04
- editorBracketHighlight.foreground5#81ecec
- editorBracketHighlight.foreground6#dce285
- editorBracketMatch.background#4f2f6c93
- editorBracketMatch.border#462f6c
- editorCursor.foreground#cba2f7
- editorError.background#f4425165
- editorError.border#ec3535
- editorError.foreground#ff0000
- editorGroup.border#4f2f6c
- editorGroupHeader.tabsBackground#1f132c
- editorGroupHeader.tabsBorder#7450b817
- editorGutter.background#170e20
- editorHoverWidget.background#170e20
- editorHoverWidget.border#6750b8
- editorHoverWidget.foreground#c1abdd
- editorIndentGuide.activeBackground#6c3e9e
- editorIndentGuide.background#7a9ff017
- editorInfo.border#462f6c
- editorLineNumber.activeForeground#9562cc
- editorLineNumber.foreground#6f6080e5
- editorOverviewRuler.border#170e20
- editorOverviewRuler.findMatchForeground#8f75ecd5
- editorSuggestWidget.background#170e20
- editorSuggestWidget.border#6c50b86c
- editorSuggestWidget.focusHighlightForeground#f1e1a8
- editorSuggestWidget.foreground#d3dadd
- editorSuggestWidget.highlightForeground#fab1a0
- editorSuggestWidget.selectedBackground#260842b7
- editorSuggestWidget.selectedForeground#9ae6cc
- editorSuggestWidget.selectedIconForeground#c17ae2
- editorWidget.background#12071f
- editorWidget.border#8f75ec
- editorWidget.foreground#c8f1e4
- editorWidget.resizeBorder#8f75ec
- focusBorder#8f75ec
- foreground#c3b2e2
- icon.foreground#8f75ec
- input.background#1f132c
- input.border#9f75ecb0
- input.foreground#d8e1f0
- input.placeholderForeground#ddd
- inputOption.activeBackground#2e0450dc
- inputOption.activeBorder#8f75ec
- inputOption.activeForeground#e5cdf8
- inputOption.hoverBackground#3f0746
- list.activeSelectionBackground#3e0b4b77
- list.activeSelectionForeground#fff
- list.activeSelectionIconForeground#a365e6
- list.deemphasizedForeground#cdcdcd
- list.hoverBackground#220f31
- list.hoverForeground#a566e9
- list.inactiveSelectionBackground#34214996
- list.inactiveSelectionForeground#ba81fc
- list.inactiveSelectionIconForeground#c290f8
- menu.background#170e20
- menu.border#8f75ec6b
- menu.foreground#d1c8f1
- menu.selectionBackground#2b0842cc
- menu.selectionBorder#6f50b8
- menu.selectionForeground#fff
- menu.separatorBackground#a77fdb6e
- menubar.selectionBackground#2f1a7c73
- menubar.selectionForeground#c9bde9
- minimap.selectionHighlight#3d45495e
- minimapSlider.activeBackground#00000028
- minimapSlider.background#1212123f
- minimapSlider.hoverBackground#3d45496e
- notifications.background#170e20
- notifications.border#867c98
- notifications.foreground#fff
- panel.background#090113
- panel.border#8f75eca2
- panelTitle.activeBorder#8f75ec
- panelTitle.activeForeground#fff
- panelTitle.inactiveForeground#bca7e4
- quickInput.background#170e20
- quickInput.foreground#d1b7f3
- quickInputList.focusBackground#280842b7
- quickInputList.focusForeground#fff
- quickInputList.focusIconForeground#8f75ec
- scrollbarSlider.activeBackground#132742
- scrollbarSlider.background#351058bb
- scrollbarSlider.hoverBackground#602f6c
- settings.checkboxBackground#1e034273
- settings.checkboxBorder#8f75ec
- settings.checkboxForeground#c9baeb
- settings.dropdownBackground#1f132c
- settings.dropdownBorder#8f75ec
- settings.dropdownForeground#dcc2f1
- settings.focusedRowBackground#03332283
- settings.focusedRowBorder#8f75ec
- settings.headerBorder#8f75ec
- settings.headerForeground#bdabff
- settings.modifiedItemIndicator#8f75ec
- settings.numberInputBackground#1a0536b4
- settings.numberInputBorder#8f75ec
- settings.numberInputForeground#d3c6f1
- settings.rowHoverBackground#1a044d6b
- settings.sashBorder#8f75ec
- settings.textInputBackground#2e065c52
- settings.textInputBorder#8f75ec
- settings.textInputForeground#eee
- sideBar.background#170e20
- sideBar.border#7450b817
- sideBar.foreground#bbb3d6
- sideBarSectionHeader.background#170e20
- sideBarSectionHeader.border#7450b80a
- sideBarSectionHeader.foreground#b4a1fa
- sideBarTitle.foreground#cabcfc
- statusBar.background#1f132c
- statusBar.debuggingBackground#400447
- statusBar.debuggingForeground#fff
- statusBar.foreground#cdc3f1
- statusBar.noFolderBackground#170e20
- statusBarItem.hoverBackground#441758
- statusBarItem.remoteBackground#2f1880
- statusBarItem.remoteForeground#ccc0f7
- tab.activeBackground#170e20
- tab.activeBorder#170e20
- tab.activeBorderTop#170e20
- tab.activeForeground#fff
- tab.border#1f132c
- tab.hoverBackground#26084263
- tab.hoverBorder#8f75ec
- tab.hoverForeground#c29ff0
- tab.inactiveBackground#1f132c
- tab.inactiveForeground#cdcdcd
- tab.unfocusedActiveBorder#170e20
- tab.unfocusedActiveBorderTop#170e20
- tab.unfocusedActiveForeground#d2cbe9
- tab.unfocusedInactiveBackground#1f132c
- tab.unfocusedInactiveForeground#c0d1d8
- terminal.ansiBlack#1d211d
- terminal.ansiBlue#00f95f
- terminal.ansiBrightBlack#665C54
- terminal.ansiBrightBlue#0D6678
- terminal.ansiBrightCyan#8BA59B
- terminal.ansiBrightGreen#b2a1f0
- terminal.ansiBrightMagenta#8F4673
- terminal.ansiBrightRed#FB543F
- terminal.ansiBrightWhite#FDF4C1
- terminal.ansiBrightYellow#dfe6e9
- terminal.ansiCyan#8BA59B
- terminal.ansiGreen#95C085
- terminal.ansiMagenta#8F4673
- terminal.ansiRed#FB543F
- terminal.ansiWhite#A89984
- terminal.ansiYellow#FAC03B
- terminal.background#0a0813
- terminal.findMatchBackground#300652b6
- terminal.findMatchHighlightBackground#57045350
- terminal.foreground#b2acbb
- terminal.selectionBackground#1f132c
- terminal.selectionForeground#fff
- terminalCursor.foreground#5a3383
- terminalOverviewRuler.cursorForeground#fff
- titleBar.activeBackground#170e20
- titleBar.activeForeground#dcd4f7
- titleBar.border#7450b817
- titleBar.inactiveBackground#170e20
- titleBar.inactiveForeground#dcd4f7
- tree.indentGuidesStroke#8f75ec
- widget.shadow#8650b827
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #696186 | italic underline |
| variable, string constant.other.placeholder | #ffeaa7 | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #f88690 | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #ffdd59 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #f0cc1b | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #fab1a0 | — |
| meta.block variable.other | #f07178 | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #7bed9f | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #dbecec | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFCB6B | — |
| support.type | #89b2db | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #7bed9f | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| 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 | #F78C6C | — |
| 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 | #FF5370 | — |
| 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 | #C17E70 | — |
| 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 | #82AAFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |