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#258A93
  • activityBar.inactiveForeground#07121760
  • activityBarBadge.background#258A93
  • activityBarBadge.foreground#FCFDFC
  • button.background#258A93
  • button.foreground#FCFDFC
  • button.hoverBackground#258A93dd
  • editor.background#FCFDFC
  • editor.foreground#071217
  • editor.inactiveSelectionBackground#21837A2580
  • editor.lineHighlightBackground#F5FAF950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21837A25
  • editorCursor.foreground#258A93
  • editorGroupHeader.tabsBackground#F5FAF9aa
  • editorLineNumber.activeForeground#258A93
  • editorLineNumber.foreground#9EB0B380
  • focusBorder#258A93
  • foreground#071217
  • input.background#F5FAF9
  • input.border#00000015
  • input.foreground#071217
  • input.placeholderForeground#07121760
  • list.activeSelectionBackground#258A9330
  • list.activeSelectionForeground#071217
  • list.highlightForeground#258A93
  • list.hoverBackground#F5FAF940
  • list.hoverForeground#071217
  • list.inactiveSelectionBackground#258A9315
  • list.inactiveSelectionForeground#071217
  • selection.background#21837A25
  • sideBar.background#F5FAF9
  • sideBar.border#00000015
  • sideBar.foreground#071217
  • sideBarSectionHeader.background#F5FAF980
  • sideBarSectionHeader.foreground#071217
  • sideBarTitle.foreground#258A93
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#071217
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#258A93
  • tab.activeForeground#071217
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#07121780
  • terminal.ansiBlack#071217
  • terminal.ansiBlue#21837A
  • terminal.ansiCyan#299DA3
  • terminal.ansiGreen#258A93
  • terminal.ansiMagenta#764C19
  • terminal.ansiRed#764C19
  • terminal.ansiWhite#071217
  • terminal.ansiYellow#299DA3
  • terminal.background#FCFDFC
  • terminal.foreground#071217
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#071217
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#07121760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9EB0B3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21837Abold
storage.type, storage.modifier#21837Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#258A93
string, punctuation.definition.string, string.template, meta.template.expression#299DA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764C19
variable, variable.other.readwrite, variable.other.object#071217
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#071217
variable.parameter, meta.parameter#071217dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#07121780
keyword.operator#071217
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#299DA3bold
entity.other.inherited-class#258A93
entity.name.tag, punctuation.definition.tag#21837A
entity.other.attribute-name#258A93
meta.diff, meta.diff.header#9EB0B3
markup.deleted#764C19
markup.inserted#258A93
markup.changed#299DA3
markup.heading, markup.heading.setext, punctuation.definition.heading#258A93bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#299DA3
string.other.link.title, string.other.link.description#258A93
markup.underline.link#9EB0B3underline
punctuation.definition.list#21837A
markup.quote, punctuation.definition.quote#9EB0B3italic