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#1e2126
  • activityBar.foreground#cdc9c0
  • editor.background#23262b
  • editor.foreground#cdc9c0
  • editor.inactiveSelectionBackground#2e3238
  • editor.lineHighlightBackground#282b31
  • editor.selectionBackground#3a3f47
  • editorCursor.foreground#d4a76a
  • editorIndentGuide.activeBackground#4a4d52
  • editorIndentGuide.background#33363b
  • editorLineNumber.activeForeground#cdc9c0
  • editorLineNumber.foreground#5a5d63
  • editorWhitespace.foreground#3a3d42
  • focusBorder#4a4d52
  • sideBar.background#1e2126
  • sideBar.foreground#b8b4aa
  • statusBar.background#1e2126
  • statusBar.foreground#b8b4aa
  • tab.activeBackground#282b31
  • tab.activeForeground#cdc9c0
  • tab.inactiveBackground#1e2126
  • tab.inactiveForeground#7d8087
  • terminal.background#1e2126
  • terminal.foreground#cdc9c0
  • titleBar.activeBackground#1e2126
  • titleBar.activeForeground#cdc9c0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7d8570italic
keyword, storage.type, storage.modifier#c98a7d
string#a8b878
entity.name.function, support.function#d4a76a
variable, variable.parameter#cdc9c0
entity.name.type, entity.name.class, support.type, support.class#8fa8c9
constant.numeric, constant.language, constant.character#c9a876
keyword.operator#9a9488
punctuation#8a8d92
entity.name.tag#c98a7d
entity.other.attribute-name#d4a76a