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#FCFBF8
  • activityBar.border#00000015
  • activityBar.foreground#936C25
  • activityBar.inactiveForeground#3A241660
  • activityBarBadge.background#936C25
  • activityBarBadge.foreground#FCFBF8
  • button.background#936C25
  • button.foreground#FCFBF8
  • button.hoverBackground#936C25dd
  • editor.background#FCFBF8
  • editor.foreground#3A2416
  • editor.inactiveSelectionBackground#8360212580
  • editor.lineHighlightBackground#FFFCF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83602125
  • editorCursor.foreground#936C25
  • editorGroupHeader.tabsBackground#FFFCF0aa
  • editorLineNumber.activeForeground#936C25
  • editorLineNumber.foreground#AFA48F80
  • focusBorder#936C25
  • foreground#3A2416
  • input.background#FFFCF0
  • input.border#00000015
  • input.foreground#3A2416
  • input.placeholderForeground#3A241660
  • list.activeSelectionBackground#936C2530
  • list.activeSelectionForeground#3A2416
  • list.highlightForeground#936C25
  • list.hoverBackground#FFFCF040
  • list.hoverForeground#3A2416
  • list.inactiveSelectionBackground#936C2515
  • list.inactiveSelectionForeground#3A2416
  • selection.background#83602125
  • sideBar.background#FFFCF0
  • sideBar.border#00000015
  • sideBar.foreground#3A2416
  • sideBarSectionHeader.background#FFFCF080
  • sideBarSectionHeader.foreground#3A2416
  • sideBarTitle.foreground#936C25
  • statusBar.background#FCFBF8
  • statusBar.border#00000015
  • statusBar.foreground#3A2416
  • statusBar.noFolderBackground#FCFBF8
  • tab.activeBackground#FCFBF8
  • tab.activeBorderTop#936C25
  • tab.activeForeground#3A2416
  • tab.border#00000015
  • tab.inactiveBackground#FCFBF860
  • tab.inactiveForeground#3A241680
  • terminal.ansiBlack#3A2416
  • terminal.ansiBlue#836021
  • terminal.ansiCyan#A36429
  • terminal.ansiGreen#936C25
  • terminal.ansiMagenta#762719
  • terminal.ansiRed#762719
  • terminal.ansiWhite#3A2416
  • terminal.ansiYellow#A36429
  • terminal.background#FCFBF8
  • terminal.foreground#3A2416
  • titleBar.activeBackground#FCFBF8
  • titleBar.activeForeground#3A2416
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFBF8
  • 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#836021bold
storage.type, storage.modifier#836021italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#936C25
string, punctuation.definition.string, string.template, meta.template.expression#A36429
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#762719
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#A36429bold
entity.other.inherited-class#936C25
entity.name.tag, punctuation.definition.tag#836021
entity.other.attribute-name#936C25
meta.diff, meta.diff.header#AFA48F
markup.deleted#762719
markup.inserted#936C25
markup.changed#A36429
markup.heading, markup.heading.setext, punctuation.definition.heading#936C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36429
string.other.link.title, string.other.link.description#936C25
markup.underline.link#AFA48Funderline
punctuation.definition.list#836021
markup.quote, punctuation.definition.quote#AFA48Fitalic