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#F8F4ED
  • activityBar.border#00000015
  • activityBar.foreground#934D25
  • activityBar.inactiveForeground#1f242060
  • activityBarBadge.background#934D25
  • activityBarBadge.foreground#F8F4ED
  • button.background#934D25
  • button.foreground#F8F4ED
  • button.hoverBackground#934D25dd
  • editor.background#F8F4ED
  • editor.foreground#1f2420
  • editor.inactiveSelectionBackground#2183402580
  • editor.lineHighlightBackground#D9CAB550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21834025
  • editorCursor.foreground#934D25
  • editorGroupHeader.tabsBackground#D9CAB5aa
  • editorLineNumber.activeForeground#934D25
  • editorLineNumber.foreground#4a514980
  • focusBorder#934D25
  • foreground#1f2420
  • input.background#D9CAB5
  • input.border#00000015
  • input.foreground#1f2420
  • input.placeholderForeground#1f242060
  • list.activeSelectionBackground#934D2530
  • list.activeSelectionForeground#1f2420
  • list.highlightForeground#934D25
  • list.hoverBackground#D9CAB540
  • list.hoverForeground#1f2420
  • list.inactiveSelectionBackground#934D2515
  • list.inactiveSelectionForeground#1f2420
  • selection.background#21834025
  • sideBar.background#D9CAB5
  • sideBar.border#00000015
  • sideBar.foreground#1f2420
  • sideBarSectionHeader.background#D9CAB580
  • sideBarSectionHeader.foreground#1f2420
  • sideBarTitle.foreground#934D25
  • statusBar.background#F8F4ED
  • statusBar.border#00000015
  • statusBar.foreground#1f2420
  • statusBar.noFolderBackground#F8F4ED
  • tab.activeBackground#F8F4ED
  • tab.activeBorderTop#934D25
  • tab.activeForeground#1f2420
  • tab.border#00000015
  • tab.inactiveBackground#F8F4ED60
  • tab.inactiveForeground#1f242080
  • terminal.ansiBlack#1f2420
  • terminal.ansiBlue#218340
  • terminal.ansiCyan#29A37C
  • terminal.ansiGreen#934D25
  • terminal.ansiMagenta#763B19
  • terminal.ansiRed#763B19
  • terminal.ansiWhite#1f2420
  • terminal.ansiYellow#29A37C
  • terminal.background#F8F4ED
  • terminal.foreground#1f2420
  • titleBar.activeBackground#F8F4ED
  • titleBar.activeForeground#1f2420
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8F4ED
  • titleBar.inactiveForeground#1f242060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4a5149italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#218340bold
storage.type, storage.modifier#218340italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934D25
string, punctuation.definition.string, string.template, meta.template.expression#29A37C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763B19
variable, variable.other.readwrite, variable.other.object#1f2420
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1f2420
variable.parameter, meta.parameter#1f2420dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1f242080
keyword.operator#1f2420
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A37Cbold
entity.other.inherited-class#934D25
entity.name.tag, punctuation.definition.tag#218340
entity.other.attribute-name#934D25
meta.diff, meta.diff.header#4a5149
markup.deleted#763B19
markup.inserted#934D25
markup.changed#29A37C
markup.heading, markup.heading.setext, punctuation.definition.heading#934D25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A37C
string.other.link.title, string.other.link.description#934D25
markup.underline.link#4a5149underline
punctuation.definition.list#218340
markup.quote, punctuation.definition.quote#4a5149italic
Morphous Theme by Ameyanagi - VS Code Theme