Skip to main content
Coding Theme

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.

  • activityBarBadge.background#007acc
  • editor.background#101010
  • editor.foreground#ffffff
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source, punctuation.section, punctuation.brackets#fff
keyword, entity.name.tag.html#1040f0
comment, punctuation.definition.interpolation#808080
keyword.operator#ff0000
meta.function, entity.name.method, entity.name.function, support.function, meta.function-call.generic#aa44ff
storage, variable.language, entity.name.section#5040f0
keyword.type, entity.name.type, support.type.primitive, storage.type.primitive, storage.type.built-in#80c0f0
entity.name.type.class, entity.other.inherited-class, entity.name.type.enum, entity.other.attribute-name.class, support.class, support.constant, variable.other.object#ffee00
constant.numeric#4080f0
variable, entity.name.variable#20f0e0
variable.other.object.property, support.type.property-name, entity.other.attribute-name, meta.object-literal.key, meta.member.access., entity.name.tag, variable.object.property, variable.other.property, support.variable.property, keyword.other.definition.ini#ff6600
string#00ff00
constant.character.escape#88ff88
punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.tag, punctuation.definition.group, punctuation.semi#800000
constant, support.constant.property-value, entity.name.variable.enum-member, variable.other.enummember, variable.other.constant, constant.language.boolean, constant.other#ff0088
Karuljonnai's Theme by Karuljonnai - VS Code Theme