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#FEFAEB
  • activityBar.border#00000015
  • activityBar.foreground#938A25
  • activityBar.inactiveForeground#1C243360
  • activityBarBadge.background#938A25
  • activityBarBadge.foreground#FEFAEB
  • button.background#938A25
  • button.foreground#FEFAEB
  • button.hoverBackground#938A25dd
  • editor.background#FEFAEB
  • editor.foreground#1C2433
  • editor.inactiveSelectionBackground#4E83212580
  • editor.lineHighlightBackground#FFFCF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#4E832125
  • editorCursor.foreground#938A25
  • editorGroupHeader.tabsBackground#FFFCF0aa
  • editorLineNumber.activeForeground#938A25
  • editorLineNumber.foreground#A9C29A80
  • focusBorder#938A25
  • foreground#1C2433
  • input.background#FFFCF0
  • input.border#00000015
  • input.foreground#1C2433
  • input.placeholderForeground#1C243360
  • list.activeSelectionBackground#938A2530
  • list.activeSelectionForeground#1C2433
  • list.highlightForeground#938A25
  • list.hoverBackground#FFFCF040
  • list.hoverForeground#1C2433
  • list.inactiveSelectionBackground#938A2515
  • list.inactiveSelectionForeground#1C2433
  • selection.background#4E832125
  • sideBar.background#FFFCF0
  • sideBar.border#00000015
  • sideBar.foreground#1C2433
  • sideBarSectionHeader.background#FFFCF080
  • sideBarSectionHeader.foreground#1C2433
  • sideBarTitle.foreground#938A25
  • statusBar.background#FEFAEB
  • statusBar.border#00000015
  • statusBar.foreground#1C2433
  • statusBar.noFolderBackground#FEFAEB
  • tab.activeBackground#FEFAEB
  • tab.activeBorderTop#938A25
  • tab.activeForeground#1C2433
  • tab.border#00000015
  • tab.inactiveBackground#FEFAEB60
  • tab.inactiveForeground#1C243380
  • terminal.ansiBlack#1C2433
  • terminal.ansiBlue#4E8321
  • terminal.ansiCyan#2952A3
  • terminal.ansiGreen#938A25
  • terminal.ansiMagenta#765F19
  • terminal.ansiRed#765F19
  • terminal.ansiWhite#1C2433
  • terminal.ansiYellow#2952A3
  • terminal.background#FEFAEB
  • terminal.foreground#1C2433
  • titleBar.activeBackground#FEFAEB
  • titleBar.activeForeground#1C2433
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFAEB
  • 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#4E8321bold
storage.type, storage.modifier#4E8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#938A25
string, punctuation.definition.string, string.template, meta.template.expression#2952A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765F19
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#2952A3bold
entity.other.inherited-class#938A25
entity.name.tag, punctuation.definition.tag#4E8321
entity.other.attribute-name#938A25
meta.diff, meta.diff.header#A9C29A
markup.deleted#765F19
markup.inserted#938A25
markup.changed#2952A3
markup.heading, markup.heading.setext, punctuation.definition.heading#938A25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2952A3
string.other.link.title, string.other.link.description#938A25
markup.underline.link#A9C29Aunderline
punctuation.definition.list#4E8321
markup.quote, punctuation.definition.quote#A9C29Aitalic
Morphous Theme by Ameyanagi - VS Code Theme