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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.operator.viv, keyword.operator.word.viv#81A1C1
keyword.other.viv#B48EAD
keyword.other.parameter.viv#B48EADitalic
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#8FBCBB
support.constant.viv#88C0D0
support.variable.reserved.viv#88C0D0
constant.language.viv#BF616A
string.quoted.double.viv, string.quoted.single.viv#A3BE8C
entity.name.variable.viv, entity.name.variable.global.viv, entity.name.variable.local.viv#EBCB8B
punctuation.accessor.viv, punctuation.separator.key-value.viv, punctuation.separator.sequence.viv, punctuation.separator.viv, punctuation.terminator.statement.viv#616E88
comment.line.double-slash.viv, punctuation.definition.comment.viv#616E88
meta.external-name.viv#D8DEE9
invalid.illegal.viv#BF616Aunderline
keyword, keyword.control, keyword.operator, keyword.operator.expression, keyword.operator.logical, keyword.operator.assignment, keyword.operator.comparison#81A1C1
keyword.other, storage.type, storage.modifier#B48EAD
entity.name.function, meta.function-call, support.function#8FBCBB
entity.name.type, entity.name.class, support.type, support.class#D8DEE9
support.constant, constant.language, constant.numeric, constant.character, constant.other#BF616A
variable, variable.other, variable.parameter, variable.language#EBCB8B
string, string.quoted, string.quoted.double, string.quoted.single, string.template, string.interpolated#A3BE8C
comment, comment.line, comment.block, punctuation.definition.comment#616E88
punctuation, punctuation.definition.tag, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, punctuation.section#616E88
entity.name.tag#BF616A
entity.other.attribute-name#EBCB8B
support.type.property-name.css, support.type.property-name#88C0D0
support.constant.property-value, constant.numeric.css, keyword.other.unit#BF616A
string.regexp#8FBCBB
constant.character.escape#88C0D0
invalid, invalid.illegal#BF616Aunderline
Viv DSL by Sifty - VS Code Theme