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.boldbold
markup.italicitalic
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