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#010409
  • activityBar.border#30363d
  • activityBar.foreground#c9d1d9
  • activityBarBadge.background#1f6feb
  • button.background#1f6feb
  • button.foreground#ffffff
  • editor.background#0d1117
  • editor.findMatchBackground#f2cc6080
  • editor.findMatchHighlightBackground#ffffff20
  • editor.foreground#c9d1d9
  • editor.lineHighlightBackground#161b2250
  • editor.selectionBackground#264f78
  • editor.wordHighlightBackground#58a6ff30
  • editorCursor.foreground#c9d1d9
  • editorGutter.background#0d1117
  • editorLineNumber.activeForeground#c9d1d9
  • editorLineNumber.foreground#484f58
  • input.background#161b22
  • input.border#30363d
  • input.foreground#c9d1d9
  • panel.background#0d1117
  • panel.border#30363d
  • sideBar.background#010409
  • sideBar.border#30363d
  • sideBar.foreground#c9d1d9
  • sideBarTitle.foreground#8b949e
  • statusBar.background#161b22
  • statusBar.foreground#8b949e
  • tab.activeBackground#0d1117
  • tab.activeForeground#c9d1d9
  • tab.border#30363d
  • tab.inactiveBackground#010409
  • tab.inactiveForeground#484f58
  • terminal.background#0d1117
  • terminal.foreground#c9d1d9
  • titleBar.activeBackground#161b22

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8b949eitalic
variable, string constant.other.placeholder#c9d1d9
invalid, invalid.illegal#f85149
keyword, storage.type, storage.modifier#ff7b72
keyword.control, punctuation#ff7b72
entity.name.tag#7ee787
entity.name.function, meta.function-call, variable.function, support.function#d2a8ff
constant.numeric, constant.language, support.constant#79c0ff
string, constant.other.symbol#a5d6ff
entity.name, support.type, support.class#ffa657
entity.other.attribute-name#79c0ff
Rgba Theme Pro by Function - VS Code Theme