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.

  • editor.background#DDF4C4
  • editor.foreground#000000
  • editor.lineHighlightBackground#6FEDFB
  • editor.selectionBackground#FFCC00
  • editor.selectionHighlightBackground#F0D8A8
  • editorError.background#ff000040
  • editorLineNumber.activeForeground#000000
  • editorLineNumber.foreground#787878

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#008000
constant.numeric#2A00EC
variable, entity.name.variable#D53569
string, punctuation.definition.string#7F4794
entity.name.function#005984
punctuation.bracket.angle, punctuation.separator.delimiter, storage.type.generic.wildcard#000000
storage.type.annotation.java, storage.type.function.arrow, punctuation.definition.annotation.java#000000C0
comment.block.javadoc.java#3F5FBF
keyword.control, keyword.operator.logical.python#7F0055bold
keyword, storage.modifier, keyword.operator.expression, keyword.operator.new, keyword.operator.instanceof, keyword.control.new.java, variable.language, support.variable, constant.language, keyword.control.import.python, storage.type#248888bold
source.groovy.embedded#248888
storage.modifier.import.java, storage.modifier.package.java, keyword.operator, keyword.control.ternary.java, entity.name.type.class#000000
keyword.other.documentation.javadoc#3F5FBFbold
meta.class.identifier.java, meta.definition.class.inherited.classes.java, entity.name.tag, entity.name.type.class, storage.type.groovy, storage.type.java, entity.name.type, entity.name.class.message.proto#FB6104
variable.parameter#E54579
entity.other.attribute-name, constant.other.key, variable.other.enummember#D53569
support.type.property-name, punctuation.support.type.property-name#F55589
constant.character.escape#d37adbbold
punctuation.section.embedded#f736a0
string.quoted.double.html#9F47A4

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...