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#0c0a08
  • activityBar.foreground#F59E0B
  • activityBar.inactiveForeground#B4530966
  • activityBarBadge.background#DC2626
  • activityBarBadge.foreground#F2E8DC
  • editor.background#141110
  • editor.foreground#F2E8DC
  • editor.inactiveSelectionBackground#F9731638
  • editor.lineHighlightBackground#EA580C28
  • editor.selectionBackground#F973165E
  • editorCursor.foreground#FBBF24
  • editorLineNumber.activeForeground#F59E0B
  • editorLineNumber.foreground#B4530980
  • panel.background#0c0a08
  • panel.border#3f2a22
  • panelInput.border#F9731655
  • panelTitle.activeForeground#F2E8DC
  • panelTitle.inactiveForeground#F59E0BCC
  • sideBar.background#0c0a08
  • sideBar.foreground#F2E8DC
  • sideBarTitle.foreground#F59E0B
  • statusBar.background#0c0a08
  • statusBar.debuggingBackground#0c0a08
  • statusBar.debuggingForeground#F2E8DC
  • statusBar.foreground#F2E8DC
  • statusBar.noFolderBackground#0c0a08
  • statusBar.noFolderForeground#F2E8DC
  • statusBarItem.activeForeground#FFFBF5
  • statusBarItem.errorForeground#F2E8DC
  • statusBarItem.hoverForeground#FFFBF5
  • statusBarItem.prominentForeground#F2E8DC
  • statusBarItem.remoteForeground#F2E8DC
  • statusBarItem.warningForeground#FBBF24
  • tab.activeBackground#141110
  • tab.activeBorder#F97316
  • tab.activeForeground#F2E8DC
  • tab.inactiveBackground#0c0a08
  • tab.inactiveForeground#F59E0BCC
  • titleBar.activeBackground#0c0a08
  • titleBar.activeForeground#F2E8DC
  • titleBar.inactiveBackground#0c0a08
  • titleBar.inactiveForeground#F59E0B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B4530980italic
variable, string constant.other.placeholder#F97316
constant.other.color#F2E8DC
invalid, invalid.illegal#EF4444
keyword, storage.type, storage.modifier#FBBF24
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#FB923C
entity.name.tag, meta.tag.sgml#58c29e
markup.deleted.git_gutter#DC2626
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#F2E8DC
meta.block variable.other#F97316
support.other.variable, string.other.link#F59E0B
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#FBBF24
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#FDE68A
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#F59E0B
support.type#F97316
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#F97316
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#7c3a43
variable.language#F59E0Bitalic
entity.name.method.js#F2E8DCitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#F2E8DC
entity.other.attribute-name#F59E0B
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#F59E0Bitalic
entity.other.attribute-name.class#F59E0B
source.sass keyword.control#F97316
markup.inserted#F97316
markup.deleted#DC2626
markup.changed#7c3a43
string.regexp#F97316
constant.character.escape#F97316
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#F97316italic
source.js constant.other.object.key.js string.unquoted.label.js#F59E0Bitalic
source.json meta.structure.dictionary.json support.type.property-name.json#F59E0B
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#F59E0B
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#F59E0B
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#F59E0B
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#F97316
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#F2E8DC
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#F59E0B
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#F59E0B
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#F97316
text.html.markdown, punctuation.definition.list_item.markdown#F2E8DC
text.html.markdown markup.inline.raw.markdown#F59E0B
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#92400E99
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#F97316
markup.italic#F59E0Bitalic
markup.bold, markup.bold string#F59E0Bbold
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#F59E0Bbold
markup.underline#F59E0Bunderline
markup.quote punctuation.definition.blockquote.markdown#92400E99
markup.quoteitalic
string.other.link.title.markdown#F97316
string.other.link.description.title.markdown#F59E0B
constant.other.reference.link.markdown#F59E0B
markup.raw.block#F59E0B
markup.raw.block.fenced.markdown#F9731644
punctuation.definition.fenced.markdown#F9731644
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#F2E8DC
variable.language.fenced.markdown#92400E99
meta.separator#92400E99bold
markup.table#F2E8DC