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.activeBorder#1F2626
  • activityBar.background#97D3D3
  • activityBar.foreground#1F2626
  • activityBar.inactiveForeground#527474
  • activityBarBadge.background#1F2626
  • activityBarBadge.foreground#97D3D3
  • editor.background#F5F8F8
  • editor.findMatchBackground#97D3D3AA
  • editor.findMatchHighlightBackground#97D3D355
  • editor.lineHighlightBackground#97D3D31A
  • editor.selectionBackground#97D3D366
  • editor.selectionHighlightBackground#97D3D333
  • editor.wordHighlightBackground#97D3D333
  • editorBracketMatch.background#97D3D34D
  • editorBracketMatch.border#97D3D3
  • editorCursor.foreground#97D3D3
  • editorIndentGuide.activeBackground1#97D3D3
  • focusBorder#97D3D3
  • list.activeSelectionBackground#97D3D366
  • list.activeSelectionForeground#1A3333
  • list.hoverBackground#97D3D333
  • sideBar.background#E8EDED
  • statusBar.background#97D3D3
  • statusBar.foreground#1F2626
  • tab.activeBackground#F5F8F8
  • tab.activeBorderTop#97D3D3
  • tab.activeForeground#1F2626
  • tab.inactiveBackground#E8EDED
  • tab.inactiveForeground#788A8A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#90A4AEitalic
variable, string constant.other.placeholder#37474F
constant.other.color#263238
invalid, invalid.illegal#D32F2F
keyword, storage.type, storage.modifier#7C4DFF
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#0288D1
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#C62828
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#1565C0
meta.block variable.other#C62828
support.other.variable, string.other.link#C62828
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#E65100
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#2E7D32
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#BF360C
support.type#455A64
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#455A64
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#D32F2F
variable.language#D32F2Fitalic
entity.name.method.js#1565C0italic
meta.class-method.js entity.name.function.js, variable.function.constructor#1565C0
entity.other.attribute-name#7C4DFF
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#BF360Citalic
entity.other.attribute-name.class#BF360C
source.sass keyword.control#1565C0
markup.inserted#2E7D32
markup.deleted#D32F2F
markup.changed#7C4DFF
string.regexp#01579B
constant.character.escape#01579B
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#1565C0italic
source.js constant.other.object.key.js string.unquoted.label.js#D32F2Fitalic
source.json meta.structure.dictionary.json support.type.property-name.json#7C4DFF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#BF360C
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#E65100
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#D32F2F
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#8D6E63
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#1565C0
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#C62828
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.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#7C4DFF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.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#2E7D32
text.html.markdown, punctuation.definition.list_item.markdown#263238
text.html.markdown markup.inline.raw.markdown#7C4DFF
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#78909C
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#2E7D32
markup.italic#C62828italic
markup.bold, markup.bold string#C62828bold
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#C62828bold
markup.underline#E65100underline
markup.quote punctuation.definition.blockquote.markdown#78909C
markup.quoteitalic
string.other.link.title.markdown#1565C0
string.other.link.description.title.markdown#7C4DFF
constant.other.reference.link.markdown#BF360C
markup.raw.block#7C4DFF
markup.raw.block.fenced.markdown#00000020
punctuation.definition.fenced.markdown#00000020
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#263238
variable.language.fenced.markdown#78909C
meta.separator#78909Cbold
markup.table#263238