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.

  • activityBarBadge.background#4C7C9A
  • editor.background#202020
  • editor.foreground#d9d9d9
  • editorCursor.foreground#a6cded
  • sideBarTitle.foreground#979796

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B0B0B0italic
variable, string constant.other.placeholder#eeeeee
string#97d39a
constant.numeric, constant.language#ffafa5
keyword, storage.type, storage.modifier#de9bc8
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#85befd
meta.block variable.other#eeeeee
support.other.variable, string.other.link#94c9b2
variable.parameter, keyword.other.unit#f4bf75
entity.name.class#ffdeaa
support.type#ffc591
invalid, invalid.illegal#ffafa5
entity.name.interface#A0F1B6
meta.array, variable.other.array#fd6853
variable.other.property, meta.property#85befd
entity.name.method#85befd
meta.decorator, entity.name.decorator#de9bc8
support.function.builtin#85befd
constant#ffdeaa
entity.name.namespace#6A91CB
meta.preprocessor#FF7F50
variable.other.c, variable.other.cpp#eb6f92
meta.function-call.c, meta.function-call.cpp#85befd
entity.name.struct#f4bf75
variable.other.struct, variable.other.namespace#A0F1B6
entity.name.enum#ffdeaa
entity.name.template#85befd