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#080C0B
  • activityBar.border#ffffff15
  • activityBar.foreground#E9CF67
  • activityBar.inactiveForeground#F7F5EF60
  • activityBarBadge.background#E9CF67
  • activityBarBadge.foreground#080C0B
  • button.background#E9CF67
  • button.foreground#080C0B
  • button.hoverBackground#E9CF67dd
  • editor.background#080C0B
  • editor.foreground#F7F5EF
  • editor.inactiveSelectionBackground#ECD5793580
  • editor.lineHighlightBackground#24262140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECD57935
  • editorCursor.foreground#E9CF67
  • editorGroupHeader.tabsBackground#080C0Bdd
  • editorLineNumber.activeForeground#E9CF67
  • editorLineNumber.foreground#6F6A6480
  • focusBorder#E9CF67
  • foreground#F7F5EF
  • input.background#242621
  • input.border#ffffff15
  • input.foreground#F7F5EF
  • input.placeholderForeground#F7F5EF60
  • list.activeSelectionBackground#E9CF6730
  • list.activeSelectionForeground#F7F5EF
  • list.highlightForeground#E9CF67
  • list.hoverBackground#24262140
  • list.hoverForeground#F7F5EF
  • list.inactiveSelectionBackground#E9CF6715
  • list.inactiveSelectionForeground#F7F5EF
  • selection.background#ECD57935
  • sideBar.background#242621
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F5EF
  • sideBarSectionHeader.background#080C0B80
  • sideBarSectionHeader.foreground#F7F5EF
  • sideBarTitle.foreground#E9CF67
  • statusBar.background#080C0B
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F5EF
  • statusBar.noFolderBackground#080C0B
  • tab.activeBackground#080C0B
  • tab.activeBorderTop#E9CF67
  • tab.activeForeground#F7F5EF
  • tab.border#ffffff15
  • tab.inactiveBackground#24262160
  • tab.inactiveForeground#F7F5EF80
  • terminal.ansiBlack#080C0B
  • terminal.ansiBlue#ECD579
  • terminal.ansiCyan#D6E755
  • terminal.ansiGreen#E9CF67
  • terminal.ansiMagenta#C7F183
  • terminal.ansiRed#C7F183
  • terminal.ansiWhite#F7F5EF
  • terminal.ansiYellow#D6E755
  • terminal.background#080C0B
  • terminal.foreground#F7F5EF
  • titleBar.activeBackground#080C0B
  • titleBar.activeForeground#F7F5EF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#080C0B
  • titleBar.inactiveForeground#F7F5EF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6F6A64italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECD579bold
storage.type, storage.modifier#ECD579italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9CF67
string, punctuation.definition.string, string.template, meta.template.expression#D6E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C7F183
variable, variable.other.readwrite, variable.other.object#F7F5EF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F5EF
variable.parameter, meta.parameter#F7F5EFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F5EF80
keyword.operator#F7F5EF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D6E755bold
entity.other.inherited-class#E9CF67
entity.name.tag, punctuation.definition.tag#ECD579
entity.other.attribute-name#E9CF67
meta.diff, meta.diff.header#6F6A64
markup.deleted#C7F183
markup.inserted#E9CF67
markup.changed#D6E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9CF67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D6E755
string.other.link.title, string.other.link.description#E9CF67
markup.underline.link#6F6A64underline
punctuation.definition.list#ECD579
markup.quote, punctuation.definition.quote#6F6A64italic