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#1c1d1a
  • activityBar.border#292929
  • activityBar.foreground#9b9b9b
  • activityBar.inactiveForeground#5f5f5f
  • activityBarBadge.background#FFD569
  • activityBarBadge.foreground#000000
  • diffEditor.insertedTextBackground#39a13e25
  • diffEditor.removedTextBackground#a1393925
  • dropdown.foreground#A3E076
  • editor.background#232420
  • editor.foreground#fcfcfa
  • editor.lineHighlightBackground#64646421
  • editorGroupHeader.tabsBackground#2d2e27
  • editorGutter.addedBackground#A3E076
  • editorGutter.background#262721
  • editorGutter.deletedBackground#ff6666
  • editorGutter.modifiedBackground#FFD569
  • editorOverviewRuler.addedForeground#A3E076
  • editorOverviewRuler.deletedForeground#ff6666c4
  • editorOverviewRuler.modifiedForeground#FD971F
  • gitDecoration.addedResourceForeground#a9dc76
  • gitDecoration.modifiedResourceForeground#a9dc76
  • gitDecoration.untrackedResourceForeground#fda471
  • list.activeSelectionBackground#fcd45e5d
  • list.highlightForeground#c0c0c0
  • list.inactiveFocusBackground#464646
  • list.inactiveSelectionBackground#77777744
  • list.inactiveSelectionForeground#FFD569
  • list.warningForeground#A3E076
  • panelTitle.activeBorder#FFD569
  • panelTitle.activeForeground#FFD569
  • sideBar.background#21221d
  • sideBar.foreground#9b9b9b
  • sideBarTitle.foreground#5e5e5e
  • statusBar.background#3b3b3b
  • statusBar.debuggingBackground#ff6666c4
  • statusBar.noFolderBackground#3b3b3b
  • tab.activeBackground#21221d
  • tab.activeBorder#FFD569
  • tab.inactiveBackground#262721
  • textLink.foreground#A3E076

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text, punctuation.definition.comment#727072italic
comment keyword#FD971F—
comment storage.type #727072—
storage.type#66D9Efitalic
comment entity.name.type #c1c0c0—
constant.other.php#B287FF—
constant.character.escape.php#B287FF
constant.numeric#B287FF—
constant.language#B287FF—
entity.other.inherited-class#66D9Efitalic
entity.name.function#A3E076—
keyword.control#ff6666e0—
keyword.operator#ff6666e0—
punctuation#939293—
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source#fc9867—
entity.name#A3E076—
storage.modifier#f76d6de0italic
string#FFD569—
string source, support.other.namespace.php#fcfcfa—
support.function#A3E076—
support.class#66D9Efitalic
variable, variable.other#fcfcfa—
variable.language, variable.parameter.function.language.special.self.python#c1c0c0italic
keyword#ff6666e0—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#c1c0c0—
string constant.other.placeholder#EEFFFF—
constant.other.color#ffffff—
invalid, invalid.illegal#FF5370—
constant.other.color, meta.tag, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, keyword.other.template, keyword.other.substitution#939293—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#FB6060—
meta.function-call, variable.function, keyword.other.special-method#82AAFF—
meta.block variable.other#fcfcfa—
support.other.variable, string.other.link#FB6060—
support.constant, constant.character, constant.escape, variable.parameter#66D9Efitalic
keyword.other.unit#FB6060—
constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#C3E88D—
support.type, support.orther.namespace.use.php, meta.use.php, markup.changed.git_gutter, support.type.sys-types#FFCB6B—
support.type#B2CCD6—
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#FCFCFA—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF5370—
entity.name.method.js#82AAFFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#82AAFF—
entity.other.attribute-name#A3E076italic
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#A3E076italic
entity.other.attribute-name.class#FFCB6B—
source.sass keyword.control#82AAFF—
markup.inserted#C3E88D—
markup.deleted#FF5370—
markup.changed#C792EA—
string.regexp#89DDFF—
constant.character.escape#B287FF—
*url*, *link*, *uri*—underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#82AAFFitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#fcfcfa—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#fcfafa—
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#fcfafa—
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#fcfafa—
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#fcfafa—
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#fcfafa—
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#fcfafa—
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#fcfafa—
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#fcfafa—
text.html.markdown, punctuation.definition.list_item.markdown#EEFFFF—
text.html.markdown markup.inline.raw.markdown#C792EA—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E—
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#C3E88D—
markup.italic#FB6060italic
markup.bold, markup.bold string#FB6060bold
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#FB6060bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#65737E—
markup.quote—italic
string.other.link.title.markdown#82AAFF—
string.other.link.description.title.markdown#C792EA—
constant.other.reference.link.markdown#FFCB6B—
markup.raw.block#C792EA—
markup.raw.block.fenced.markdown#00000050—
punctuation.definition.fenced.markdown#00000050—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#EEFFFF—
variable.language.fenced.markdown#65737E—
meta.separator#65737Ebold
markup.table#EEFFFF—
entity.name.variable.field.cs#fcfcfa—
entity.name.type.namespace.cs#66D9Ef—
entity.name.variable.parameter.cs#fcfcfa—
keyword.type.cs#66D9Ef—
storage.type.cs#66D9Ef—
entity.name.variable.enum-member.cs#fcfcfa—
storage.modifier.import.java#66D9Ef—
string.quoted.other.lt-gt.include.c#66D9Ef—
meta.function-call.c#fcfcfa—
variable.parameter.function.language.python#FD971F—
meta.tag.js.jsx, meta.jsx.children.js.jsx#fcfcfa—
keyword.other.DDL.create.II.sql#A3E076—
entity.name.section.markdown#FFD569italic bold
markup.heading.markdown punctuation.definition.heading.markdown#ff6666c4—