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.parameterbold
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-classbold
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.controlitalic bold
source.css meta.at-rule entity.name, source.css meta.at-rule.extenditalic
source.css entity.name.tagbold
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