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#303841
  • editor.foreground#D8DEE9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.operator.viv, keyword.operator.word.viv#F99157
keyword.other.viv#C594C5
keyword.other.parameter.viv#C594C5italic
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#5FB3B3
support.constant.viv#6699CC
support.variable.reserved.viv#6699CC
constant.language.viv#EC5F67
string.quoted.double.viv, string.quoted.single.viv#99C794
entity.name.variable.viv, entity.name.variable.global.viv, entity.name.variable.local.viv#FAC863
punctuation.accessor.viv, punctuation.separator.key-value.viv, punctuation.separator.sequence.viv, punctuation.separator.viv, punctuation.terminator.statement.viv#A6ACB9
comment.line.double-slash.viv, punctuation.definition.comment.viv#65737E
meta.external-name.viv#D8DEE9
invalid.illegal.viv#EC5F67underline
keyword, keyword.control, keyword.operator, keyword.operator.expression, keyword.operator.logical, keyword.operator.assignment, keyword.operator.comparison#F99157
keyword.other, storage.type, storage.modifier#C594C5
entity.name.function, meta.function-call, support.function#5FB3B3
entity.name.type, entity.name.class, support.type, support.class#D8DEE9
support.constant, constant.language, constant.numeric, constant.character, constant.other#EC5F67
variable, variable.other, variable.parameter, variable.language#FAC863
string, string.quoted, string.quoted.double, string.quoted.single, string.template, string.interpolated#99C794
comment, comment.line, comment.block, punctuation.definition.comment#65737E
punctuation, punctuation.definition.tag, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, punctuation.section#A6ACB9
entity.name.tag#EC5F67
entity.other.attribute-name#FAC863
support.type.property-name.css, support.type.property-name#6699CC
support.constant.property-value, constant.numeric.css, keyword.other.unit#EC5F67
string.regexp#5FB3B3
constant.character.escape#6699CC
invalid, invalid.illegal#EC5F67underline
Viv DSL by Sifty - VS Code Theme