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#0f0f11
  • activityBar.foreground#ff33b1
  • editor.background#121214
  • editor.foreground#e0e0e0
  • editor.lineHighlightBackground#ffffff0a
  • editor.selectionBackground#ff334440
  • editorCursor.foreground#ff3399
  • editorGroupHeader.tabsBackground#0f0f11
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#5c5c5c
  • focusBorder#ff3399
  • input.background#1a1a1d
  • input.border#ff3399
  • sideBar.background#0f0f11
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#1a1a1d
  • statusBar.background#8a1c41
  • statusBar.foreground#ffffff
  • tab.activeBackground#1a1a1d
  • tab.activeForeground#ff3392
  • tab.border#1a1a1d
  • tab.inactiveBackground#0f0f11
  • tab.inactiveForeground#666666
  • titleBar.activeBackground#0f0f11
  • titleBar.activeForeground#eeeeee

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6e6e6eitalic
keyword, storage.type, storage.modifier, keyword.control#80D4FF
string#FF99A5
entity.name.function, meta.function-call, support.function#FFFFFFbold
variable, variable.other.object, meta.object-literal.key#CCCCCC
constant.numeric, constant.language, constant.character, constant.other#FF3344
entity.name.type, entity.name.class, support.type, support.class#B3E5FC
entity.name.tag, meta.tag.sgml#FF3344
entity.other.attribute-name#80D4FFitalic
Ellen Joe Theme by k1gs - VS Code Theme