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#000000
  • breadcrumb.background#000000
  • editor.background#000000
  • editor.foreground#E2E8F0
  • editor.lineHighlightBackground#0A0A0A
  • editor.selectionBackground#1E293B
  • editorCursor.foreground#38BDF8
  • editorGroup.border#000000
  • editorGroupHeader.noTabsBackground#000000
  • editorGroupHeader.tabsBackground#000000
  • editorLineNumber.activeForeground#94A3B8
  • editorLineNumber.foreground#333333
  • panel.background#000000
  • sideBar.background#000000
  • statusBar.background#000000
  • statusBar.noFolderBackground#000000
  • tab.activeBackground#000000
  • tab.activeBorder#000000
  • tab.border#000000
  • tab.inactiveBackground#000000
  • tab.unfocusedActiveBackground#000000
  • tab.unfocusedInactiveBackground#000000
  • terminal.background#000000
  • titleBar.activeBackground#000000
  • titleBar.inactiveBackground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#52525Bitalic
keyword, storage, control, conditional#C678DDbold
variable, variable.other, variable.language, variable.parameter#E2E8F0
entity.name.function, support.function, meta.function-call#38BDF8
string, punctuation.definition.string#CE9178
constant.numeric, constant.language.boolean#FBBF24
entity.name.type, entity.name.class, support.type#F472B6
keyword.operator, punctuation#94A3B8
entity.name.tag, meta.tag.sgml#569CD6
entity.other.attribute-name#9CDCFEitalic
punctuation.definition.tag#64748B
support.class.component#38BDF8bold
support.type.property-name, meta.property-name#38BDF8
Pitch Black Modern by Yash-Pluto by Yash Vardhan - VS Code Theme