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#FCFDFC
  • activityBar.border#00000015
  • activityBar.foreground#409325
  • activityBar.inactiveForeground#12322860
  • activityBarBadge.background#409325
  • activityBarBadge.foreground#FCFDFC
  • button.background#409325
  • button.foreground#FCFDFC
  • button.hoverBackground#409325dd
  • editor.background#FCFDFC
  • editor.foreground#123228
  • editor.inactiveSelectionBackground#8341212580
  • editor.lineHighlightBackground#EEF1E950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83412125
  • editorCursor.foreground#409325
  • editorGroupHeader.tabsBackground#EEF1E9aa
  • editorLineNumber.activeForeground#409325
  • editorLineNumber.foreground#8b817180
  • focusBorder#409325
  • foreground#123228
  • input.background#EEF1E9
  • input.border#00000015
  • input.foreground#123228
  • input.placeholderForeground#12322860
  • list.activeSelectionBackground#40932530
  • list.activeSelectionForeground#123228
  • list.highlightForeground#409325
  • list.hoverBackground#EEF1E940
  • list.hoverForeground#123228
  • list.inactiveSelectionBackground#40932515
  • list.inactiveSelectionForeground#123228
  • selection.background#83412125
  • sideBar.background#EEF1E9
  • sideBar.border#00000015
  • sideBar.foreground#123228
  • sideBarSectionHeader.background#EEF1E980
  • sideBarSectionHeader.foreground#123228
  • sideBarTitle.foreground#409325
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#123228
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#409325
  • tab.activeForeground#123228
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#12322880
  • terminal.ansiBlack#123228
  • terminal.ansiBlue#834121
  • terminal.ansiCyan#62A329
  • terminal.ansiGreen#409325
  • terminal.ansiMagenta#766919
  • terminal.ansiRed#766919
  • terminal.ansiWhite#123228
  • terminal.ansiYellow#62A329
  • terminal.background#FCFDFC
  • terminal.foreground#123228
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#123228
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#12322860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8b8171italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834121bold
storage.type, storage.modifier#834121italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#409325
string, punctuation.definition.string, string.template, meta.template.expression#62A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#766919
variable, variable.other.readwrite, variable.other.object#123228
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#123228
variable.parameter, meta.parameter#123228dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#12322880
keyword.operator#123228
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#62A329bold
entity.other.inherited-class#409325
entity.name.tag, punctuation.definition.tag#834121
entity.other.attribute-name#409325
meta.diff, meta.diff.header#8b8171
markup.deleted#766919
markup.inserted#409325
markup.changed#62A329
markup.heading, markup.heading.setext, punctuation.definition.heading#409325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#62A329
string.other.link.title, string.other.link.description#409325
markup.underline.link#8b8171underline
punctuation.definition.list#834121
markup.quote, punctuation.definition.quote#8b8171italic