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#FDF6E3
  • editor.foreground#3B4048

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.operator.viv, keyword.operator.word.viv#C75F00
keyword.other.viv#9B59B6
keyword.other.parameter.viv#9B59B6italic
entity.name.function.viv, entity.name.function.action.viv, entity.name.function.selector.viv, entity.name.function.plan.viv, entity.name.function.query.viv, entity.name.function.pattern.viv, entity.name.function.trope.viv, entity.name.label.viv#2A8C82
support.constant.viv#2E6BBD
support.variable.reserved.viv#2E6BBD
constant.language.viv#D03E3E
string.quoted.double.viv, string.quoted.single.viv#3A8C2E
entity.name.variable.viv, entity.name.variable.global.viv, entity.name.variable.local.viv#B68D00
punctuation.accessor.viv, punctuation.separator.key-value.viv, punctuation.separator.sequence.viv, punctuation.separator.viv, punctuation.terminator.statement.viv#7A7A7A
comment.line.double-slash.viv, punctuation.definition.comment.viv#A0A0A0
meta.external-name.viv#3B4048
invalid.illegal.viv#D03E3Eunderline
keyword, keyword.control, keyword.operator, keyword.operator.expression, keyword.operator.logical, keyword.operator.assignment, keyword.operator.comparison#C75F00
keyword.other, storage.type, storage.modifier#9B59B6
entity.name.function, meta.function-call, support.function#2A8C82
entity.name.type, entity.name.class, support.type, support.class#3B4048
support.constant, constant.language, constant.numeric, constant.character, constant.other#D03E3E
variable, variable.other, variable.parameter, variable.language#B68D00
string, string.quoted, string.quoted.double, string.quoted.single, string.template, string.interpolated#3A8C2E
comment, comment.line, comment.block, punctuation.definition.comment#A0A0A0
punctuation, punctuation.definition.tag, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, punctuation.section#7A7A7A
entity.name.tag#D03E3E
entity.other.attribute-name#B68D00
support.type.property-name.css, support.type.property-name#2E6BBD
support.constant.property-value, constant.numeric.css, keyword.other.unit#D03E3E
string.regexp#2A8C82
constant.character.escape#2E6BBD
invalid, invalid.illegal#D03E3Eunderline