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#fbf7ea
  • activityBar.border#00000015
  • activityBar.foreground#d89a2e
  • activityBar.inactiveForeground#17141260
  • activityBarBadge.background#d89a2e
  • activityBarBadge.foreground#fbf7ea
  • button.background#d89a2e
  • button.foreground#fbf7ea
  • button.hoverBackground#d89a2edd
  • editor.background#fbf7ea
  • editor.foreground#171412
  • editor.inactiveSelectionBackground#f4e7bd2580
  • editor.lineHighlightBackground#f0d39a50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#f4e7bd25
  • editorCursor.foreground#d89a2e
  • editorGroupHeader.tabsBackground#f0d39aaa
  • editorLineNumber.activeForeground#d89a2e
  • editorLineNumber.foreground#7b756680
  • focusBorder#d89a2e
  • foreground#171412
  • input.background#f0d39a
  • input.border#00000015
  • input.foreground#171412
  • input.placeholderForeground#17141260
  • list.activeSelectionBackground#d89a2e30
  • list.activeSelectionForeground#171412
  • list.highlightForeground#d89a2e
  • list.hoverBackground#f0d39a40
  • list.hoverForeground#171412
  • list.inactiveSelectionBackground#d89a2e15
  • list.inactiveSelectionForeground#171412
  • selection.background#f4e7bd25
  • sideBar.background#f0d39a
  • sideBar.border#00000015
  • sideBar.foreground#171412
  • sideBarSectionHeader.background#f0d39a80
  • sideBarSectionHeader.foreground#171412
  • sideBarTitle.foreground#d89a2e
  • statusBar.background#fbf7ea
  • statusBar.border#00000015
  • statusBar.foreground#171412
  • statusBar.noFolderBackground#fbf7ea
  • tab.activeBackground#fbf7ea
  • tab.activeBorderTop#d89a2e
  • tab.activeForeground#171412
  • tab.border#00000015
  • tab.inactiveBackground#fbf7ea60
  • tab.inactiveForeground#17141280
  • terminal.ansiBlack#171412
  • terminal.ansiBlue#f4e7bd
  • terminal.ansiCyan#b86f16
  • terminal.ansiGreen#d89a2e
  • terminal.ansiMagenta#7f8b65
  • terminal.ansiRed#7f8b65
  • terminal.ansiWhite#171412
  • terminal.ansiYellow#b86f16
  • terminal.background#fbf7ea
  • terminal.foreground#171412
  • titleBar.activeBackground#fbf7ea
  • titleBar.activeForeground#171412
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fbf7ea
  • titleBar.inactiveForeground#17141260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7b7566italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#f4e7bdbold
storage.type, storage.modifier#f4e7bditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#d89a2e
string, punctuation.definition.string, string.template, meta.template.expression#b86f16
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#7f8b65
variable, variable.other.readwrite, variable.other.object#171412
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#171412
variable.parameter, meta.parameter#171412dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17141280
keyword.operator#171412
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#b86f16bold
entity.other.inherited-class#d89a2e
entity.name.tag, punctuation.definition.tag#f4e7bd
entity.other.attribute-name#d89a2e
meta.diff, meta.diff.header#7b7566
markup.deleted#7f8b65
markup.inserted#d89a2e
markup.changed#b86f16
markup.heading, markup.heading.setext, punctuation.definition.heading#d89a2ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#b86f16
string.other.link.title, string.other.link.description#d89a2e
markup.underline.link#7b7566underline
punctuation.definition.list#f4e7bd
markup.quote, punctuation.definition.quote#7b7566italic
Morphous Theme by Ameyanagi - VS Code Theme