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#181512
  • activityBar.foreground#C4A800
  • activityBar.inactiveForeground#55504a
  • activityBarBadge.background#F5CF3A
  • button.background#C4A800
  • button.foreground#1a1714
  • button.hoverBackground#A38A00
  • button.separator#D4B95F
  • editor.background#1A1613
  • editor.foreground#F0E4CC
  • editor.lineHighlightBackground#0d0b09
  • editorLineNumber.activeForeground#F5CF3A
  • editorLineNumber.foreground#46403a
  • focusBorder#3a3530
  • list.activeSelectionBackground#181512
  • list.activeSelectionForeground#F5CF3A
  • list.focusBackground#181512
  • list.hoverBackground#0d0b09
  • menu.background#131110
  • menu.border#0d0b09
  • menu.foreground#F0E4CC
  • menu.selectionBackground#C4A800
  • menu.selectionForeground#181512
  • menu.separatorBackground#3a3530
  • settings.checkboxBackground#0d0b09
  • settings.checkboxBorder#3a3530
  • settings.checkboxForeground#F5CF3A
  • settings.dropdownBackground#0d0b09
  • settings.dropdownBorder#3a3530
  • settings.dropdownForeground#F0E4CC
  • settings.headerForeground#F5CF3A
  • settings.modifiedItemIndicator#C4A800
  • settings.textInputBackground#0d0b09
  • settings.textInputBorder#3a3530
  • settings.textInputForeground#F0E4CC
  • sideBar.background#131110
  • sideBar.foreground#F0E4CC
  • sideBarTitle.foreground#C4A800
  • statusBar.background#0d0b09
  • statusBar.foreground#F0E4CC
  • tab.activeBackground#1A1613
  • tab.activeForeground#F0E4CC
  • tab.inactiveBackground#131110
  • tab.inactiveForeground#6a6055

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#554e47italic
variable, string constant.other.placeholder#FF9A3C
constant.other.color#FFF0D0
invalid, invalid.illegal#FF2D4F
keyword, storage.type, storage.modifier#8C7122
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#209CAD
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#F5F07A
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#CF8E00
meta.block variable.other#FF6B7A
support.other.variable, string.other.link#FF6B7A
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#FF7A50
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#F0E4CC
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#FFD966
support.type#7DD8E8
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#4DCC8C
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF6A1A
variable.language#E8C98Aitalic
entity.name.method.js#5599FFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#5599FF
entity.other.attribute-name#C47840
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFD966italic
entity.other.attribute-name.class#FFD966
source.sass keyword.control#5599FF
markup.inserted#88EE44
markup.deleted#FF3355
markup.changed#DD55FF
string.regexp#00EEFF
constant.character.escape#00EEFF
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#FFCC00italic
source.js constant.other.object.key.js string.unquoted.label.js#FF3355italic
source.json meta.structure.dictionary.json support.type.property-name.json#DD55FF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FFD966
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#FF9955
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#FF3355
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#E8885A
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#5599FF
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#FF6B7A
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#DD55FF
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#88EE44
text.html.markdown, punctuation.definition.list_item.markdown#F5F0E8
text.html.markdown markup.inline.raw.markdown#DD55FF
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#4a4440
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#AAEE55
markup.italic#FF6B7Aitalic
markup.bold, markup.bold string#FF6B7Abold
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#FF6B7Abold
markup.underline#FF9955underline
markup.quote punctuation.definition.blockquote.markdown#4a4440
markup.quoteitalic
string.other.link.title.markdown#5599FF
string.other.link.description.title.markdown#DD55FF
constant.other.reference.link.markdown#FFD966
markup.raw.block#DD55FF
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#F5F0E8
variable.language.fenced.markdown#4a4440
meta.separator#4a4440bold
markup.table#F5F0E8