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#232E29
  • activityBar.border#ffffff15
  • activityBar.foreground#C4E967
  • activityBar.inactiveForeground#f3f2e960
  • activityBarBadge.background#C4E967
  • activityBarBadge.foreground#232E29
  • button.background#C4E967
  • button.foreground#232E29
  • button.hoverBackground#C4E967dd
  • editor.background#232E29
  • editor.foreground#f3f2e9
  • editor.inactiveSelectionBackground#ECBC793580
  • editor.lineHighlightBackground#161A1440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBC7935
  • editorCursor.foreground#C4E967
  • editorGroupHeader.tabsBackground#232E29dd
  • editorLineNumber.activeForeground#C4E967
  • editorLineNumber.foreground#9b958480
  • focusBorder#C4E967
  • foreground#f3f2e9
  • input.background#161A14
  • input.border#ffffff15
  • input.foreground#f3f2e9
  • input.placeholderForeground#f3f2e960
  • list.activeSelectionBackground#C4E96730
  • list.activeSelectionForeground#f3f2e9
  • list.highlightForeground#C4E967
  • list.hoverBackground#161A1440
  • list.hoverForeground#f3f2e9
  • list.inactiveSelectionBackground#C4E96715
  • list.inactiveSelectionForeground#f3f2e9
  • selection.background#ECBC7935
  • sideBar.background#161A14
  • sideBar.border#ffffff15
  • sideBar.foreground#f3f2e9
  • sideBarSectionHeader.background#232E2980
  • sideBarSectionHeader.foreground#f3f2e9
  • sideBarTitle.foreground#C4E967
  • statusBar.background#232E29
  • statusBar.border#ffffff15
  • statusBar.foreground#f3f2e9
  • statusBar.noFolderBackground#232E29
  • tab.activeBackground#232E29
  • tab.activeBorderTop#C4E967
  • tab.activeForeground#f3f2e9
  • tab.border#ffffff15
  • tab.inactiveBackground#161A1460
  • tab.inactiveForeground#f3f2e980
  • terminal.ansiBlack#232E29
  • terminal.ansiBlue#ECBC79
  • terminal.ansiCyan#55E7DD
  • terminal.ansiGreen#C4E967
  • terminal.ansiMagenta#F1D683
  • terminal.ansiRed#F1D683
  • terminal.ansiWhite#f3f2e9
  • terminal.ansiYellow#55E7DD
  • terminal.background#232E29
  • terminal.foreground#f3f2e9
  • titleBar.activeBackground#232E29
  • titleBar.activeForeground#f3f2e9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#232E29
  • titleBar.inactiveForeground#f3f2e960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9b9584italic
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#C4E967
string, punctuation.definition.string, string.template, meta.template.expression#55E7DD
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D683
variable, variable.other.readwrite, variable.other.object#f3f2e9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f3f2e9
variable.parameter, meta.parameter#f3f2e9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f3f2e980
keyword.operator#f3f2e9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7DDbold
entity.other.inherited-class#C4E967
entity.name.tag, punctuation.definition.tag#ECBC79
entity.other.attribute-name#C4E967
meta.diff, meta.diff.header#9b9584
markup.deleted#F1D683
markup.inserted#C4E967
markup.changed#55E7DD
markup.heading, markup.heading.setext, punctuation.definition.heading#C4E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7DD
string.other.link.title, string.other.link.description#C4E967
markup.underline.link#9b9584underline
punctuation.definition.list#ECBC79
markup.quote, punctuation.definition.quote#9b9584italic