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#100C0A
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A467
  • activityBar.inactiveForeground#FBF7F160
  • activityBarBadge.background#E9A467
  • activityBarBadge.foreground#100C0A
  • button.background#E9A467
  • button.foreground#100C0A
  • button.hoverBackground#E9A467dd
  • editor.background#100C0A
  • editor.foreground#FBF7F1
  • editor.inactiveSelectionBackground#ECBC793580
  • editor.lineHighlightBackground#1F160F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBC7935
  • editorCursor.foreground#E9A467
  • editorGroupHeader.tabsBackground#100C0Add
  • editorLineNumber.activeForeground#E9A467
  • editorLineNumber.foreground#D8C8B280
  • focusBorder#E9A467
  • foreground#FBF7F1
  • input.background#1F160F
  • input.border#ffffff15
  • input.foreground#FBF7F1
  • input.placeholderForeground#FBF7F160
  • list.activeSelectionBackground#E9A46730
  • list.activeSelectionForeground#FBF7F1
  • list.highlightForeground#E9A467
  • list.hoverBackground#1F160F40
  • list.hoverForeground#FBF7F1
  • list.inactiveSelectionBackground#E9A46715
  • list.inactiveSelectionForeground#FBF7F1
  • selection.background#ECBC7935
  • sideBar.background#1F160F
  • sideBar.border#ffffff15
  • sideBar.foreground#FBF7F1
  • sideBarSectionHeader.background#100C0A80
  • sideBarSectionHeader.foreground#FBF7F1
  • sideBarTitle.foreground#E9A467
  • statusBar.background#100C0A
  • statusBar.border#ffffff15
  • statusBar.foreground#FBF7F1
  • statusBar.noFolderBackground#100C0A
  • tab.activeBackground#100C0A
  • tab.activeBorderTop#E9A467
  • tab.activeForeground#FBF7F1
  • tab.border#ffffff15
  • tab.inactiveBackground#1F160F60
  • tab.inactiveForeground#FBF7F180
  • terminal.ansiBlack#100C0A
  • terminal.ansiBlue#ECBC79
  • terminal.ansiCyan#E7B655
  • terminal.ansiGreen#E9A467
  • terminal.ansiMagenta#F1C783
  • terminal.ansiRed#F1C783
  • terminal.ansiWhite#FBF7F1
  • terminal.ansiYellow#E7B655
  • terminal.background#100C0A
  • terminal.foreground#FBF7F1
  • titleBar.activeBackground#100C0A
  • titleBar.activeForeground#FBF7F1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#100C0A
  • titleBar.inactiveForeground#FBF7F160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D8C8B2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBC79bold
storage.type, storage.modifier#ECBC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A467—
string, punctuation.definition.string, string.template, meta.template.expression#E7B655—
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C783—
variable, variable.other.readwrite, variable.other.object#FBF7F1—
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FBF7F1—
variable.parameter, meta.parameter#FBF7F1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FBF7F180—
keyword.operator#FBF7F1—
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B655bold
entity.other.inherited-class#E9A467—
entity.name.tag, punctuation.definition.tag#ECBC79—
entity.other.attribute-name#E9A467—
meta.diff, meta.diff.header#D8C8B2—
markup.deleted#F1C783—
markup.inserted#E9A467—
markup.changed#E7B655—
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A467bold
markup.bold—bold
markup.italic—italic
markup.inline.raw, markup.raw.block#E7B655—
string.other.link.title, string.other.link.description#E9A467—
markup.underline.link#D8C8B2underline
punctuation.definition.list#ECBC79—
markup.quote, punctuation.definition.quote#D8C8B2italic
Morphous Theme by Ameyanagi - VS Code Theme