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#6A4E28
  • activityBar.border#ffffff15
  • activityBar.foreground#B07A28
  • activityBar.inactiveForeground#FAF8F460
  • activityBarBadge.background#B07A28
  • activityBarBadge.foreground#6A4E28
  • button.background#B07A28
  • button.foreground#6A4E28
  • button.hoverBackground#B07A28dd
  • editor.background#6A4E28
  • editor.foreground#FAF8F4
  • editor.inactiveSelectionBackground#D49A3A3580
  • editor.lineHighlightBackground#0E1F2C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D49A3A35
  • editorCursor.foreground#B07A28
  • editorGroupHeader.tabsBackground#6A4E28dd
  • editorLineNumber.activeForeground#B07A28
  • editorLineNumber.foreground#EEF3F680
  • focusBorder#B07A28
  • foreground#FAF8F4
  • input.background#0E1F2C
  • input.border#ffffff15
  • input.foreground#FAF8F4
  • input.placeholderForeground#FAF8F460
  • list.activeSelectionBackground#B07A2830
  • list.activeSelectionForeground#FAF8F4
  • list.highlightForeground#B07A28
  • list.hoverBackground#0E1F2C40
  • list.hoverForeground#FAF8F4
  • list.inactiveSelectionBackground#B07A2815
  • list.inactiveSelectionForeground#FAF8F4
  • selection.background#D49A3A35
  • sideBar.background#0E1F2C
  • sideBar.border#ffffff15
  • sideBar.foreground#FAF8F4
  • sideBarSectionHeader.background#6A4E2880
  • sideBarSectionHeader.foreground#FAF8F4
  • sideBarTitle.foreground#B07A28
  • statusBar.background#6A4E28
  • statusBar.border#ffffff15
  • statusBar.foreground#FAF8F4
  • statusBar.noFolderBackground#6A4E28
  • tab.activeBackground#6A4E28
  • tab.activeBorderTop#B07A28
  • tab.activeForeground#FAF8F4
  • tab.border#ffffff15
  • tab.inactiveBackground#0E1F2C60
  • tab.inactiveForeground#FAF8F480
  • terminal.ansiBlack#6A4E28
  • terminal.ansiBlue#D49A3A
  • terminal.ansiCyan#A08B2E
  • terminal.ansiGreen#B07A28
  • terminal.ansiMagenta#2E668E
  • terminal.ansiRed#2E668E
  • terminal.ansiWhite#FAF8F4
  • terminal.ansiYellow#A08B2E
  • terminal.background#6A4E28
  • terminal.foreground#FAF8F4
  • titleBar.activeBackground#6A4E28
  • titleBar.activeForeground#FAF8F4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#6A4E28
  • titleBar.inactiveForeground#FAF8F460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EEF3F6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D49A3Abold
storage.type, storage.modifier#D49A3Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B07A28
string, punctuation.definition.string, string.template, meta.template.expression#A08B2E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2E668E
variable, variable.other.readwrite, variable.other.object#FAF8F4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAF8F4
variable.parameter, meta.parameter#FAF8F4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAF8F480
keyword.operator#FAF8F4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A08B2Ebold
entity.other.inherited-class#B07A28
entity.name.tag, punctuation.definition.tag#D49A3A
entity.other.attribute-name#B07A28
meta.diff, meta.diff.header#EEF3F6
markup.deleted#2E668E
markup.inserted#B07A28
markup.changed#A08B2E
markup.heading, markup.heading.setext, punctuation.definition.heading#B07A28bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A08B2E
string.other.link.title, string.other.link.description#B07A28
markup.underline.link#EEF3F6underline
punctuation.definition.list#D49A3A
markup.quote, punctuation.definition.quote#EEF3F6italic
Morphous Theme by Ameyanagi - VS Code Theme