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#2D2F30
  • activityBar.border#4B4B4B
  • activityBar.foreground#c5c5c5
  • sideBar.background#1e1e1f
  • sideBar.border#4B4B4B
  • sideBar.foreground#a7a7a7
  • sideBarSectionHeader.background#2d2f30
  • sideBarSectionHeader.border#4B4B4B
  • statusBar.background#212122
  • statusBar.border#4B4B4B
  • statusBar.debuggingBackground#212122
  • statusBar.debuggingBorder#aa4926
  • statusBar.debuggingForeground#BBBBBB
  • statusBar.foreground#BBBBBB
  • statusBar.noFolderBackground#212122
  • statusBar.noFolderBorder#4B4B4B
  • statusBar.noFolderForeground#BBBBBB
  • tab.activeBackground#212122
  • tab.activeBorder#aa4926
  • tab.border#555555
  • tab.inactiveBackground#2d2f30
  • tab.inactiveForeground#BBBBBB

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
emphasisitalic
strongbold
comment.line#808080
constant.language#CC7832
constant.numeric#6897BB
constant.regexp#646695
entity.name.tag#FFC66D
entity.name.tag.css#d7ba7d
entity.other.attribute-name#BABABA
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss#d7ba7d
invalid#f44747
markup.underlineunderline
markup.bold#BBBBBB
markup.heading#BBBBBB
markup.italicitalic
markup.inserted#b5cea8
markup.deleted#ce9178
markup.changed#BBBBBB
beginning.punctuation.definition.quote.markdown#608b4e
beginning.punctuation.definition.list.markdown#6796e6
markup.inline.raw#ce9178
meta.selector#d7ba7d
punctuation.definition.tag#FFC66D
meta.preprocessor#CC7832
meta.preprocessor.string#ce9178
meta.preprocessor.numeric#b5cea8
meta.structure.dictionary.key.python#9876AA
meta.diff.header#CC7832
meta.class.inheritance#BBBBBB
storage#ce1919
storage.type#CC7832
storage.modifier#CC7832
constant.character.escape#CC682E
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js#BBBBBB
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less#9876AA
variable.other.property, support.variable.property.dom#9876AA
variable.other.object, variable.other.object.property, support.class.dom, meta.function-call, entity.name.type.module#BBBBBB
entity.name.function.decorator, entity.name.function.decorator support.type.python#BBB529
variable.other.readwrite, variable.parameter, variable.other.readwrite.alias#BBBBBB
variable.parameter.function.language.special#94558D
variable.parameter.function-call.python#AA4926
keyword#CC7832
keyword.control#CC7832
keyword.operator#BBBBBB
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python#CC7832
keyword.other.unit#b5cea8
punctuation.section.embedded.begin.metatag.php, punctuation.section.embedded.end.metatag.php#CC7832
support.function.git-rebase#9876AA
support.function.magic#B200B2
support.function.builtin#8888C6
constant.sha.git-rebase#b5cea8
storage.modifier.import.java, storage.modifier.package.java#d4d4d4
variable.language.special#94558D
variable.language#CC7832
entity.name.function, support.function, support.constant.handlebars#FFC66D
entity.name.type#FFC66D
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#BBBBBB
support.class, entity.name.class, support.type, entity.name.type#BBBBBB
storage.type.function.arrow#BBBBBB
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json#4EC9B0
keyword.control#CC7832
meta.definition.variable.name, support.variable#BBBBBB
variable#9876AA
meta.object-literal.key, meta.object-literal.key entity.name.function#9876AA
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#CE9178
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
string.quoted.docstring.multi.python#629755italic
string.quoted#A5C261
support.type.python, entity.other.inherited-class.python, support.type.exception.python#8888C6