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#FFFBF5
  • activityBar.border#00000015
  • activityBar.foreground#937625
  • activityBar.inactiveForeground#0f181760
  • activityBarBadge.background#937625
  • activityBarBadge.foreground#FFFBF5
  • button.background#937625
  • button.foreground#FFFBF5
  • button.hoverBackground#937625dd
  • editor.background#FFFBF5
  • editor.foreground#0f1817
  • editor.inactiveSelectionBackground#8343212580
  • editor.lineHighlightBackground#F6F7F850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83432125
  • editorCursor.foreground#937625
  • editorGroupHeader.tabsBackground#F6F7F8aa
  • editorLineNumber.activeForeground#937625
  • editorLineNumber.foreground#4caf5080
  • focusBorder#937625
  • foreground#0f1817
  • input.background#F6F7F8
  • input.border#00000015
  • input.foreground#0f1817
  • input.placeholderForeground#0f181760
  • list.activeSelectionBackground#93762530
  • list.activeSelectionForeground#0f1817
  • list.highlightForeground#937625
  • list.hoverBackground#F6F7F840
  • list.hoverForeground#0f1817
  • list.inactiveSelectionBackground#93762515
  • list.inactiveSelectionForeground#0f1817
  • selection.background#83432125
  • sideBar.background#F6F7F8
  • sideBar.border#00000015
  • sideBar.foreground#0f1817
  • sideBarSectionHeader.background#F6F7F880
  • sideBarSectionHeader.foreground#0f1817
  • sideBarTitle.foreground#937625
  • statusBar.background#FFFBF5
  • statusBar.border#00000015
  • statusBar.foreground#0f1817
  • statusBar.noFolderBackground#FFFBF5
  • tab.activeBackground#FFFBF5
  • tab.activeBorderTop#937625
  • tab.activeForeground#0f1817
  • tab.border#00000015
  • tab.inactiveBackground#FFFBF560
  • tab.inactiveForeground#0f181780
  • terminal.ansiBlack#0f1817
  • terminal.ansiBlue#834321
  • terminal.ansiCyan#2952A3
  • terminal.ansiGreen#937625
  • terminal.ansiMagenta#19761E
  • terminal.ansiRed#19761E
  • terminal.ansiWhite#0f1817
  • terminal.ansiYellow#2952A3
  • terminal.background#FFFBF5
  • terminal.foreground#0f1817
  • titleBar.activeBackground#FFFBF5
  • titleBar.activeForeground#0f1817
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFBF5
  • titleBar.inactiveForeground#0f181760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4caf50italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834321bold
storage.type, storage.modifier#834321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937625
string, punctuation.definition.string, string.template, meta.template.expression#2952A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#19761E
variable, variable.other.readwrite, variable.other.object#0f1817
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0f1817
variable.parameter, meta.parameter#0f1817dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0f181780
keyword.operator#0f1817
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2952A3bold
entity.other.inherited-class#937625
entity.name.tag, punctuation.definition.tag#834321
entity.other.attribute-name#937625
meta.diff, meta.diff.header#4caf50
markup.deleted#19761E
markup.inserted#937625
markup.changed#2952A3
markup.heading, markup.heading.setext, punctuation.definition.heading#937625bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2952A3
string.other.link.title, string.other.link.description#937625
markup.underline.link#4caf50underline
punctuation.definition.list#834321
markup.quote, punctuation.definition.quote#4caf50italic
Morphous Theme by Ameyanagi - VS Code Theme