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#E1B400
  • activityBar.inactiveForeground#2D302A60
  • activityBarBadge.background#E1B400
  • activityBarBadge.foreground#F7F5EF
  • button.background#E1B400
  • button.foreground#F7F5EF
  • button.hoverBackground#E1B400dd
  • editor.background#F7F5EF
  • editor.foreground#2D302A
  • editor.inactiveSelectionBackground#F4CF3A2580
  • editor.lineHighlightBackground#DAD6CC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#F4CF3A25
  • editorCursor.foreground#E1B400
  • editorGroupHeader.tabsBackground#DAD6CCaa
  • editorLineNumber.activeForeground#E1B400
  • editorLineNumber.foreground#6F6A6480
  • focusBorder#E1B400
  • foreground#2D302A
  • input.background#DAD6CC
  • input.border#00000015
  • input.foreground#2D302A
  • input.placeholderForeground#2D302A60
  • list.activeSelectionBackground#E1B40030
  • list.activeSelectionForeground#2D302A
  • list.highlightForeground#E1B400
  • list.hoverBackground#DAD6CC40
  • list.hoverForeground#2D302A
  • list.inactiveSelectionBackground#E1B40015
  • list.inactiveSelectionForeground#2D302A
  • selection.background#F4CF3A25
  • sideBar.background#DAD6CC
  • sideBar.border#00000015
  • sideBar.foreground#2D302A
  • sideBarSectionHeader.background#DAD6CC80
  • sideBarSectionHeader.foreground#2D302A
  • sideBarTitle.foreground#E1B400
  • statusBar.background#F7F5EF
  • statusBar.border#00000015
  • statusBar.foreground#2D302A
  • statusBar.noFolderBackground#F7F5EF
  • tab.activeBackground#F7F5EF
  • tab.activeBorderTop#E1B400
  • tab.activeForeground#2D302A
  • tab.border#00000015
  • tab.inactiveBackground#F7F5EF60
  • tab.inactiveForeground#2D302A80
  • terminal.ansiBlack#2D302A
  • terminal.ansiBlue#F4CF3A
  • terminal.ansiCyan#B7C64A
  • terminal.ansiGreen#E1B400
  • terminal.ansiMagenta#7FAA3A
  • terminal.ansiRed#7FAA3A
  • terminal.ansiWhite#2D302A
  • terminal.ansiYellow#B7C64A
  • terminal.background#F7F5EF
  • terminal.foreground#2D302A
  • titleBar.activeBackground#F7F5EF
  • titleBar.activeForeground#2D302A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F5EF
  • titleBar.inactiveForeground#2D302A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6F6A64italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#F4CF3Abold
storage.type, storage.modifier#F4CF3Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E1B400
string, punctuation.definition.string, string.template, meta.template.expression#B7C64A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#7FAA3A
variable, variable.other.readwrite, variable.other.object#2D302A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2D302A
variable.parameter, meta.parameter#2D302Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2D302A80
keyword.operator#2D302A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B7C64Abold
entity.other.inherited-class#E1B400
entity.name.tag, punctuation.definition.tag#F4CF3A
entity.other.attribute-name#E1B400
meta.diff, meta.diff.header#6F6A64
markup.deleted#7FAA3A
markup.inserted#E1B400
markup.changed#B7C64A
markup.heading, markup.heading.setext, punctuation.definition.heading#E1B400bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B7C64A
string.other.link.title, string.other.link.description#E1B400
markup.underline.link#6F6A64underline
punctuation.definition.list#F4CF3A
markup.quote, punctuation.definition.quote#6F6A64italic