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#d9044e
  • activityBar.border#ffff00
  • activityBar.foreground#f2ff00
  • activityBarBadge.background#007acc
  • badge.foreground#fe2807
  • banner.background#008cff
  • button.background#c90634
  • button.border#ffe600
  • button.foreground#fff200
  • editor.background#084955
  • editor.findMatchBackground#c80f59
  • editor.findMatchBorder#ff007b
  • editor.findMatchHighlightBorder#00d9ff
  • editor.foldBackground#00fbff
  • editor.foreground#eeffff
  • menu.background#066883
  • menu.border#00d9ff
  • menu.foreground#fdfafa
  • searchEditor.findMatchBorder#00eaff
  • settings.headerBorder#00ddff
  • sideBar.background#ab0f43f7
  • sideBar.border#ffea00
  • sideBar.dropBackground#ff0000
  • sideBar.foreground#e1ff00
  • sideBarSectionHeader.background#f81568
  • sideBarTitle.foreground#bbbbbb
  • sideBySideEditor.verticalBorder#fbff00
  • titleBar.activeBackground#d9044e
  • titleBar.activeForeground#ffff00
  • titleBar.border#ffff02

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#47f0fcitalic
variable, string constant.other.placeholder#f9fc3fbold
constant.other.color#ffffff
invalid, invalid.illegal#FF5370
keyword, storage.type, storage.modifier#f5078ebold
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#ff89aebold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#14fbffbold
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#0ce0f0bold
meta.block variable.other#71f0e7bold
support.other.variable, string.other.link#f07178bold
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#6cf0f7bold
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#e89b8dbold
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#FFCB6Bbold
support.type#12f744bold
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#B2CCD6bold
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF5370bold
variable.language#FF5370bold
entity.name.method.js#82AAFFbold
meta.class-method.js entity.name.function.js, variable.function.constructor#82AAFFbold
entity.other.attribute-name#C792EAbold
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFCB6Bbold
entity.other.attribute-name.class#FFCB6Bbold
source.sass keyword.control#82AAFFbold
markup.inserted#C3E88Dbold
markup.deleted#FF5370bold
markup.changed#C792EAbold
string.regexp#89DDFFbold
constant.character.escape#89DDFFbold
*url*, *link*, *uri*bold underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#82AAFFbold
source.js constant.other.object.key.js string.unquoted.label.js#FF5370bold
source.json meta.structure.dictionary.json support.type.property-name.json#C792EAbold
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FFCB6Bbold
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#F78C6Cbold
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#FF5370bold
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#C17E70bold
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#82AAFFbold
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#f07178bold
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#C792EAbold
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#C3E88Dbold
text.html.markdown, punctuation.definition.list_item.markdown#10f9f9bold
text.html.markdown markup.inline.raw.markdown#C792EAbold
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737Ebold
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#C3E88Dbold
markup.italic#f07178bold
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#F78C6Cbold underline
markup.quote punctuation.definition.blockquote.markdown#65737Ebold
markup.quotebold
string.other.link.title.markdown#82AAFFbold
string.other.link.description.title.markdown#C792EAbold
constant.other.reference.link.markdown#FFCB6Bbold
markup.raw.block#C792EAbold
markup.raw.block.fenced.markdown#00000050bold
punctuation.definition.fenced.markdown#00000050bold
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#EEFFFFbold
variable.language.fenced.markdown#fafd2ebold
meta.separator#65737Ebold
markup.table#EEFFFFbold
ThemeDatabase All Themes by enes ozturk - VS Code Theme