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#F7F5EF
  • activityBar.border#00000015
  • activityBar.foreground#D9A444
  • activityBar.inactiveForeground#3A241660
  • activityBarBadge.background#D9A444
  • activityBarBadge.foreground#F7F5EF
  • button.background#D9A444
  • button.foreground#F7F5EF
  • button.hoverBackground#D9A444dd
  • editor.background#F7F5EF
  • editor.foreground#3A2416
  • editor.inactiveSelectionBackground#B9892E2580
  • editor.lineHighlightBackground#FFFDF650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B9892E25
  • editorCursor.foreground#D9A444
  • editorGroupHeader.tabsBackground#FFFDF6aa
  • editorLineNumber.activeForeground#D9A444
  • editorLineNumber.foreground#AFA48F80
  • focusBorder#D9A444
  • foreground#3A2416
  • input.background#FFFDF6
  • input.border#00000015
  • input.foreground#3A2416
  • input.placeholderForeground#3A241660
  • list.activeSelectionBackground#D9A44430
  • list.activeSelectionForeground#3A2416
  • list.highlightForeground#D9A444
  • list.hoverBackground#FFFDF640
  • list.hoverForeground#3A2416
  • list.inactiveSelectionBackground#D9A44415
  • list.inactiveSelectionForeground#3A2416
  • selection.background#B9892E25
  • sideBar.background#FFFDF6
  • sideBar.border#00000015
  • sideBar.foreground#3A2416
  • sideBarSectionHeader.background#FFFDF680
  • sideBarSectionHeader.foreground#3A2416
  • sideBarTitle.foreground#D9A444
  • statusBar.background#F7F5EF
  • statusBar.border#00000015
  • statusBar.foreground#3A2416
  • statusBar.noFolderBackground#F7F5EF
  • tab.activeBackground#F7F5EF
  • tab.activeBorderTop#D9A444
  • tab.activeForeground#3A2416
  • tab.border#00000015
  • tab.inactiveBackground#F7F5EF60
  • tab.inactiveForeground#3A241680
  • terminal.ansiBlack#3A2416
  • terminal.ansiBlue#B9892E
  • terminal.ansiCyan#8A5E34
  • terminal.ansiGreen#D9A444
  • terminal.ansiMagenta#C34A34
  • terminal.ansiRed#C34A34
  • terminal.ansiWhite#3A2416
  • terminal.ansiYellow#8A5E34
  • terminal.background#F7F5EF
  • terminal.foreground#3A2416
  • titleBar.activeBackground#F7F5EF
  • titleBar.activeForeground#3A2416
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F5EF
  • titleBar.inactiveForeground#3A241660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#AFA48Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B9892Ebold
storage.type, storage.modifier#B9892Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D9A444
string, punctuation.definition.string, string.template, meta.template.expression#8A5E34
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C34A34
variable, variable.other.readwrite, variable.other.object#3A2416
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#3A2416
variable.parameter, meta.parameter#3A2416dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#3A241680
keyword.operator#3A2416
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8A5E34bold
entity.other.inherited-class#D9A444
entity.name.tag, punctuation.definition.tag#B9892E
entity.other.attribute-name#D9A444
meta.diff, meta.diff.header#AFA48F
markup.deleted#C34A34
markup.inserted#D9A444
markup.changed#8A5E34
markup.heading, markup.heading.setext, punctuation.definition.heading#D9A444bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8A5E34
string.other.link.title, string.other.link.description#D9A444
markup.underline.link#AFA48Funderline
punctuation.definition.list#B9892E
markup.quote, punctuation.definition.quote#AFA48Fitalic