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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.operator.viv, keyword.operator.word.viv#4C6B8A
keyword.other.viv#8B5E8B
keyword.other.parameter.viv#8B5E8Bitalic
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#367B7F
support.constant.viv#1A7A9F
support.variable.reserved.viv#1A7A9F
constant.language.viv#A63D40
string.quoted.double.viv, string.quoted.single.viv#5A8C46
entity.name.variable.viv, entity.name.variable.global.viv, entity.name.variable.local.viv#9A7B1A
punctuation.accessor.viv, punctuation.separator.key-value.viv, punctuation.separator.sequence.viv, punctuation.separator.viv, punctuation.terminator.statement.viv#8C8C8C
comment.line.double-slash.viv, punctuation.definition.comment.viv#AAAAAA
meta.external-name.viv#3B4048
invalid.illegal.viv#A63D40underline
keyword, keyword.control, keyword.operator, keyword.operator.expression, keyword.operator.logical, keyword.operator.assignment, keyword.operator.comparison#4C6B8A
keyword.other, storage.type, storage.modifier#8B5E8B
entity.name.function, meta.function-call, support.function#367B7F
entity.name.type, entity.name.class, support.type, support.class#3B4048
support.constant, constant.language, constant.numeric, constant.character, constant.other#A63D40
variable, variable.other, variable.parameter, variable.language#9A7B1A
string, string.quoted, string.quoted.double, string.quoted.single, string.template, string.interpolated#5A8C46
comment, comment.line, comment.block, punctuation.definition.comment#AAAAAA
punctuation, punctuation.definition.tag, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, punctuation.section#8C8C8C
entity.name.tag#A63D40
entity.other.attribute-name#9A7B1A
support.type.property-name.css, support.type.property-name#1A7A9F
support.constant.property-value, constant.numeric.css, keyword.other.unit#A63D40
string.regexp#367B7F
constant.character.escape#1A7A9F
invalid, invalid.illegal#A63D40underline
Viv DSL by Sifty - VS Code Theme