Skip to main content
CodingTheme

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.

  • activityBar.activeBackground#efebbd
  • activityBar.background#FDF8EA66
  • activityBar.foreground#333333
  • activityBar.inactiveForeground#868585
  • activityBarBadge.background#488dbb
  • editor.background#FDFAED
  • editor.findMatchHighlightBackground#AED7FDD4
  • editor.foreground#101010
  • editor.lineHighlightBackground#d9dbdc88
  • editor.selectionBackground#c4deff
  • list.activeSelectionBackground#a1c4f088
  • list.activeSelectionForeground#121212
  • sideBar.background#FDF8EA66
  • statusBar.background#FDF8EA
  • statusBar.debuggingBackground#f1c462
  • statusBar.foreground#333333
  • statusBar.noFolderBackground#79379c
  • statusBar.noFolderForeground#ffffff
  • terminal.background#FDF8EA
  • terminal.foreground#121212

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#919191
keyword, storage#C21F83
constant.numeric, string, string.regexp#A60000
entity.name.class,entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.type.enum#0947ab
entity.other.inherited-class#4287f7
constant.character, constant.other#26995c
meta.function-call#5C2699
support.type, support.class#ce741b
constant.language, support.constant, variable.language#E6105Fbold
support.other#ce741b
entity.name.function.macro, meta.preprocessor, meta.section#E6105F
invalidstrikethrough
invalid.deprecatedstrikethrough
entity.name.tag#0947ab
entity.other.attribute-name#C21F83
variable.language.special.self.python#C21F83
variable.language.python#C21F83
source.javascript variable.language#ce741b
source.c keyword.control.import.pragma#E6105F
source.json support.other#5C2699

Shiki preview

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

Loading...

zxx light theme by zenzz - VS Code Theme