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.

  • activityBar.background#0D1117
  • editor.background#0D1117
  • editor.findMatchBackground#FF7B72
  • editor.findMatchHighlightBackground#FF7B7280
  • editor.foreground#C9D1D9
  • editor.inactiveSelectionBackground#21262D80
  • editor.selectionBackground#21262D
  • editorGutter.background#0D1117
  • editorLineNumber.activeForeground#C9D1D9
  • editorLineNumber.foreground#8B949E
  • list.activeSelectionBackground#21262D
  • list.activeSelectionForeground#C9D1D9
  • list.hoverBackground#21262D
  • list.inactiveSelectionBackground#21262D
  • sideBar.background#161B22
  • sideBarTitle.foreground#C9D1D9
  • statusBar.background#0D1117
  • statusBar.foreground#C9D1D9
  • tab.activeBackground#0D1117
  • tab.activeForeground#C9D1D9
  • tab.inactiveBackground#161B22
  • tab.inactiveForeground#8B949E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword#FF7B72
keyword.control#FF7B72
storage#FF7B72
string#A5D6FF
string.quoted#A5D6FF
comment#8B949Eitalic
comment.line#8B949E
comment.block#8B949E
constant.numeric#79C0FF
constant.language#79C0FF
variable#FFA657
variable.other#FFA657
entity.name.function#D2A8FF
entity.name.class#FFA198
entity.name.type#FFA198
support.function#D2A8FF
support.type#FFA198
Kislay Theme by kislay - VS Code Theme