Skip to main content
Coding Theme

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
Bento Dark by Luis Bento - VS Code Theme