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#1A1A1A
  • editor.foreground#CCCCCC
  • editor.lineHighlightBackground#3E3D32
  • editor.selectionBackground#666666
  • editorCursor.foreground#F8F8F0
  • editorWhitespace.foreground#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#CCCCCC—
comment, punctuation.definition.comment#666666—
keyword, storage, variable.language, entity.name.tag#9792D3—
constant, entity.name.variable.enum-member, string, keyword.other.unit, support.constant, punctuation.definition.string#92B9D3—
variable.parameter, entity.other.attribute-name, support.type.property-name#92D3C4—
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.section, punctuation.definition, punctuation.curlybrace, entity.name.tag.reference.scss#C492D3—
invalid.illegal#CC5247—
invalid.deprecated#CCAA47—
entity.name.function, support.function#CCB67A—
entity.name.type#CC817A—
variable#ADCCC4—
entity.name.type.class, support.class, entity.other.attribute-name.class#D39792—
entity.name.type.struct, entity.other.attribute-name.id#D392B9—
variable.other.readwrite#7ACCB7—
entity.name.variable.field#AACC7A—
entity.name.type.enum#CCB0AD—
entity.name.type.interface#CCC4AD—
Detox by Rob Kellett - VS Code Theme