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