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#0B0A12
  • activityBar.foreground#FACC15
  • activityBar.inactiveForeground#6B6970
  • activityBarBadge.background#EAB308
  • activityBarBadge.foreground#1C1917
  • editor.background#13111F
  • editor.foreground#F8FAFC
  • editor.inactiveSelectionBackground#FBBF2433
  • editor.lineHighlightBackground#EAB30833
  • editor.selectionBackground#FBBF2455
  • editorCursor.foreground#FDE047
  • editorLineNumber.activeForeground#FDE047
  • editorLineNumber.foreground#78767E
  • panel.background#0B0A12
  • panel.border#3D3563
  • panelInput.border#A78BFA55
  • panelTitle.activeForeground#F8FAFC
  • panelTitle.inactiveForeground#FACC15CC
  • sideBar.background#0B0A12
  • sideBar.foreground#F8FAFC
  • sideBarTitle.foreground#FACC15
  • statusBar.background#0B0A12
  • statusBar.debuggingBackground#0B0A12
  • statusBar.debuggingForeground#F8FAFC
  • statusBar.foreground#F8FAFC
  • statusBar.noFolderBackground#0B0A12
  • statusBar.noFolderForeground#F8FAFC
  • statusBarItem.activeForeground#FFFBEB
  • statusBarItem.errorForeground#F8FAFC
  • statusBarItem.hoverForeground#FFFBEB
  • statusBarItem.prominentForeground#F8FAFC
  • statusBarItem.remoteForeground#F8FAFC
  • statusBarItem.warningForeground#FDE047
  • tab.activeBackground#13111F
  • tab.activeBorder#FBBF24
  • tab.activeForeground#F8FAFC
  • tab.inactiveBackground#0B0A12
  • tab.inactiveForeground#FACC15CC
  • titleBar.activeBackground#0B0A12
  • titleBar.activeForeground#F8FAFC
  • titleBar.inactiveBackground#0B0A12
  • titleBar.inactiveForeground#FACC15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A8A29ECCitalic
variable, string constant.other.placeholder#FBBF24
constant.other.color#F8FAFC
invalid, invalid.illegal#EF4444
keyword, storage.type, storage.modifier#FDE047
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#FEF08A
entity.name.tag, meta.tag.sgml#C4B5FD
markup.deleted.git_gutter#DC2626
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#F8FAFC
meta.block variable.other#FBBF24
support.other.variable, string.other.link#FACC15
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#FDE047
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#FEF9C3
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#FACC15
support.type#FBBF24
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#FBBF24
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#DDD6FE
variable.language#FACC15italic
entity.name.method.js#F8FAFCitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#F8FAFC
entity.other.attribute-name#FACC15
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FACC15italic
entity.other.attribute-name.class#FACC15
source.sass keyword.control#FBBF24
markup.inserted#FBBF24
markup.deleted#DC2626
markup.changed#DDD6FE
string.regexp#FBBF24
constant.character.escape#FBBF24
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#FBBF24italic
source.js constant.other.object.key.js string.unquoted.label.js#FACC15italic
source.json meta.structure.dictionary.json support.type.property-name.json#FACC15
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FACC15
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#FACC15
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#FACC15
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#FBBF24
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#F8FAFC
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#FACC15
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#FACC15
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#FBBF24
text.html.markdown, punctuation.definition.list_item.markdown#F8FAFC
text.html.markdown markup.inline.raw.markdown#FACC15
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#854D0E99
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#FBBF24
markup.italic#FACC15italic
markup.bold, markup.bold string#FACC15bold
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#FACC15bold
markup.underline#FACC15underline
markup.quote punctuation.definition.blockquote.markdown#854D0E99
markup.quoteitalic
string.other.link.title.markdown#FBBF24
string.other.link.description.title.markdown#FACC15
constant.other.reference.link.markdown#FACC15
markup.raw.block#FACC15
markup.raw.block.fenced.markdown#FBBF2444
punctuation.definition.fenced.markdown#FBBF2444
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#F8FAFC
variable.language.fenced.markdown#854D0E99
meta.separator#854D0E99bold
markup.table#F8FAFC
entity.name.tag.yaml, support.type.property-name.yaml, punctuation.support.type.property-name.begin.yaml, punctuation.support.type.property-name.end.yaml#FDE047
punctuation.separator.key-value.mapping.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.mapping.begin.yaml, punctuation.definition.mapping.end.yaml, punctuation.definition.sequence.begin.yaml, punctuation.definition.sequence.end.yaml#FEF08A
string.unquoted.plain.out.yaml, string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.yaml#FFFBEB