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#1F2528
  • activityBar.border#ffffff15
  • activityBar.foreground#CBE967
  • activityBar.inactiveForeground#F8FAFA60
  • activityBarBadge.background#CBE967
  • activityBarBadge.foreground#1F2528
  • button.background#CBE967
  • button.foreground#1F2528
  • button.hoverBackground#CBE967dd
  • editor.background#1F2528
  • editor.foreground#F8FAFA
  • editor.inactiveSelectionBackground#79BEEC3580
  • editor.lineHighlightBackground#161F2740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79BEEC35
  • editorCursor.foreground#CBE967
  • editorGroupHeader.tabsBackground#1F2528dd
  • editorLineNumber.activeForeground#CBE967
  • editorLineNumber.foreground#F2F3F480
  • focusBorder#CBE967
  • foreground#F8FAFA
  • input.background#161F27
  • input.border#ffffff15
  • input.foreground#F8FAFA
  • input.placeholderForeground#F8FAFA60
  • list.activeSelectionBackground#CBE96730
  • list.activeSelectionForeground#F8FAFA
  • list.highlightForeground#CBE967
  • list.hoverBackground#161F2740
  • list.hoverForeground#F8FAFA
  • list.inactiveSelectionBackground#CBE96715
  • list.inactiveSelectionForeground#F8FAFA
  • selection.background#79BEEC35
  • sideBar.background#161F27
  • sideBar.border#ffffff15
  • sideBar.foreground#F8FAFA
  • sideBarSectionHeader.background#1F252880
  • sideBarSectionHeader.foreground#F8FAFA
  • sideBarTitle.foreground#CBE967
  • statusBar.background#1F2528
  • statusBar.border#ffffff15
  • statusBar.foreground#F8FAFA
  • statusBar.noFolderBackground#1F2528
  • tab.activeBackground#1F2528
  • tab.activeBorderTop#CBE967
  • tab.activeForeground#F8FAFA
  • tab.border#ffffff15
  • tab.inactiveBackground#161F2760
  • tab.inactiveForeground#F8FAFA80
  • terminal.ansiBlack#1F2528
  • terminal.ansiBlue#79BEEC
  • terminal.ansiCyan#55BEE7
  • terminal.ansiGreen#CBE967
  • terminal.ansiMagenta#83B6F1
  • terminal.ansiRed#83B6F1
  • terminal.ansiWhite#F8FAFA
  • terminal.ansiYellow#55BEE7
  • terminal.background#1F2528
  • terminal.foreground#F8FAFA
  • titleBar.activeBackground#1F2528
  • titleBar.activeForeground#F8FAFA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1F2528
  • titleBar.inactiveForeground#F8FAFA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F2F3F4italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79BEECbold
storage.type, storage.modifier#79BEECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#CBE967
string, punctuation.definition.string, string.template, meta.template.expression#55BEE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83B6F1
variable, variable.other.readwrite, variable.other.object#F8FAFA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F8FAFA
variable.parameter, meta.parameter#F8FAFAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F8FAFA80
keyword.operator#F8FAFA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55BEE7bold
entity.other.inherited-class#CBE967
entity.name.tag, punctuation.definition.tag#79BEEC
entity.other.attribute-name#CBE967
meta.diff, meta.diff.header#F2F3F4
markup.deleted#83B6F1
markup.inserted#CBE967
markup.changed#55BEE7
markup.heading, markup.heading.setext, punctuation.definition.heading#CBE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55BEE7
string.other.link.title, string.other.link.description#CBE967
markup.underline.link#F2F3F4underline
punctuation.definition.list#79BEEC
markup.quote, punctuation.definition.quote#F2F3F4italic