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#171819
  • editor.foreground#F4F4F4
  • editor.lineHighlightBackground#3E3D32
  • editor.selectionBackground#49483E
  • editorCursor.foreground#FF0000
  • editorWhitespace.foreground#3B3A32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5F5F5F italic
string#BFD985
meta.template.expression#f4f4f4
variable.language#67869d
constant.numeric, keyword.other.unit.css#BFD985
support.variable, support.constant#f4f4f4
constant.language#FD971F
constant.character#BFD985
variable
keyword#C4605A
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#67869d
storage#C4605A
storage.type#C4605A
entity.name.class#BFD985underline
entity.other.inherited-class#BFD985italic underline
entity.name.function#BFD985
variable.parameter#FD971Fitalic
entity.name.tag#8AB3D2
entity.other.attribute-name#8AB3D2
support.function#8AB3D2
support.constant#8AB3D2
support.type, support.class#F4F4F4
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
constant.other, support.constant.property-value.css#D79B22
keyword.operator, punctuation.terminator.rule.css, punctuation.terminator.statement.js#B2AFAF
punctuation.definition.tag#8AB3D2
entity.other.attribute-name, punctuation.definition.string.html#B2AFAF
text.html.mt meta.tag.inline.any.html string.quoted.double.html#F0C674
entity.other.attribute-name.class.css#8AB3D2
punctuation.section.embedded.begin.php#B2AFAF italic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

gwitBlue Dark - Coding Theme