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#000001
  • editor.background#1a1a19
  • editor.foreground#ffffff66
  • editorGroup.emptyBackground#000001
  • editorGroupHeader.tabsBackground#000001
  • editorIndentGuide.background#242424
  • editorLineNumber.foreground#4d4d4d
  • foreground#ffffffcc
  • list.activeSelectionBackground#1a1a19
  • list.inactiveSelectionBackground#1a1a19
  • list.inactiveSelectionForeground#ffffff
  • sideBar.background#000001
  • sideBar.foreground#8e8e8e
  • sideBarSectionHeader.background#000001
  • sideBarSectionHeader.foreground#ffffffcc
  • sideBarTitle.foreground#ffffffcc
  • statusBar.background#000001
  • tab.activeBackground#1a1a19
  • tab.activeBorder#000000
  • tab.activeForeground#ffffff
  • tab.border#1a1a1a
  • tab.inactiveBackground#000001
  • tab.inactiveForeground#767676
  • titleBar.activeBackground#000001
  • titleBar.inactiveBackground#1a1a1a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
emphasisitalic
strongbold
header#000080
comment#FFFFFF59
constant.language#94B2D1
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#94D1B3
constant.regexp#646695
entity.name.tag#94B2D1
entity.name.tag.css#D7BA7D
entity.other.attribute-name#FFFFFFCCitalic
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.scss#D7BA7D
invalid#F44747
markup.underlineunderline
markup.bold#94B2D1bold
markup.heading#94B2D1bold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inserted#94D1B3
markup.deleted#94D1B3
markup.changed#94B2D1
punctuation.definition.quote.begin.markdown#7F848E
punctuation.definition.list.begin.markdown#6796E6
markup.inline.raw#94D1B3
punctuation.definition.tag#767677
meta.preprocessor, entity.name.function.preprocessor#94B2D1
meta.preprocessor.string#94D1B3
meta.preprocessor.numeric#94D1B3
meta.structure.dictionary.key.python#FFFFFFCC
meta.diff.header#94B2D1
storage#94B2D1
storage.type#94B2D1
storage.modifier, keyword.operator.noexcept#94B2D1
string, meta.embedded.assembly#94D1B3
string.tag#94D1B3
string.value#94D1B3
string.regexp#D16969
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#94B2D1
meta.template.expression#D4D4D4
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#FFFFFFCC
keyword#94B2D1
keyword.control#94B2D1
keyword.operator#D4D4D4
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike#94B2D1
keyword.other.unit#94D1B3
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#94B2D1
support.function.git-rebase#FFFFFFCC
constant.sha.git-rebase#94D1B3
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#D4D4D4
variable.language#94B2D1
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#D194BD
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, 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#B0DFE8
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#B0DFE8
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator#94B2D1
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#FFFFFFCC
variable.other.constant, variable.other.enummember#FFFFFF
meta.object-literal.key#FFFFFFCC
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#94D1B3
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#94D1B3
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#D16969
keyword.operator.or.regexp, keyword.control.anchor.regexp#D194BD
keyword.operator.quantifier.regexp#D7BA7D
constant.character#94B2D1
constant.character.escape#D7BA7D
entity.name.label#C8C8C8
keyword.operator#FFC799
text.html.derivative, meta.jsx.children, text.html.markdown#FFFFFFCC
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6