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#D4A017
  • activityBar.border#00000015
  • activityBar.foreground#E6B23C
  • activityBar.inactiveForeground#0F0F0F60
  • activityBarBadge.background#E6B23C
  • activityBarBadge.foreground#D4A017
  • button.background#E6B23C
  • button.foreground#D4A017
  • button.hoverBackground#E6B23Cdd
  • editor.background#D4A017
  • editor.foreground#0F0F0F
  • editor.inactiveSelectionBackground#C48F4A2580
  • editor.lineHighlightBackground#EBD7B150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C48F4A25
  • editorCursor.foreground#E6B23C
  • editorGroupHeader.tabsBackground#EBD7B1aa
  • editorLineNumber.activeForeground#E6B23C
  • editorLineNumber.foreground#C48F4A80
  • focusBorder#E6B23C
  • foreground#0F0F0F
  • input.background#EBD7B1
  • input.border#00000015
  • input.foreground#0F0F0F
  • input.placeholderForeground#0F0F0F60
  • list.activeSelectionBackground#E6B23C30
  • list.activeSelectionForeground#0F0F0F
  • list.highlightForeground#E6B23C
  • list.hoverBackground#EBD7B140
  • list.hoverForeground#0F0F0F
  • list.inactiveSelectionBackground#E6B23C15
  • list.inactiveSelectionForeground#0F0F0F
  • selection.background#C48F4A25
  • sideBar.background#EBD7B1
  • sideBar.border#00000015
  • sideBar.foreground#0F0F0F
  • sideBarSectionHeader.background#EBD7B180
  • sideBarSectionHeader.foreground#0F0F0F
  • sideBarTitle.foreground#E6B23C
  • statusBar.background#D4A017
  • statusBar.border#00000015
  • statusBar.foreground#0F0F0F
  • statusBar.noFolderBackground#D4A017
  • tab.activeBackground#D4A017
  • tab.activeBorderTop#E6B23C
  • tab.activeForeground#0F0F0F
  • tab.border#00000015
  • tab.inactiveBackground#D4A01760
  • tab.inactiveForeground#0F0F0F80
  • terminal.ansiBlack#0F0F0F
  • terminal.ansiBlue#C48F4A
  • terminal.ansiCyan#1E5A3A
  • terminal.ansiGreen#E6B23C
  • terminal.ansiMagenta#2E7A47
  • terminal.ansiRed#2E7A47
  • terminal.ansiWhite#0F0F0F
  • terminal.ansiYellow#1E5A3A
  • terminal.background#D4A017
  • terminal.foreground#0F0F0F
  • titleBar.activeBackground#D4A017
  • titleBar.activeForeground#0F0F0F
  • titleBar.border#00000015
  • titleBar.inactiveBackground#D4A017
  • titleBar.inactiveForeground#0F0F0F60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C48F4Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C48F4Abold
storage.type, storage.modifier#C48F4Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E6B23C
string, punctuation.definition.string, string.template, meta.template.expression#1E5A3A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2E7A47
variable, variable.other.readwrite, variable.other.object#0F0F0F
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0F0F0F
variable.parameter, meta.parameter#0F0F0Fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0F0F0F80
keyword.operator#0F0F0F
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#1E5A3Abold
entity.other.inherited-class#E6B23C
entity.name.tag, punctuation.definition.tag#C48F4A
entity.other.attribute-name#E6B23C
meta.diff, meta.diff.header#C48F4A
markup.deleted#2E7A47
markup.inserted#E6B23C
markup.changed#1E5A3A
markup.heading, markup.heading.setext, punctuation.definition.heading#E6B23Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#1E5A3A
string.other.link.title, string.other.link.description#E6B23C
markup.underline.link#C48F4Aunderline
punctuation.definition.list#C48F4A
markup.quote, punctuation.definition.quote#C48F4Aitalic