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#f4f1e8
  • activityBar.border#00000015
  • activityBar.foreground#9fbd34
  • activityBar.inactiveForeground#20292260
  • activityBarBadge.background#9fbd34
  • activityBarBadge.foreground#f4f1e8
  • button.background#9fbd34
  • button.foreground#f4f1e8
  • button.hoverBackground#9fbd34dd
  • editor.background#f4f1e8
  • editor.foreground#202922
  • editor.inactiveSelectionBackground#738b3f2580
  • editor.lineHighlightBackground#e5e0d450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#738b3f25
  • editorCursor.foreground#9fbd34
  • editorGroupHeader.tabsBackground#e5e0d4aa
  • editorLineNumber.activeForeground#9fbd34
  • editorLineNumber.foreground#c9cbbf80
  • focusBorder#9fbd34
  • foreground#202922
  • input.background#e5e0d4
  • input.border#00000015
  • input.foreground#202922
  • input.placeholderForeground#20292260
  • list.activeSelectionBackground#9fbd3430
  • list.activeSelectionForeground#202922
  • list.highlightForeground#9fbd34
  • list.hoverBackground#e5e0d440
  • list.hoverForeground#202922
  • list.inactiveSelectionBackground#9fbd3415
  • list.inactiveSelectionForeground#202922
  • selection.background#738b3f25
  • sideBar.background#e5e0d4
  • sideBar.border#00000015
  • sideBar.foreground#202922
  • sideBarSectionHeader.background#e5e0d480
  • sideBarSectionHeader.foreground#202922
  • sideBarTitle.foreground#9fbd34
  • statusBar.background#f4f1e8
  • statusBar.border#00000015
  • statusBar.foreground#202922
  • statusBar.noFolderBackground#f4f1e8
  • tab.activeBackground#f4f1e8
  • tab.activeBorderTop#9fbd34
  • tab.activeForeground#202922
  • tab.border#00000015
  • tab.inactiveBackground#f4f1e860
  • tab.inactiveForeground#20292280
  • terminal.ansiBlack#202922
  • terminal.ansiBlue#738b3f
  • terminal.ansiCyan#d97465
  • terminal.ansiGreen#9fbd34
  • terminal.ansiMagenta#7f9f47
  • terminal.ansiRed#7f9f47
  • terminal.ansiWhite#202922
  • terminal.ansiYellow#d97465
  • terminal.background#f4f1e8
  • terminal.foreground#202922
  • titleBar.activeBackground#f4f1e8
  • titleBar.activeForeground#202922
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f4f1e8
  • titleBar.inactiveForeground#20292260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c9cbbfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#738b3fbold
storage.type, storage.modifier#738b3fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#9fbd34
string, punctuation.definition.string, string.template, meta.template.expression#d97465
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#7f9f47
variable, variable.other.readwrite, variable.other.object#202922
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#202922
variable.parameter, meta.parameter#202922dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#20292280
keyword.operator#202922
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#d97465bold
entity.other.inherited-class#9fbd34
entity.name.tag, punctuation.definition.tag#738b3f
entity.other.attribute-name#9fbd34
meta.diff, meta.diff.header#c9cbbf
markup.deleted#7f9f47
markup.inserted#9fbd34
markup.changed#d97465
markup.heading, markup.heading.setext, punctuation.definition.heading#9fbd34bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#d97465
string.other.link.title, string.other.link.description#9fbd34
markup.underline.link#c9cbbfunderline
punctuation.definition.list#738b3f
markup.quote, punctuation.definition.quote#c9cbbfitalic
Morphous Theme by Ameyanagi - VS Code Theme