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#2c2c2e
  • activityBar.border#1c1c1e
  • activityBar.foreground#ffffff
  • activityBarBadge.background#0a84ff
  • button.background#0a84ff
  • button.foreground#ffffff
  • editor.background#1f1f24
  • editor.findMatchBackground#0a84ff40
  • editor.findMatchHighlightBackground#0a84ff20
  • editor.foreground#ffffff
  • editor.lineHighlightBackground#2a2a30
  • editor.selectionBackground#2f4f7f
  • editor.wordHighlightBackground#2f4f7f80
  • editorCursor.foreground#ffffff
  • editorGutter.background#1f1f24
  • editorLineNumber.activeForeground#ebebf5
  • editorLineNumber.foreground#636366
  • input.background#1c1c1e
  • input.border#3a3a3c
  • input.foreground#ffffff
  • panel.background#252528
  • panel.border#1c1c1e
  • sideBar.background#252528
  • sideBar.border#1c1c1e
  • sideBar.foreground#ebebf5
  • sideBarTitle.foreground#ebebf5
  • statusBar.background#2c2c2e
  • statusBar.foreground#ebebf5
  • tab.activeBackground#1f1f24
  • tab.activeForeground#ffffff
  • tab.border#1c1c1e
  • tab.inactiveBackground#2c2c2e
  • tab.inactiveForeground#636366
  • terminal.background#1f1f24
  • terminal.foreground#ffffff
  • titleBar.activeBackground#2c2c2e
  • titleBar.activeForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7f8c98italic
variable, string constant.other.placeholder#ffffff
keyword, storage.type, storage.modifier#fc5fa3
keyword.control, keyword.operator#fc5fa3
string, constant.other.symbol, constant.other.key#fc6a5d
constant.numeric, constant.language, constant.character, constant.escape#d9c97c
entity.name.function, meta.function-call, variable.function, support.function#67b7a4
entity.name, support.type, support.class#5dd8ff
entity.name.tag#fc5fa3
entity.other.attribute-name#9fa1a6
punctuation#ffffff
invalid, invalid.illegal#ff3b30
markup.inserted#67b7a4
markup.deleted#ff3b30