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#FEF7DE
  • activityBar.border#00000015
  • activityBar.foreground#FFF483
  • activityBar.inactiveForeground#1C243360
  • activityBarBadge.background#FFF483
  • activityBarBadge.foreground#FEF7DE
  • button.background#FFF483
  • button.foreground#FEF7DE
  • button.hoverBackground#FFF483dd
  • editor.background#FEF7DE
  • editor.foreground#1C2433
  • editor.inactiveSelectionBackground#7BA3582580
  • editor.lineHighlightBackground#FFFBE850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#7BA35825
  • editorCursor.foreground#FFF483
  • editorGroupHeader.tabsBackground#FFFBE8aa
  • editorLineNumber.activeForeground#FFF483
  • editorLineNumber.foreground#A9C29A80
  • focusBorder#FFF483
  • foreground#1C2433
  • input.background#FFFBE8
  • input.border#00000015
  • input.foreground#1C2433
  • input.placeholderForeground#1C243360
  • list.activeSelectionBackground#FFF48330
  • list.activeSelectionForeground#1C2433
  • list.highlightForeground#FFF483
  • list.hoverBackground#FFFBE840
  • list.hoverForeground#1C2433
  • list.inactiveSelectionBackground#FFF48315
  • list.inactiveSelectionForeground#1C2433
  • selection.background#7BA35825
  • sideBar.background#FFFBE8
  • sideBar.border#00000015
  • sideBar.foreground#1C2433
  • sideBarSectionHeader.background#FFFBE880
  • sideBarSectionHeader.foreground#1C2433
  • sideBarTitle.foreground#FFF483
  • statusBar.background#FEF7DE
  • statusBar.border#00000015
  • statusBar.foreground#1C2433
  • statusBar.noFolderBackground#FEF7DE
  • tab.activeBackground#FEF7DE
  • tab.activeBorderTop#FFF483
  • tab.activeForeground#1C2433
  • tab.border#00000015
  • tab.inactiveBackground#FEF7DE60
  • tab.inactiveForeground#1C243380
  • terminal.ansiBlack#1C2433
  • terminal.ansiBlue#7BA358
  • terminal.ansiCyan#55688E
  • terminal.ansiGreen#FFF483
  • terminal.ansiMagenta#F2C94C
  • terminal.ansiRed#F2C94C
  • terminal.ansiWhite#1C2433
  • terminal.ansiYellow#55688E
  • terminal.background#FEF7DE
  • terminal.foreground#1C2433
  • titleBar.activeBackground#FEF7DE
  • titleBar.activeForeground#1C2433
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEF7DE
  • titleBar.inactiveForeground#1C243360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A9C29Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#7BA358bold
storage.type, storage.modifier#7BA358italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FFF483
string, punctuation.definition.string, string.template, meta.template.expression#55688E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F2C94C
variable, variable.other.readwrite, variable.other.object#1C2433
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1C2433
variable.parameter, meta.parameter#1C2433dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1C243380
keyword.operator#1C2433
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55688Ebold
entity.other.inherited-class#FFF483
entity.name.tag, punctuation.definition.tag#7BA358
entity.other.attribute-name#FFF483
meta.diff, meta.diff.header#A9C29A
markup.deleted#F2C94C
markup.inserted#FFF483
markup.changed#55688E
markup.heading, markup.heading.setext, punctuation.definition.heading#FFF483bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55688E
string.other.link.title, string.other.link.description#FFF483
markup.underline.link#A9C29Aunderline
punctuation.definition.list#7BA358
markup.quote, punctuation.definition.quote#A9C29Aitalic