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#F7F1E6
  • activityBar.border#00000015
  • activityBar.foreground#8C5E33
  • activityBar.inactiveForeground#1F191360
  • activityBarBadge.background#8C5E33
  • activityBarBadge.foreground#F7F1E6
  • button.background#8C5E33
  • button.foreground#F7F1E6
  • button.hoverBackground#8C5E33dd
  • editor.background#F7F1E6
  • editor.foreground#1F1913
  • editor.inactiveSelectionBackground#DCC2A22580
  • editor.lineHighlightBackground#F2E8DA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#DCC2A225
  • editorCursor.foreground#8C5E33
  • editorGroupHeader.tabsBackground#F2E8DAaa
  • editorLineNumber.activeForeground#8C5E33
  • editorLineNumber.foreground#C7A47B80
  • focusBorder#8C5E33
  • foreground#1F1913
  • input.background#F2E8DA
  • input.border#00000015
  • input.foreground#1F1913
  • input.placeholderForeground#1F191360
  • list.activeSelectionBackground#8C5E3330
  • list.activeSelectionForeground#1F1913
  • list.highlightForeground#8C5E33
  • list.hoverBackground#F2E8DA40
  • list.hoverForeground#1F1913
  • list.inactiveSelectionBackground#8C5E3315
  • list.inactiveSelectionForeground#1F1913
  • selection.background#DCC2A225
  • sideBar.background#F2E8DA
  • sideBar.border#00000015
  • sideBar.foreground#1F1913
  • sideBarSectionHeader.background#F2E8DA80
  • sideBarSectionHeader.foreground#1F1913
  • sideBarTitle.foreground#8C5E33
  • statusBar.background#F7F1E6
  • statusBar.border#00000015
  • statusBar.foreground#1F1913
  • statusBar.noFolderBackground#F7F1E6
  • tab.activeBackground#F7F1E6
  • tab.activeBorderTop#8C5E33
  • tab.activeForeground#1F1913
  • tab.border#00000015
  • tab.inactiveBackground#F7F1E660
  • tab.inactiveForeground#1F191380
  • terminal.ansiBlack#1F1913
  • terminal.ansiBlue#DCC2A2
  • terminal.ansiCyan#B58C4C
  • terminal.ansiGreen#8C5E33
  • terminal.ansiMagenta#D99A33
  • terminal.ansiRed#D99A33
  • terminal.ansiWhite#1F1913
  • terminal.ansiYellow#B58C4C
  • terminal.background#F7F1E6
  • terminal.foreground#1F1913
  • titleBar.activeBackground#F7F1E6
  • titleBar.activeForeground#1F1913
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F1E6
  • titleBar.inactiveForeground#1F191360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C7A47Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#DCC2A2bold
storage.type, storage.modifier#DCC2A2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8C5E33
string, punctuation.definition.string, string.template, meta.template.expression#B58C4C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D99A33
variable, variable.other.readwrite, variable.other.object#1F1913
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1F1913
variable.parameter, meta.parameter#1F1913dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1F191380
keyword.operator#1F1913
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B58C4Cbold
entity.other.inherited-class#8C5E33
entity.name.tag, punctuation.definition.tag#DCC2A2
entity.other.attribute-name#8C5E33
meta.diff, meta.diff.header#C7A47B
markup.deleted#D99A33
markup.inserted#8C5E33
markup.changed#B58C4C
markup.heading, markup.heading.setext, punctuation.definition.heading#8C5E33bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B58C4C
string.other.link.title, string.other.link.description#8C5E33
markup.underline.link#C7A47Bunderline
punctuation.definition.list#DCC2A2
markup.quote, punctuation.definition.quote#C7A47Bitalic