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#1F1C18
  • activityBar.border#ffffff15
  • activityBar.foreground#7A5638
  • activityBar.inactiveForeground#F7F5F160
  • activityBarBadge.background#7A5638
  • activityBarBadge.foreground#1F1C18
  • button.background#7A5638
  • button.foreground#1F1C18
  • button.hoverBackground#7A5638dd
  • editor.background#1F1C18
  • editor.foreground#F7F5F1
  • editor.inactiveSelectionBackground#9B68433580
  • editor.lineHighlightBackground#2A201840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9B684335
  • editorCursor.foreground#7A5638
  • editorGroupHeader.tabsBackground#1F1C18dd
  • editorLineNumber.activeForeground#7A5638
  • editorLineNumber.foreground#C1B9AE80
  • focusBorder#7A5638
  • foreground#F7F5F1
  • input.background#2A2018
  • input.border#ffffff15
  • input.foreground#F7F5F1
  • input.placeholderForeground#F7F5F160
  • list.activeSelectionBackground#7A563830
  • list.activeSelectionForeground#F7F5F1
  • list.highlightForeground#7A5638
  • list.hoverBackground#2A201840
  • list.hoverForeground#F7F5F1
  • list.inactiveSelectionBackground#7A563815
  • list.inactiveSelectionForeground#F7F5F1
  • selection.background#9B684335
  • sideBar.background#2A2018
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F5F1
  • sideBarSectionHeader.background#1F1C1880
  • sideBarSectionHeader.foreground#F7F5F1
  • sideBarTitle.foreground#7A5638
  • statusBar.background#1F1C18
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F5F1
  • statusBar.noFolderBackground#1F1C18
  • tab.activeBackground#1F1C18
  • tab.activeBorderTop#7A5638
  • tab.activeForeground#F7F5F1
  • tab.border#ffffff15
  • tab.inactiveBackground#2A201860
  • tab.inactiveForeground#F7F5F180
  • terminal.ansiBlack#1F1C18
  • terminal.ansiBlue#9B6843
  • terminal.ansiCyan#A6B168
  • terminal.ansiGreen#7A5638
  • terminal.ansiMagenta#2E6A3A
  • terminal.ansiRed#2E6A3A
  • terminal.ansiWhite#F7F5F1
  • terminal.ansiYellow#A6B168
  • terminal.background#1F1C18
  • terminal.foreground#F7F5F1
  • titleBar.activeBackground#1F1C18
  • titleBar.activeForeground#F7F5F1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1F1C18
  • titleBar.inactiveForeground#F7F5F160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C1B9AEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9B6843bold
storage.type, storage.modifier#9B6843italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7A5638
string, punctuation.definition.string, string.template, meta.template.expression#A6B168
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2E6A3A
variable, variable.other.readwrite, variable.other.object#F7F5F1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F5F1
variable.parameter, meta.parameter#F7F5F1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F5F180
keyword.operator#F7F5F1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A6B168bold
entity.other.inherited-class#7A5638
entity.name.tag, punctuation.definition.tag#9B6843
entity.other.attribute-name#7A5638
meta.diff, meta.diff.header#C1B9AE
markup.deleted#2E6A3A
markup.inserted#7A5638
markup.changed#A6B168
markup.heading, markup.heading.setext, punctuation.definition.heading#7A5638bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A6B168
string.other.link.title, string.other.link.description#7A5638
markup.underline.link#C1B9AEunderline
punctuation.definition.list#9B6843
markup.quote, punctuation.definition.quote#C1B9AEitalic
Morphous Theme by Ameyanagi - VS Code Theme