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#050506
  • activityBar.border#050506
  • activityBar.foreground#9EA1B5
  • activityBar.inactiveForeground#22222A
  • editor.background#050506
  • editor.foreground#F2F4F8
  • editor.lineHighlightBackground#0D0D10
  • editor.selectionBackground#222533
  • editorGroupHeader.tabsBackground#050506
  • editorGroupHeader.tabsBorder#050506
  • editorLineNumber.activeForeground#5C5E6E
  • editorLineNumber.foreground#1F1F24
  • sideBar.background#050506
  • sideBar.border#050506
  • sideBar.foreground#9EA1B5
  • sideBarTitle.foreground#4E5061
  • statusBar.background#050506
  • statusBar.border#050506
  • statusBar.foreground#333442
  • tab.activeBackground#050506
  • tab.activeBorder#4E5061
  • tab.activeForeground#FFFFFF
  • tab.border#050506
  • tab.inactiveBackground#050506
  • tab.inactiveForeground#333442
  • titleBar.activeBackground#050506
  • titleBar.activeForeground#9EA1B5
  • titleBar.border#050506

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, keyword.operator.new#D6BCFA
entity.name.function, meta.function-call, variable.function#68D391
string, punctuation.definition.string#F6AD55
variable, variable.other.readwrite, variable.other.object, variable.other.property, meta.definition.variable#F2F4F8
constant.numeric, constant.language#FC8181
entity.name.type, entity.name.class, support.type, support.class#63B3ED
comment, punctuation.definition.comment#343542italic
Premium Minimalist Theme by stillxyz - VS Code Theme