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#f6efe3
  • activityBar.border#00000015
  • activityBar.foreground#b4552a
  • activityBar.inactiveForeground#1c1c1b60
  • activityBarBadge.background#b4552a
  • activityBarBadge.foreground#f6efe3
  • button.background#b4552a
  • button.foreground#f6efe3
  • button.hoverBackground#b4552add
  • editor.background#f6efe3
  • editor.foreground#1c1c1b
  • editor.inactiveSelectionBackground#7a38232580
  • editor.lineHighlightBackground#f2e5cf50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#7a382325
  • editorCursor.foreground#b4552a
  • editorGroupHeader.tabsBackground#f2e5cfaa
  • editorLineNumber.activeForeground#b4552a
  • editorLineNumber.foreground#7a382380
  • focusBorder#b4552a
  • foreground#1c1c1b
  • input.background#f2e5cf
  • input.border#00000015
  • input.foreground#1c1c1b
  • input.placeholderForeground#1c1c1b60
  • list.activeSelectionBackground#b4552a30
  • list.activeSelectionForeground#1c1c1b
  • list.highlightForeground#b4552a
  • list.hoverBackground#f2e5cf40
  • list.hoverForeground#1c1c1b
  • list.inactiveSelectionBackground#b4552a15
  • list.inactiveSelectionForeground#1c1c1b
  • selection.background#7a382325
  • sideBar.background#f2e5cf
  • sideBar.border#00000015
  • sideBar.foreground#1c1c1b
  • sideBarSectionHeader.background#f2e5cf80
  • sideBarSectionHeader.foreground#1c1c1b
  • sideBarTitle.foreground#b4552a
  • statusBar.background#f6efe3
  • statusBar.border#00000015
  • statusBar.foreground#1c1c1b
  • statusBar.noFolderBackground#f6efe3
  • tab.activeBackground#f6efe3
  • tab.activeBorderTop#b4552a
  • tab.activeForeground#1c1c1b
  • tab.border#00000015
  • tab.inactiveBackground#f6efe360
  • tab.inactiveForeground#1c1c1b80
  • terminal.ansiBlack#1c1c1b
  • terminal.ansiBlue#7a3823
  • terminal.ansiCyan#d6a261
  • terminal.ansiGreen#b4552a
  • terminal.ansiMagenta#d6a261
  • terminal.ansiRed#d6a261
  • terminal.ansiWhite#1c1c1b
  • terminal.ansiYellow#d6a261
  • terminal.background#f6efe3
  • terminal.foreground#1c1c1b
  • titleBar.activeBackground#f6efe3
  • titleBar.activeForeground#1c1c1b
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f6efe3
  • titleBar.inactiveForeground#1c1c1b60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7a3823italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#7a3823bold
storage.type, storage.modifier#7a3823italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#b4552a
string, punctuation.definition.string, string.template, meta.template.expression#d6a261
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#d6a261
variable, variable.other.readwrite, variable.other.object#1c1c1b
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1c1c1b
variable.parameter, meta.parameter#1c1c1bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1c1c1b80
keyword.operator#1c1c1b
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#d6a261bold
entity.other.inherited-class#b4552a
entity.name.tag, punctuation.definition.tag#7a3823
entity.other.attribute-name#b4552a
meta.diff, meta.diff.header#7a3823
markup.deleted#d6a261
markup.inserted#b4552a
markup.changed#d6a261
markup.heading, markup.heading.setext, punctuation.definition.heading#b4552abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#d6a261
string.other.link.title, string.other.link.description#b4552a
markup.underline.link#7a3823underline
punctuation.definition.list#7a3823
markup.quote, punctuation.definition.quote#7a3823italic
Morphous Theme by Ameyanagi - VS Code Theme