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#fff1e8
  • activityBar.border#00000015
  • activityBar.foreground#b80f1a
  • activityBar.inactiveForeground#2b1e1a60
  • activityBarBadge.background#b80f1a
  • activityBarBadge.foreground#fff1e8
  • button.background#b80f1a
  • button.foreground#fff1e8
  • button.hoverBackground#b80f1add
  • editor.background#fff1e8
  • editor.foreground#2b1e1a
  • editor.inactiveSelectionBackground#2f5b2c2580
  • editor.lineHighlightBackground#f7dfd750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2f5b2c25
  • editorCursor.foreground#b80f1a
  • editorGroupHeader.tabsBackground#f7dfd7aa
  • editorLineNumber.activeForeground#b80f1a
  • editorLineNumber.foreground#55682f80
  • focusBorder#b80f1a
  • foreground#2b1e1a
  • input.background#f7dfd7
  • input.border#00000015
  • input.foreground#2b1e1a
  • input.placeholderForeground#2b1e1a60
  • list.activeSelectionBackground#b80f1a30
  • list.activeSelectionForeground#2b1e1a
  • list.highlightForeground#b80f1a
  • list.hoverBackground#f7dfd740
  • list.hoverForeground#2b1e1a
  • list.inactiveSelectionBackground#b80f1a15
  • list.inactiveSelectionForeground#2b1e1a
  • selection.background#2f5b2c25
  • sideBar.background#f7dfd7
  • sideBar.border#00000015
  • sideBar.foreground#2b1e1a
  • sideBarSectionHeader.background#f7dfd780
  • sideBarSectionHeader.foreground#2b1e1a
  • sideBarTitle.foreground#b80f1a
  • statusBar.background#fff1e8
  • statusBar.border#00000015
  • statusBar.foreground#2b1e1a
  • statusBar.noFolderBackground#fff1e8
  • tab.activeBackground#fff1e8
  • tab.activeBorderTop#b80f1a
  • tab.activeForeground#2b1e1a
  • tab.border#00000015
  • tab.inactiveBackground#fff1e860
  • tab.inactiveForeground#2b1e1a80
  • terminal.ansiBlack#2b1e1a
  • terminal.ansiBlue#2f5b2c
  • terminal.ansiCyan#f2e7e2
  • terminal.ansiGreen#b80f1a
  • terminal.ansiMagenta#6b4a2f
  • terminal.ansiRed#6b4a2f
  • terminal.ansiWhite#2b1e1a
  • terminal.ansiYellow#f2e7e2
  • terminal.background#fff1e8
  • terminal.foreground#2b1e1a
  • titleBar.activeBackground#fff1e8
  • titleBar.activeForeground#2b1e1a
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fff1e8
  • titleBar.inactiveForeground#2b1e1a60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#55682fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2f5b2cbold
storage.type, storage.modifier#2f5b2citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#b80f1a
string, punctuation.definition.string, string.template, meta.template.expression#f2e7e2
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6b4a2f
variable, variable.other.readwrite, variable.other.object#2b1e1a
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2b1e1a
variable.parameter, meta.parameter#2b1e1additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2b1e1a80
keyword.operator#2b1e1a
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#f2e7e2bold
entity.other.inherited-class#b80f1a
entity.name.tag, punctuation.definition.tag#2f5b2c
entity.other.attribute-name#b80f1a
meta.diff, meta.diff.header#55682f
markup.deleted#6b4a2f
markup.inserted#b80f1a
markup.changed#f2e7e2
markup.heading, markup.heading.setext, punctuation.definition.heading#b80f1abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#f2e7e2
string.other.link.title, string.other.link.description#b80f1a
markup.underline.link#55682funderline
punctuation.definition.list#2f5b2c
markup.quote, punctuation.definition.quote#55682fitalic