Skip to main content
Coding Theme

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
Solarized Osaka Original by johnull - VS Code Theme