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#fff8e6
  • activityBar.border#00000015
  • activityBar.foreground#ffc20a
  • activityBar.inactiveForeground#2b1a1260
  • activityBarBadge.background#ffc20a
  • activityBarBadge.foreground#fff8e6
  • button.background#ffc20a
  • button.foreground#fff8e6
  • button.hoverBackground#ffc20add
  • editor.background#fff8e6
  • editor.foreground#2b1a12
  • editor.inactiveSelectionBackground#5a8f3f2580
  • editor.lineHighlightBackground#fff3c450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5a8f3f25
  • editorCursor.foreground#ffc20a
  • editorGroupHeader.tabsBackground#fff3c4aa
  • editorLineNumber.activeForeground#ffc20a
  • editorLineNumber.foreground#e6e9d980
  • focusBorder#ffc20a
  • foreground#2b1a12
  • input.background#fff3c4
  • input.border#00000015
  • input.foreground#2b1a12
  • input.placeholderForeground#2b1a1260
  • list.activeSelectionBackground#ffc20a30
  • list.activeSelectionForeground#2b1a12
  • list.highlightForeground#ffc20a
  • list.hoverBackground#fff3c440
  • list.hoverForeground#2b1a12
  • list.inactiveSelectionBackground#ffc20a15
  • list.inactiveSelectionForeground#2b1a12
  • selection.background#5a8f3f25
  • sideBar.background#fff3c4
  • sideBar.border#00000015
  • sideBar.foreground#2b1a12
  • sideBarSectionHeader.background#fff3c480
  • sideBarSectionHeader.foreground#2b1a12
  • sideBarTitle.foreground#ffc20a
  • statusBar.background#fff8e6
  • statusBar.border#00000015
  • statusBar.foreground#2b1a12
  • statusBar.noFolderBackground#fff8e6
  • tab.activeBackground#fff8e6
  • tab.activeBorderTop#ffc20a
  • tab.activeForeground#2b1a12
  • tab.border#00000015
  • tab.inactiveBackground#fff8e660
  • tab.inactiveForeground#2b1a1280
  • terminal.ansiBlack#2b1a12
  • terminal.ansiBlue#5a8f3f
  • terminal.ansiCyan#ffd54f
  • terminal.ansiGreen#ffc20a
  • terminal.ansiMagenta#d97706
  • terminal.ansiRed#d97706
  • terminal.ansiWhite#2b1a12
  • terminal.ansiYellow#ffd54f
  • terminal.background#fff8e6
  • terminal.foreground#2b1a12
  • titleBar.activeBackground#fff8e6
  • titleBar.activeForeground#2b1a12
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fff8e6
  • titleBar.inactiveForeground#2b1a1260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6e9d9italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5a8f3fbold
storage.type, storage.modifier#5a8f3fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#ffc20a
string, punctuation.definition.string, string.template, meta.template.expression#ffd54f
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#d97706
variable, variable.other.readwrite, variable.other.object#2b1a12
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2b1a12
variable.parameter, meta.parameter#2b1a12dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2b1a1280
keyword.operator#2b1a12
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#ffd54fbold
entity.other.inherited-class#ffc20a
entity.name.tag, punctuation.definition.tag#5a8f3f
entity.other.attribute-name#ffc20a
meta.diff, meta.diff.header#e6e9d9
markup.deleted#d97706
markup.inserted#ffc20a
markup.changed#ffd54f
markup.heading, markup.heading.setext, punctuation.definition.heading#ffc20abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#ffd54f
string.other.link.title, string.other.link.description#ffc20a
markup.underline.link#e6e9d9underline
punctuation.definition.list#5a8f3f
markup.quote, punctuation.definition.quote#e6e9d9italic
Morphous Theme by Ameyanagi - VS Code Theme