Skip to main content
Coding Theme

Color themes

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.selectionBackground#000000
  • editorCursor.foreground#7fc27b
  • editorWhitespace.foreground#3B3A32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#83898c
punctuation.definition.comment.python, punctuation.definition.comment.js, comment#484848
string#8b9d8c
constant.numeric#555555
constant.language#c1bcbe
constant.character, constant.other#555555
variable
keyword#688681
storage#72646e
storage.type#5c6166italic
entity.name.class#405811underline
entity.other.inherited-class#545454italic
entity.name.function#797b79
variable.parameter, meta.function-call.arguments.python#7d726fitalic
entity.name.tag#aaaaaa
entity.other.attribute-name#555555
support.function#888888
support.constant#666666
support.type, support.class#ccccccitalic
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json#666666
meta.diff, meta.diff.header#75715E
markup.deleted#F92672
markup.inserted#A6E22E
markup.changed#E6DB74
punctuation#616161
punctuation.definition.variable.php#50794c
variable.parameter.function.python#7fc27b
support.class.php#a17865
constant.language.php#856186
support.function.url.php#597692
support.function.construct.php#7b353e
constant.language, constant.language.python, constant.language.null.js, constant.language.boolean.true.js, constant.language.undefined.js#856186
variable.other.property.php#426f7b
storage.modifier.php#607b5a
meta.function-call.generic.python#767676
storage.type.function.python#fafdff