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#1f1f1f
  • editor.foreground#EEFFFF
  • editorBracketHighlight.foreground1#ABABAB
  • editorBracketHighlight.foreground2#ABABAB
  • editorBracketHighlight.foreground3#ABABAB
  • editorBracketHighlight.foreground4#ABABAB
  • editorBracketHighlight.foreground5#ABABAB
  • editorBracketHighlight.foreground6#ABABAB
  • editorBracketHighlight.unexpectedBracket.foreground#FF5370
  • editorBracketMatch.background#1f1f1f
  • editorBracketMatch.border#ABABAB
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#546E7Aitalic
string, string.quoted#EED263
constant.numeric#C792EA
storage.type.class, storage.type.function, storage.type.interface, storage.type.type, storage.type.enum, storage.type.ts, storage.type.js, storage.modifier.ts, storage.modifier.js, storage.modifier, variable.language.super, new.expr.ts#89DDFFitalic
storage.type.function.constructor, entity.name.function.constructor#89DDFF
keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.operator.comparison.go, keyword.operator.assignment.go#FF5370
entity.name.function, entity.name.function.ts, entity.name.function.js, support.function, meta.function-call.generic#C3E88D
variable.language.this#ABABAB
variable.other.constant, variable.other.readwrite, variable.other, variable.parameter#959de9
variable.other.property#EEFFFF
punctuation.accessor#EEFFFF
punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.typeparameters, punctuation.definition.binding-pattern, punctuation.definition.string, punctuation.separator, punctuation.terminator, punctuation.accessor, keyword.operator.type.annotation, meta.brace.round, meta.brace.square, meta.brace.curly, punctuation.section.embedded, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, string.template meta.brace, meta.embedded punctuation.section, punctuation.other.period.go, punctuation.other.comma.go#ABABAB
entity.name.type.go, storage.type.go, keyword.function.go#89DDFFitalic
punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx, meta.tag.tsx, meta.tag.jsx, meta.jsx.children#EEFFFFitalic
variable.other.object.tsx, variable.other.object.jsx, meta.object.member.tsx, meta.object.member.jsx#C3E88D
variable.other.property#EEFFFF
variable.other.object.tsx, variable.other.object.jsx, meta.object.member.tsx, meta.object.member.jsx#C3E88D
meta.object-literal.key, meta.object-literal.key.tsx, meta.object-literal.key.jsx#EEFFFF
punctuation.support.type.property-name.end.json, support.type.property-name.json, string.json, meta.structure.dictionary.json, source.json#959de9
Aurora Coffe Theme by rafaelhenriquegreco - VS Code Theme