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#FCFDF7
  • activityBar.border#00000015
  • activityBar.foreground#749325
  • activityBar.inactiveForeground#1a1a1760
  • activityBarBadge.background#749325
  • activityBarBadge.foreground#FCFDF7
  • button.background#749325
  • button.foreground#FCFDF7
  • button.hoverBackground#749325dd
  • editor.background#FCFDF7
  • editor.foreground#1a1a17
  • editor.inactiveSelectionBackground#21835F2580
  • editor.lineHighlightBackground#FFFBF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21835F25
  • editorCursor.foreground#749325
  • editorGroupHeader.tabsBackground#FFFBF0aa
  • editorLineNumber.activeForeground#749325
  • editorLineNumber.foreground#7a684a80
  • focusBorder#749325
  • foreground#1a1a17
  • input.background#FFFBF0
  • input.border#00000015
  • input.foreground#1a1a17
  • input.placeholderForeground#1a1a1760
  • list.activeSelectionBackground#74932530
  • list.activeSelectionForeground#1a1a17
  • list.highlightForeground#749325
  • list.hoverBackground#FFFBF040
  • list.hoverForeground#1a1a17
  • list.inactiveSelectionBackground#74932515
  • list.inactiveSelectionForeground#1a1a17
  • selection.background#21835F25
  • sideBar.background#FFFBF0
  • sideBar.border#00000015
  • sideBar.foreground#1a1a17
  • sideBarSectionHeader.background#FFFBF080
  • sideBarSectionHeader.foreground#1a1a17
  • sideBarTitle.foreground#749325
  • statusBar.background#FCFDF7
  • statusBar.border#00000015
  • statusBar.foreground#1a1a17
  • statusBar.noFolderBackground#FCFDF7
  • tab.activeBackground#FCFDF7
  • tab.activeBorderTop#749325
  • tab.activeForeground#1a1a17
  • tab.border#00000015
  • tab.inactiveBackground#FCFDF760
  • tab.inactiveForeground#1a1a1780
  • terminal.ansiBlack#1a1a17
  • terminal.ansiBlue#21835F
  • terminal.ansiCyan#A37A29
  • terminal.ansiGreen#749325
  • terminal.ansiMagenta#1F7619
  • terminal.ansiRed#1F7619
  • terminal.ansiWhite#1a1a17
  • terminal.ansiYellow#A37A29
  • terminal.background#FCFDF7
  • terminal.foreground#1a1a17
  • titleBar.activeBackground#FCFDF7
  • titleBar.activeForeground#1a1a17
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDF7
  • titleBar.inactiveForeground#1a1a1760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7a684aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21835Fbold
storage.type, storage.modifier#21835Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#749325
string, punctuation.definition.string, string.template, meta.template.expression#A37A29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#1F7619
variable, variable.other.readwrite, variable.other.object#1a1a17
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1a1a17
variable.parameter, meta.parameter#1a1a17dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1a1a1780
keyword.operator#1a1a17
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37A29bold
entity.other.inherited-class#749325
entity.name.tag, punctuation.definition.tag#21835F
entity.other.attribute-name#749325
meta.diff, meta.diff.header#7a684a
markup.deleted#1F7619
markup.inserted#749325
markup.changed#A37A29
markup.heading, markup.heading.setext, punctuation.definition.heading#749325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37A29
string.other.link.title, string.other.link.description#749325
markup.underline.link#7a684aunderline
punctuation.definition.list#21835F
markup.quote, punctuation.definition.quote#7a684aitalic