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#1C2630
  • activityBar.foreground#1968B3
  • editor.background#1A2129
  • editor.foreground#2f74b4
  • editorCursor.foreground#2f6da7
  • editorIndentGuide.activeBackground#5597d438
  • editorIndentGuide.background#22527e42
  • editorLineNumber.activeForeground#4a9eee
  • editorLineNumber.foreground#22527e
  • list.highlightForeground#22527e
  • sideBar.background#1A2129
  • terminal.foreground#4AB2EE

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
emphasisitalic
strongbold
header#55dfaacc
comment#647296italic
constant.language#83cd29
constant.numeric#83cd29
constant.numeric.css#B03554
constant.regexp#646695
entity.name.tag#1b73ba
entity.name.tag.css#83cd29
punctuation.definition.variable#293DF2
entity.other.attribute-name#4AB2EEbold
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.pseudo-class.css#00B0AA
markup.list#00C2B2
entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss#00B0AA
invalid#64edff
markup.underlineunderline
markup.bold#ee6b90bold
markup.heading#8325babold
markup.italicitalic
markup.inserted#608b4e
markup.deleted#608b4e
markup.changed#569cd6
beginning.punctuation.definition.quote.markdown#608b4e
beginning.punctuation.definition.list.markdown#6796e6
markup.inline.raw#608b4e
meta.selector#83cd29
punctuation.definition.tag#868686
meta.preprocessor#569cd6
meta.preprocessor.string#e4a229
meta.preprocessor.numeric#e4a229
meta.structure.dictionary.key.python#9cdcfe
meta.diff.header#5000BF
storage#dac71c
storage.type#FFB42C
storage.modifier#3eebce
string#B03554
string.tag#C8042E
string.value#006CB0
string.regexp#F2D429
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js#293DF2
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less#1b73baitalic
keyword#569cd6
keyword.control#f14c9f
keyword.operator#569cd6
keyword.operator.new, keyword.operator.expression, keyword.operator.cast#0CADD5
keyword.operator.sizeof, keyword.operator.logical.python#b97a7f
keyword.other.unit#B03554
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#569cd6
support.function.git-rebase#3c9dd1
constant.sha.git-rebase#569cd6
#801e11
variable.language#77dfffitalic
entity.name.function, support.function, support.constant.handlebars#3EC4EBitalic
storage.type.cs, storage.type.primitive.java, storage.type.token.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.modifier.import.java#00C2A2
storage.type.generic.cs, storage.type.modifier.cs, storage.type.annotation.java, storage.type.generic.java#f16529
storage.type.primitive.java, storage.type.java, storage.modifier.package.java, variable.language.wildcard.java#64edff
storage.type.variable.cs#e4a229
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, 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#00C2A2
meta.type.cast.expr, meta.type.new.expr, support.class, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#00C2A2
keyword.control#FFB42C
variable, meta.definition.variable.name, support.variable#11affd
meta.object-literal.key, meta.object-literal.key entity.name.function#80E9FFitalic
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#4AB2EE
entity.name.function#f16529
entity.name.function.cs#f16529
entity.name.function.java#f16529
requiem by Rober19 - VS Code Theme