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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#934D25
  • activityBar.inactiveForeground#2E241860
  • activityBarBadge.background#934D25
  • activityBarBadge.foreground#FEFDFB
  • button.background#934D25
  • button.foreground#FEFDFB
  • button.hoverBackground#934D25dd
  • editor.background#FEFDFB
  • editor.foreground#2E2418
  • editor.inactiveSelectionBackground#834B212580
  • editor.lineHighlightBackground#F6F0E450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#834B2125
  • editorCursor.foreground#934D25
  • editorGroupHeader.tabsBackground#F6F0E4aa
  • editorLineNumber.activeForeground#934D25
  • editorLineNumber.foreground#E8DCC480
  • focusBorder#934D25
  • foreground#2E2418
  • input.background#F6F0E4
  • input.border#00000015
  • input.foreground#2E2418
  • input.placeholderForeground#2E241860
  • list.activeSelectionBackground#934D2530
  • list.activeSelectionForeground#2E2418
  • list.highlightForeground#934D25
  • list.hoverBackground#F6F0E440
  • list.hoverForeground#2E2418
  • list.inactiveSelectionBackground#934D2515
  • list.inactiveSelectionForeground#2E2418
  • selection.background#834B2125
  • sideBar.background#F6F0E4
  • sideBar.border#00000015
  • sideBar.foreground#2E2418
  • sideBarSectionHeader.background#F6F0E480
  • sideBarSectionHeader.foreground#2E2418
  • sideBarTitle.foreground#934D25
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#2E2418
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#934D25
  • tab.activeForeground#2E2418
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#2E241880
  • terminal.ansiBlack#2E2418
  • terminal.ansiBlue#834B21
  • terminal.ansiCyan#6AA329
  • terminal.ansiGreen#934D25
  • terminal.ansiMagenta#527619
  • terminal.ansiRed#527619
  • terminal.ansiWhite#2E2418
  • terminal.ansiYellow#6AA329
  • terminal.background#FEFDFB
  • terminal.foreground#2E2418
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#2E2418
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#2E241860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8DCC4italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834B21bold
storage.type, storage.modifier#834B21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934D25
string, punctuation.definition.string, string.template, meta.template.expression#6AA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#527619
variable, variable.other.readwrite, variable.other.object#2E2418
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2E2418
variable.parameter, meta.parameter#2E2418dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2E241880
keyword.operator#2E2418
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6AA329bold
entity.other.inherited-class#934D25
entity.name.tag, punctuation.definition.tag#834B21
entity.other.attribute-name#934D25
meta.diff, meta.diff.header#E8DCC4
markup.deleted#527619
markup.inserted#934D25
markup.changed#6AA329
markup.heading, markup.heading.setext, punctuation.definition.heading#934D25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6AA329
string.other.link.title, string.other.link.description#934D25
markup.underline.link#E8DCC4underline
punctuation.definition.list#834B21
markup.quote, punctuation.definition.quote#E8DCC4italic