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.

  • activityBarBadge.background#007ACC
  • editor.background#1E1E1E
  • editor.foreground#D4D4D4
  • editor.inactiveSelectionBackground#3A3D41
  • editor.selectionHighlightBackground#ADD6FF26
  • editorBracketHighlight.foreground1#D4D4D4
  • editorBracketHighlight.foreground2#DFB976
  • editorBracketHighlight.foreground3#C172D9
  • editorBracketHighlight.foreground4#4FB1BC
  • editorBracketHighlight.foreground5#97C26C
  • editorBracketHighlight.foreground6#ABB2C0
  • editorIndentGuide.activeBackground1#707070
  • editorIndentGuide.background1#404040
  • input.placeholderForeground#A6A6A6
  • list.dropBackground#383B3D
  • menu.background#252526
  • menu.foreground#CCCCCC
  • settings.numberInputBackground#292929
  • settings.textInputBackground#292929
  • sideBarTitle.foreground#BBBBBB
  • statusBarItem.remoteBackground#16825D
  • statusBarItem.remoteForeground#FFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6A9955
constant.language#569cd6
entity.name.tag#d67f56
keyword#569cd6
keyword.control#D8A0DF
keyword.declaration#569cd6
keyword.operator#d4d4d4
entity.name.function#FF7411
entity.name.function.op#FF7411
entity.name.function.intrinsic#DCDCAA
invalid#f44747
meta.preprocessor#AAAAAA
entity.name.function.preprocessor#AAAAAA
entity.name.type, entity.name.class#4EC9B0
storage.type#f6cc86
storage.modifier#569cd6
constant.numeric#b5cea8
string#ce9178
constant.character.escape#d7ba7d
source.code#CCCCCC

Shiki preview

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

Loading...

Swag - Coding Theme