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#1f7231bb
  • editor.background#3d3d3d
  • editor.foreground#f8f8f2
  • editor.lineHighlightBackground#5e5e5e
  • editor.selectionBackground#5e5e5e
  • editorCursor.foreground#f8f8f2
  • editorGroupHeader.tabsBackground#1b1b1b
  • editorLineNumber.foreground#99A9B3
  • editorWhitespace.foreground#585858
  • input.background#3d3d3d
  • input.border#30be4f
  • list.focusBackground#414141
  • sideBar.background#2c2c2c
  • sideBar.border#000000
  • statusBar.background#b49920
  • statusBar.noFolderBackground#b49920
  • tab.activeBackground#333333
  • tab.inactiveBackground#292929
  • titleBar.activeBackground#ff0000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#f8f8f2ff
comment#99A9B3italic
string#30be4f
constant.numeric, constant.other#FFC83F
constant.language#FFC83F
unused.comment#99A9B3
constant.character#FA5E5B
variable#FA5E5B
keyword#89BDE4
keyword.operator#89BDE4
storage#FF708Eitalic
storage.type#FF708Eitalic
storage.type.c#FF708E
entity.name.type.class, meta.class.instance.constructor#FFC83F
tab.activeBackground#333333
activityBar.background#242D38
activityBar.background#242D38
sideBar.background#2c3643
input.background#242D38
input.border#37404E
list.focusBackground#215D8C
tab.inactiveBackground#333333
editorGroupHeader.tabsBackground#212934
titleBar.activeBackground#242D38
statusBar.background#3b444f
entity.other.inherited-class#30be4f
entity.name.function#288AD6
variable.parameter#FA5E5B
variable.other#FA5E5B
entity.name.tag#FA5E5B underline
entity.other.attribute-name#FFC83Fitalic
entity.other.attribute-name.id.html #288AD6bold
support.function#288AD6
support.constant#FA5E5B
support.type, support.class#FFC83Fitalic
support.other.variable#000000
support.variable.property.dom.js#FA5E5B
invalid#F8F8F0
support.function#0fd8b9
invalid.deprecated#F8F8F0
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6