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#F9F6EC
  • activityBar.border#00000015
  • activityBar.foreground#4F9325
  • activityBar.inactiveForeground#20262160
  • activityBarBadge.background#4F9325
  • activityBarBadge.foreground#F9F6EC
  • button.background#4F9325
  • button.foreground#F9F6EC
  • button.hoverBackground#4F9325dd
  • editor.background#F9F6EC
  • editor.foreground#202621
  • editor.inactiveSelectionBackground#8365212580
  • editor.lineHighlightBackground#FCFAF350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83652125
  • editorCursor.foreground#4F9325
  • editorGroupHeader.tabsBackground#FCFAF3aa
  • editorLineNumber.activeForeground#4F9325
  • editorLineNumber.foreground#d7c89d80
  • focusBorder#4F9325
  • foreground#202621
  • input.background#FCFAF3
  • input.border#00000015
  • input.foreground#202621
  • input.placeholderForeground#20262160
  • list.activeSelectionBackground#4F932530
  • list.activeSelectionForeground#202621
  • list.highlightForeground#4F9325
  • list.hoverBackground#FCFAF340
  • list.hoverForeground#202621
  • list.inactiveSelectionBackground#4F932515
  • list.inactiveSelectionForeground#202621
  • selection.background#83652125
  • sideBar.background#FCFAF3
  • sideBar.border#00000015
  • sideBar.foreground#202621
  • sideBarSectionHeader.background#FCFAF380
  • sideBarSectionHeader.foreground#202621
  • sideBarTitle.foreground#4F9325
  • statusBar.background#F9F6EC
  • statusBar.border#00000015
  • statusBar.foreground#202621
  • statusBar.noFolderBackground#F9F6EC
  • tab.activeBackground#F9F6EC
  • tab.activeBorderTop#4F9325
  • tab.activeForeground#202621
  • tab.border#00000015
  • tab.inactiveBackground#F9F6EC60
  • tab.inactiveForeground#20262180
  • terminal.ansiBlack#202621
  • terminal.ansiBlue#836521
  • terminal.ansiCyan#29A39D
  • terminal.ansiGreen#4F9325
  • terminal.ansiMagenta#765C19
  • terminal.ansiRed#765C19
  • terminal.ansiWhite#202621
  • terminal.ansiYellow#29A39D
  • terminal.background#F9F6EC
  • terminal.foreground#202621
  • titleBar.activeBackground#F9F6EC
  • titleBar.activeForeground#202621
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F9F6EC
  • titleBar.inactiveForeground#20262160
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7c89ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836521bold
storage.type, storage.modifier#836521italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#4F9325
string, punctuation.definition.string, string.template, meta.template.expression#29A39D
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765C19
variable, variable.other.readwrite, variable.other.object#202621
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#202621
variable.parameter, meta.parameter#202621dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#20262180
keyword.operator#202621
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A39Dbold
entity.other.inherited-class#4F9325
entity.name.tag, punctuation.definition.tag#836521
entity.other.attribute-name#4F9325
meta.diff, meta.diff.header#d7c89d
markup.deleted#765C19
markup.inserted#4F9325
markup.changed#29A39D
markup.heading, markup.heading.setext, punctuation.definition.heading#4F9325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A39D
string.other.link.title, string.other.link.description#4F9325
markup.underline.link#d7c89dunderline
punctuation.definition.list#836521
markup.quote, punctuation.definition.quote#d7c89ditalic