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#0d0d10
  • activityBar.foreground#eaeaea
  • activityBarBadge.background#ff47d1
  • activityBarBadge.foreground#000
  • button.background#00ffaa
  • button.foreground#000
  • button.hoverBackground#00d48f
  • dropdown.background#181820
  • editor.background#0c0c0f
  • editor.foreground#e0e0e0
  • editor.selectionBackground#345
  • editorCursor.foreground#f0f06a
  • editorIndentGuide.activeBackground#3a3f47
  • editorIndentGuide.background#262a30
  • editorLineNumber.activeForeground#f0f06a
  • editorLineNumber.foreground#4f5560
  • focusBorder#ff47d1
  • panel.background#111116
  • panel.border#3d3d3d
  • selection.background#41f0ff55
  • sideBar.background#0b0b0e
  • sideBar.foreground#d4d4d4
  • sideBarSectionHeader.background#13141a
  • sideBarTitle.foreground#ff47d1
  • statusBar.background#111116
  • statusBar.border#ff47d1
  • statusBar.foreground#fff
  • tab.activeBackground#181820
  • tab.activeBorder#41f0ff
  • tab.border#2c2c2c
  • tab.inactiveBackground#101014
  • terminal.background#0c0c0f
  • terminal.foreground#e0e0e0
  • titleBar.activeBackground#111116
  • titleBar.activeForeground#e0e0e0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type#ff47d1bold
variable, meta.definition.variable.name, entity.name.variable#41f0ff
entity.name.function, meta.function-call, support.function#00ffaa
string, constant.other.symbol#faff7f
constant.numeric#ff9147
comment#6e7090italic
meta.import.java, storage.modifier.import.java, storage.type.java, meta.import, keyword.import, keyword.other.import.java, punctuation.separator.java#ff47d1bold
entity.name.type.class.java, support.class.java, entity.other.inherited-class#41f0ff
storage.type.annotation.java, punctuation.definition.annotation#ff9147
invalid#ff0000underline
Tenda Theme by Tenda-Theme - VS Code Theme