Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#0F0904
  • activityBarBadge.background#5a6003
  • editor.background#0F0904
  • editor.foreground#FFFFFF
  • editor.lineHighlightBackground#24150b
  • editor.selectionBackground#251308
  • editorCursor.foreground#ffffff
  • editorGroupHeader.tabsBackground#0F0904
  • editorGroupHeader.tabsBorder#251308
  • editorLineNumber.foreground#33323f
  • editorSuggestWidget.background#0F0904
  • editorSuggestWidget.foreground#FFFFFF
  • editorSuggestWidget.selectedBackground#24150b
  • editorSuggestWidget.shadow#FFFFFF
  • list.activeSelectionBackground#0F0904
  • list.activeSelectionForeground#64EAD2
  • list.filterMatchBorder#0F0904
  • list.focusOutline#0F0904
  • list.hoverBackground#0F0904
  • list.inactiveSelectionBackground#0F0904
  • menu.background#0F0904
  • menu.border#FFFFFF
  • menu.foreground#FFFFFF
  • menu.selectionBackground#24150b
  • menu.selectionForeground#FFFFFF
  • panel.background#0F0904
  • quickInput.background#0F0904
  • quickInput.foreground#FFFFFF
  • quickInputList.focusBackground#251308
  • scrollbarSlider.activeBackground#d5d5d53d
  • scrollbarSlider.background#d5d5d521
  • sideBar.background#0F0904
  • sideBar.border#251308
  • sideBar.foreground#8f8f8f
  • sideBarSectionHeader.background#0F0904
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#0F0904
  • statusBar.foreground#FFFFFF
  • tab.activeBackground#2e1b0b
  • tab.border#0F0904
  • tab.inactiveBackground#0F0904
  • titleBar.activeBackground#0F0904

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#BC8F8Fitalic
variable, string constant.other.placeholder#bfdce7
constant.other.color#ffffff
invalid, invalid.illegal#DAA520
keyword, storage.type, storage.modifier#8623e9
keyword.control, constant.other.color, 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#D2691E
meta.tag#c9c9c9
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#DAA520
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#7FFF00
meta.block#D2691E
support.other.variable, string.other.link, variable.other#bfdce7
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#D2691E
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#6fff00
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#EACC64
support.type#B2CCD6
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#ffffff
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#DAA520
variable.language#DAA520italic
entity.name.method.js#a33de8italic
meta.class-method.js entity.name.function.js, variable.function.constructor#a33de8
entity.other.attribute-name#a33de8
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFCB6Bitalic
entity.other.attribute-name.class#FFCB6B
source.sass keyword.control#a33de8
markup.inserted#C3E88D
markup.deleted#DAA520
markup.changed#a33de8
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#a33de8italic
source.js constant.other.object.key.js string.unquoted.label.js#DAA520italic
source.json meta.structure.dictionary.json support.type.property-name.json#a33de8
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#DAA520
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#a33de8
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#a33de8
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#a33de8
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#f07178italic
markup.bold, markup.bold string#f07178bold
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#f07178bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#a33de8
string.other.link.description.title.markdown#a33de8
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#a33de8
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#65737Ebold
markup.table#EEFFFF