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#f4eee4
  • activityBar.border#00000015
  • activityBar.foreground#d89121
  • activityBar.inactiveForeground#24201d60
  • activityBarBadge.background#d89121
  • activityBarBadge.foreground#f4eee4
  • button.background#d89121
  • button.foreground#f4eee4
  • button.hoverBackground#d89121dd
  • editor.background#f4eee4
  • editor.foreground#24201d
  • editor.inactiveSelectionBackground#9a80642580
  • editor.lineHighlightBackground#e6d7c450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9a806425
  • editorCursor.foreground#d89121
  • editorGroupHeader.tabsBackground#e6d7c4aa
  • editorLineNumber.activeForeground#d89121
  • editorLineNumber.foreground#7c746b80
  • focusBorder#d89121
  • foreground#24201d
  • input.background#e6d7c4
  • input.border#00000015
  • input.foreground#24201d
  • input.placeholderForeground#24201d60
  • list.activeSelectionBackground#d8912130
  • list.activeSelectionForeground#24201d
  • list.highlightForeground#d89121
  • list.hoverBackground#e6d7c440
  • list.hoverForeground#24201d
  • list.inactiveSelectionBackground#d8912115
  • list.inactiveSelectionForeground#24201d
  • selection.background#9a806425
  • sideBar.background#e6d7c4
  • sideBar.border#00000015
  • sideBar.foreground#24201d
  • sideBarSectionHeader.background#e6d7c480
  • sideBarSectionHeader.foreground#24201d
  • sideBarTitle.foreground#d89121
  • statusBar.background#f4eee4
  • statusBar.border#00000015
  • statusBar.foreground#24201d
  • statusBar.noFolderBackground#f4eee4
  • tab.activeBackground#f4eee4
  • tab.activeBorderTop#d89121
  • tab.activeForeground#24201d
  • tab.border#00000015
  • tab.inactiveBackground#f4eee460
  • tab.inactiveForeground#24201d80
  • terminal.ansiBlack#24201d
  • terminal.ansiBlue#9a8064
  • terminal.ansiCyan#6b4a34
  • terminal.ansiGreen#d89121
  • terminal.ansiMagenta#b97925
  • terminal.ansiRed#b97925
  • terminal.ansiWhite#24201d
  • terminal.ansiYellow#6b4a34
  • terminal.background#f4eee4
  • terminal.foreground#24201d
  • titleBar.activeBackground#f4eee4
  • titleBar.activeForeground#24201d
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f4eee4
  • titleBar.inactiveForeground#24201d60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7c746bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9a8064bold
storage.type, storage.modifier#9a8064italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#d89121
string, punctuation.definition.string, string.template, meta.template.expression#6b4a34
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b97925
variable, variable.other.readwrite, variable.other.object#24201d
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#24201d
variable.parameter, meta.parameter#24201ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24201d80
keyword.operator#24201d
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6b4a34bold
entity.other.inherited-class#d89121
entity.name.tag, punctuation.definition.tag#9a8064
entity.other.attribute-name#d89121
meta.diff, meta.diff.header#7c746b
markup.deleted#b97925
markup.inserted#d89121
markup.changed#6b4a34
markup.heading, markup.heading.setext, punctuation.definition.heading#d89121bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6b4a34
string.other.link.title, string.other.link.description#d89121
markup.underline.link#7c746bunderline
punctuation.definition.list#9a8064
markup.quote, punctuation.definition.quote#7c746bitalic