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#1C2A38
  • activityBar.foreground#FFE082
  • activityBarBadge.background#C9A200
  • activityBarBadge.foreground#1D2938
  • editor.background#1D2938
  • editor.foreground#E8DCCB
  • panel.background#212F3C
  • panel.border#3A4A5C
  • panelTitle.activeBorder#FFD700
  • panelTitle.activeForeground#FFEB3B
  • panelTitle.inactiveForeground#9E9E9E
  • sideBar.background#202E3B
  • sideBar.foreground#D0E6DD
  • sideBarSectionHeader.foreground#A5D6A7
  • statusBar.background#15222E
  • statusBar.debuggingBackground#EF5350
  • statusBar.foreground#E8DCCB
  • tab.activeBackground#263545
  • tab.activeForeground#FFEB95
  • tab.border#1D2938
  • tab.inactiveBackground#1D2938
  • tab.inactiveForeground#888C91
  • terminal.ansiBlack#1D2938
  • terminal.ansiBlue#64B5F6
  • terminal.ansiCyan#4DD0E1
  • terminal.ansiGreen#A5D6A7
  • terminal.ansiMagenta#BA68C8
  • terminal.ansiRed#EF5350
  • terminal.ansiWhite#E8DCCB
  • terminal.ansiYellow#FBC02D
  • terminal.background#1B242F
  • terminal.foreground#E8DCCB
  • terminalCursor.foreground#FFD700
  • titleBar.activeBackground#1D2938
  • titleBar.activeForeground#F5EEDC
  • titleBar.inactiveBackground#1A232D
  • titleBar.inactiveForeground#A0A0A0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
Object Base Names#5CC6D0
Property Names#FBC02D
comment, punctuation.definition.comment#7A8B99italic
variable, variable.other.readwrite#F0EAD6
constant, constant.numeric, constant.language#D4A017
string, string.quoted, string.template#6FA6C8
keyword, storage.type, storage.modifier#A48FB2bold
keyword.control, punctuation, meta.brace, meta.delimiter#B2677B
entity.name.tag, meta.tag.sgml#81D4FA
entity.name.function#FFCC00
meta.function-call#FFCC00italic
entity.name.method, support.function.builtin#8E8CD8
entity.name.type, support.class, support.type#82D8D5
decorator, tag.decorator.js#A678C6italic
invalid, invalid.illegal#EF5350
support.type.property-name.json#9CCC65
markup.heading, entity.name.section#F57F17bold
markup.bold#D96C79bold
markup.italic#B39DDBitalic
markup.underline#FFF59Dunderline
markup.underline.link, string.other.link#7986CB
Krishna by dcoder - VS Code Theme