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#141416
  • activityBar.foreground#e5e7eb
  • activityBar.inactiveForeground#9ca3af
  • button.background#141416
  • button.foreground#e5e7eb
  • button.hoverBackground#1a1a1d
  • dropdown.background#141416
  • dropdown.foreground#e5e7eb
  • editor.background#141416
  • editor.foreground#e5e7eb
  • editor.lineHighlightBackground#1a1a1d
  • editor.selectionBackground#1f1f22
  • editorCursor.foreground#e5e7eb
  • editorGroupHeader.noTabsBackground#141416
  • editorGroupHeader.tabsBackground#141416
  • editorLineNumber.activeForeground#e5e7eb
  • editorLineNumber.foreground#6b7280
  • menu.background#141416
  • menu.foreground#e5e7eb
  • panel.background#141416
  • panelTitle.activeForeground#e5e7eb
  • panelTitle.inactiveForeground#9ca3af
  • quickInput.background#141416
  • quickInput.foreground#e5e7eb
  • sideBar.background#141416
  • sideBar.foreground#e5e7eb
  • sideBarSectionHeader.background#141416
  • sideBarSectionHeader.foreground#e5e7eb
  • statusBar.background#141416
  • statusBar.foreground#e5e7eb
  • statusBar.noFolderBackground#141416
  • tab.activeBackground#141416
  • tab.activeForeground#e5e7eb
  • tab.inactiveBackground#141416
  • tab.inactiveForeground#9ca3af
  • terminal.background#141416
  • terminal.foreground#e5e7eb
  • titleBar.activeBackground#141416
  • titleBar.activeForeground#e5e7eb
  • titleBar.inactiveBackground#141416
  • titleBar.inactiveForeground#9ca3af

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6b7280italic
keyword, storage.type, storage.modifier#facc15
entity.other.attribute-name, meta.attribute#facc15
entity.name.function, support.function, variable.function#60a5fa
entity.name.tag, meta.tag, punctuation.definition.tag#38bdf8
string, string.quoted#4ade80
variable, meta.definition.variable#e5e7eb
punctuation.section.parens, punctuation.section.block, punctuation.separator, punctuation.accessor#facc15
keyword.operator.assignment, keyword.operator, punctuation.separator.key-value, punctuation.definition.assignment#6B6A6D
ASM Dark by ASM - VS Code Theme