Skip to main content
Coding Theme

Color themes

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#f3f3f3
  • activityBar.border#dbdbdb
  • activityBar.foreground#333
  • activityBarBadge.foreground#282828
  • editor.background#fafafa
  • editor.foreground#000
  • editor.lineHighlightBackground#50505025
  • editor.selectionBackground#50505025
  • editorCursor.background#ffffff
  • editorCursor.foreground#00000040
  • editorLineNumber.foreground#888888
  • list.activeSelectionBackground#ccc
  • list.activeSelectionForeground#6c6c6c
  • list.focusBackground#ccc
  • list.hoverBackground#ddd
  • list.inactiveSelectionBackground#ddd
  • panelTitle.activeBorder#ea5b76
  • pickerGroup.border#6495cf
  • pickerGroup.foreground#6495cf
  • sideBar.border#dbdbdb
  • statusBar.background#f3f3f3
  • statusBar.border#dbdbdb
  • statusBar.debuggingBackground#f3f3f3
  • statusBar.foreground#333
  • statusBar.noFolderBackground#f3f3f3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#000
comment#919191italic
constant.numeric#d7a96b
constant.language#eb613f
constant.character.escape#ee762e
constant.other.placeholder#f5ad3b
constant.other#f19557
variable.other.constant#000
entity.name.constant#000
entity.name#f39939
entity.name.class#152b65
entity.name.type#f39939
entity.other.inherited-class#c7b83c
entity.name.function#2743d2
entity.name.tag#58a6dc
entity.name.section#7278a8
entity.other.attribute-name#7e6ca8
invalid#d1342c
invalid.illegal#b63b40
invalid.deprecated#e22b30
keyword#d7385f
keyword.control#d7385f
keyword.operator#9238be
punctuation.definition.keyword#9238be
punctuation.definition.string#a6126a
punctuation.definition.variable#2743d2
punctuation.definition.template-expression#a6126a
storage.type#f39939
storage.modifier#f39939
string.regexp#92cfbb
string#6495cf
string.quoted#6495cf
support#f39939
support.constant#f5ad3b
support.module#efb864
support.function#7e6ca8
support.class#c7b83c
support.type#f39939
variable.parameter#01adb9
variable.function#2743d2
variable.language#a6126a
meta.function-call.generic#2743d2
markup.heading#6495cf
markup.list.unnumbered#e9739b
markup.list.numbered#e9739b
markup.bold#92cfbbbold
markup.italic#92cfbbitalic
markup.underline#92cfbb
markup.inserted#92cfbb
markup.deleted#7f6575
entity.name.type.class#152b65
constant.character.format.placeholder#f5ad3b
Niji by umazi - VS Code Theme