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#f1ede8
  • activityBar.foreground#2c2926
  • activityBarBadge.background#c6a08a
  • activityBarBadge.foreground#f8f5f1
  • button.background#c6a08a
  • button.foreground#f8f5f1
  • button.hoverBackground#a2856f
  • dropdown.background#f1ede8
  • dropdown.border#cbc2bb
  • dropdown.foreground#2c2926
  • editor.background#f8f5f1
  • editor.foreground#2c2926
  • editor.lineHighlightBackground#eae5df
  • editor.selectionBackground#f4ded0
  • editor.selectionHighlightBorder#e3b490
  • editorCursor.foreground#2c2926
  • editorGroup.border#d0c7c0
  • editorLineNumber.foreground#a3978c
  • errorForeground#d37a6d
  • scrollbarSlider.activeBackground#a2856f
  • scrollbarSlider.background#d0c7c0
  • scrollbarSlider.hoverBackground#c6a08a
  • sideBar.background#f1ede8
  • sideBar.border#cbc2bb
  • sideBar.foreground#2c2926
  • statusBar.background#f1ede8
  • statusBar.border#cbc2bb
  • statusBar.foreground#2c2926
  • statusBar.noFolderBackground#f1ede8
  • terminal.background#f1ede8
  • terminal.foreground#5a534c
  • titleBar.activeBackground#e7e3dd
  • titleBar.activeForeground#2c2926
  • titleBar.inactiveBackground#e7e3dd
  • titleBar.inactiveForeground#7d756d
  • warningForeground#e5bb75

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, string.quoted.docstring#7d756d
keyword, storage.type, keyword.control#d45d5d
constant.language, variable.language, support.constant#91a85e
string, constant.numeric, string.interpolated#91a85e
variable, entity.name.variable, meta.function-call.arguments#776ab8
entity.name.function, support.function.builtin, meta.function-call#f39c56
keyword.operator, keyword.operator.logical.python#d45d5d
entity.name.class, entity.name.type#c6a08a
meta.function.decorator, entity.name.function.decorator#776ab8
markup.error#d37a6d
markup.warning#e5bb75
support.type.exception, keyword.operator.assignment.python#d45d5d
variable.other#2c2926
variable.parameter#897F76