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#f6ecd8
  • activityBar.border#00000015
  • activityBar.foreground#14845f
  • activityBar.inactiveForeground#10241f60
  • activityBarBadge.background#14845f
  • activityBarBadge.foreground#f6ecd8
  • button.background#14845f
  • button.foreground#f6ecd8
  • button.hoverBackground#14845fdd
  • editor.background#f6ecd8
  • editor.foreground#10241f
  • editor.inactiveSelectionBackground#2a9fc72580
  • editor.lineHighlightBackground#fff8e950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2a9fc725
  • editorCursor.foreground#14845f
  • editorGroupHeader.tabsBackground#fff8e9aa
  • editorLineNumber.activeForeground#14845f
  • editorLineNumber.foreground#c9b89380
  • focusBorder#14845f
  • foreground#10241f
  • input.background#fff8e9
  • input.border#00000015
  • input.foreground#10241f
  • input.placeholderForeground#10241f60
  • list.activeSelectionBackground#14845f30
  • list.activeSelectionForeground#10241f
  • list.highlightForeground#14845f
  • list.hoverBackground#fff8e940
  • list.hoverForeground#10241f
  • list.inactiveSelectionBackground#14845f15
  • list.inactiveSelectionForeground#10241f
  • selection.background#2a9fc725
  • sideBar.background#fff8e9
  • sideBar.border#00000015
  • sideBar.foreground#10241f
  • sideBarSectionHeader.background#fff8e980
  • sideBarSectionHeader.foreground#10241f
  • sideBarTitle.foreground#14845f
  • statusBar.background#f6ecd8
  • statusBar.border#00000015
  • statusBar.foreground#10241f
  • statusBar.noFolderBackground#f6ecd8
  • tab.activeBackground#f6ecd8
  • tab.activeBorderTop#14845f
  • tab.activeForeground#10241f
  • tab.border#00000015
  • tab.inactiveBackground#f6ecd860
  • tab.inactiveForeground#10241f80
  • terminal.ansiBlack#10241f
  • terminal.ansiBlue#2a9fc7
  • terminal.ansiCyan#8ed8dc
  • terminal.ansiGreen#14845f
  • terminal.ansiMagenta#6f7f3f
  • terminal.ansiRed#6f7f3f
  • terminal.ansiWhite#10241f
  • terminal.ansiYellow#8ed8dc
  • terminal.background#f6ecd8
  • terminal.foreground#10241f
  • titleBar.activeBackground#f6ecd8
  • titleBar.activeForeground#10241f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f6ecd8
  • titleBar.inactiveForeground#10241f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c9b893italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2a9fc7bold
storage.type, storage.modifier#2a9fc7italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#14845f
string, punctuation.definition.string, string.template, meta.template.expression#8ed8dc
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6f7f3f
variable, variable.other.readwrite, variable.other.object#10241f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#10241f
variable.parameter, meta.parameter#10241fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#10241f80
keyword.operator#10241f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8ed8dcbold
entity.other.inherited-class#14845f
entity.name.tag, punctuation.definition.tag#2a9fc7
entity.other.attribute-name#14845f
meta.diff, meta.diff.header#c9b893
markup.deleted#6f7f3f
markup.inserted#14845f
markup.changed#8ed8dc
markup.heading, markup.heading.setext, punctuation.definition.heading#14845fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8ed8dc
string.other.link.title, string.other.link.description#14845f
markup.underline.link#c9b893underline
punctuation.definition.list#2a9fc7
markup.quote, punctuation.definition.quote#c9b893italic
Morphous Theme by Ameyanagi - VS Code Theme