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#2B2B2B
  • editor.foreground#dbdbdb
  • editor.lineHighlightBackground#333435
  • editor.selectionBackground#5A647EE0
  • editorCursor.foreground#FFFFFF
  • editorError.foreground#c21c1c
  • editorInfo.foreground#4093ff
  • editorWarning.border#eeee0500
  • editorWarning.foreground#cccc0c
  • editorWhitespace.foreground#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source, meta.selectionset.graphql meta.arguments.graphql variable.graphql, meta.selectionset.graphql meta.selectionset.graphql variable.graphql#D0D0FF—
keyword.control, storage.modifier, keyword.operator.expression.delete, keyword.operation.graphql#CC7833italic bold
storage.type#fa7d4citalic
keyword.operator, meta.selectionset.graphql variable.graphql#fa7d4c—
meta.object.member meta.object-literal.key, meta.arguments.graphql variable.parameter.graphql#FFC66D—
meta.object.member variable.other.property, meta.object.member support.variable.property.dom, meta.var.expr variable.other.property, meta.var.expr support.variable.property.dom, meta.method.declaration variable.other.property, meta.method.declaration support.variable.property.dom, meta.embedded.expression variable.other.property, meta.embedded.expression support.variable.property.dom#D0D0FF—
meta.embedded.expression variable.other.object, meta.embedded.expression variable.other.readwrite#D0D0FF—
entity.name.type#ffffff—
meta.type.annotation, storage.type.c, meta.type.parameters support.type, meta.type.declaration support.type, meta.object.member support.type, support.type.builtin.graphql#6E9CBEitalic
meta.type.annotation entity.name.type, meta.type.parameters entity.name.type#6E9CBEitalic bold
meta.type.annotation variable.parameter—bold
variable.other.constant, meta.enum.declaration variable.other.enummember, constant.other.caps, entity.name.function.preprocessor#DA4939—
constant.language#5096ffitalic
constant.numeric#ffffff—
variable.language.this#b47bffitalic
variable.language.super#DA4939italic bold
meta.function-call entity.name.function, meta.function-call support.function, meta.function-call.generic.python#DA4939italic
meta.function-call support.function.promise, entity.name.function.graphql#DA4939italic bold
string#A5C261—
meta.template.expression#CC7833—
meta.template.expression variable.other#D0D0FF
entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.other.inherited-class—bold
meta.definition.property, meta.definition.method#FFC66D—
meta.tag#FFC66D—
entity.name.tag#FFFFFF—
support.class.component#FFFFFFbold
entity.other.attribute-name#FFC66D—
comment#967363italic
meta.brace.square#FFC66D—
punctuation.definition.block#FFC66D—
punctuation.definition.parameters, meta.brace.round#ffffff—
token.info-token#6796e6—
token.warn-token#cd9731—
token.error-token#f44747—
token.debug-token#b267e6—
meta.structure.dictionary.value.json string#D0D0FF—
meta.structure.dictionary.value.json string support.type.property-name.json#A5C261—
source.css entity.other.attribute-name, source.css meta.at-rule#CC7833—
source.css meta.at-rule keyword.control—italic bold
source.css meta.at-rule entity.name, source.css meta.at-rule.extend—italic
source.css entity.name.tag—bold
source.css support.type.property-name, source.css support.type.vendored.property-name#6E9CBE—
source.css meta.property-value variable, source.css meta.definition.variable variable#b47bffbold
source.css meta.property-value keyword.other.unit, source.css meta.definition.variable keyword.other.unit#CC7833—
source.css meta.property-value support.constant, source.css meta.property-value support.function, source.css meta.property-value constant, source.css meta.definition.variable support.constant, source.css meta.definition.variable support.function, source.css meta.definition.variable constant#A5C261—
source.css meta.property-value keyword.other.important#DA4939—