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#001419
  • activityBar.border#002c38
  • activityBar.foreground#ede7d3
  • editor.background#001419
  • editor.lineHighlightBackground#002c38
  • editor.lineHighlightBorder#063540
  • editorCursor.foreground#a8daff
  • editorGroup.border#002c38
  • editorGroup.dropBorder#002c38
  • editorGroupHeader.border#002c38
  • editorGroupHeader.tabsBackground#001419
  • editorGroupHeader.tabsBorder#002c38
  • editorGutter.background#001419
  • editorRuler.foreground#637981
  • list.dropBackground#001419
  • menu.background#001419
  • panel.background#001419
  • panel.border#002c38
  • sideBar.background#001419
  • sideBar.border#002c38
  • statusBar.background#002c38
  • statusBar.border#002c38
  • statusBar.noFolderBorder#002c38
  • tab.activeBackground#063540
  • tab.activeBorder#002c38
  • tab.activeBorderTop#849900
  • tab.activeForeground#ede7d3
  • tab.border#002c38
  • tab.hoverBackground#002c38
  • tab.hoverForeground#adb7b7
  • tab.inactiveBackground#001419
  • tab.inactiveForeground#9eabac
  • terminal.background#001419
  • terminal.border#002c38
  • titleBar.border#002c38
  • window.activeBorder#849900
  • window.inactiveBorder#002c38

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9eabacitalic
keyword, keyword.control, storage.modifier, storage.type, storage.type.function, keyword.function#849900italic
keyword.operator, keyword.operator.new, operator, punctuation.separator.question-mark#849900
string, punctuation.definition.string, string.regexp#29a298
constant, constant.numeric, constant.language, constant.character, constant.escape#29a298
constant.builtin, variable.builtin, variable.parameter, variable.parameter.function#268bd3
variable.other.object.property#29a298
entity.name.function, support.function, entity.name.function.method#268bd3
entity.name.type, support.type, support.class, entity.name.type.class, entity.name.namespace#b28500
variable, variable.other, variable.other.readwrite, variable.other.object#9eabac
variable.language, variable.language.this, entity.name.variable.parameter#c94c16
variable.object.property, meta.property-name, entity.name.variable.property#268bd3
support.class, support.type.property-name#9eabac
punctuation, punctuation.section, punctuation.separator, punctuation.definition#c94c16
entity.name.tag, meta.tag#849900
entity.other.attribute-name#268bd3
meta.property-name, meta.property-value#29a298
entity.name.module, entity.name.import#b28500
meta.decorator, entity.name.decorator#268bd3
markup.heading#c94c16bold
markup.italicitalic
markup.boldbold
markup.link, markup.link.text, markup.underline.link#268bd3
markup.raw, markup.raw.inline#29a298