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#0f0f0f
  • activityBar.foreground#d0d0d0
  • activityBarBadge.background#4d4d4d
  • activityBarBadge.foreground#d0d0d0
  • editor.background#0f0f0f
  • editor.findMatchBackground#4d4d4d
  • editor.findMatchHighlightBackground#595959
  • editor.foreground#d0d0d0
  • editor.lineHighlightBackground#1a1a1a
  • editor.selectionBackground#404040
  • editorCursor.foreground#f0f0f0
  • editorGroupHeader.tabsBackground#0f0f0f
  • editorIndentGuide.activeBackground#333333
  • editorIndentGuide.background#1f1f1f
  • editorLineNumber.activeForeground#808080
  • editorLineNumber.foreground#4d4d4d
  • editorWhitespace.foreground#262626
  • list.activeSelectionBackground#333333
  • list.hoverBackground#1a1a1a
  • list.inactiveSelectionBackground#262626
  • panel.background#0f0f0f
  • panelTitle.activeForeground#d0d0d0
  • panelTitle.inactiveForeground#808080
  • sideBar.background#0f0f0f
  • sideBarSectionHeader.background#1a1a1a
  • sideBarSectionHeader.foreground#d0d0d0
  • sideBarTitle.foreground#d0d0d0
  • statusBar.background#0f0f0f
  • statusBar.debuggingBackground#0f0f0f
  • statusBar.foreground#808080
  • statusBar.noFolderBackground#0f0f0f
  • statusBarItem.hoverBackground#1a1a1a
  • tab.activeBackground#1a1a1a
  • tab.activeForeground#d0d0d0
  • tab.border#0f0f0f
  • tab.inactiveBackground#0f0f0f
  • tab.inactiveForeground#808080
  • titleBar.activeBackground#0f0f0f
  • titleBar.activeForeground#d0d0d0
  • titleBar.inactiveBackground#0f0f0f
  • titleBar.inactiveForeground#808080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#595959
variable, string constant.other.placeholder#d0d0d0
constant.other.color#d0d0d0
invalid, invalid.illegal#f0f0f0
keyword, storage.type, storage.modifier#d0d0d0
keyword.operator, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#b3b3b3
entity.other.attribute-name#cccccc
*url*, *link*, *uri*underline
string, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other#b3b3b3
constant.numeric#cccccc
string.regexp#b3b3b3
entity.name.function#cccccc
support.class, entity.name.class, entity.name.type.class, entity.other.inherited-class#cccccc
support.type, entity.name.type#cccccc
Timeless by Basilecom Inc. - VS Code Theme