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#fbf6da
  • activityBar.border#00000015
  • activityBar.foreground#f3d21b
  • activityBar.inactiveForeground#17160f60
  • activityBarBadge.background#f3d21b
  • activityBarBadge.foreground#fbf6da
  • button.background#f3d21b
  • button.foreground#fbf6da
  • button.hoverBackground#f3d21bdd
  • editor.background#fbf6da
  • editor.foreground#17160f
  • editor.inactiveSelectionBackground#6f8f572580
  • editor.lineHighlightBackground#eee5aa50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6f8f5725
  • editorCursor.foreground#f3d21b
  • editorGroupHeader.tabsBackground#eee5aaaa
  • editorLineNumber.activeForeground#f3d21b
  • editorLineNumber.foreground#d7dcc180
  • focusBorder#f3d21b
  • foreground#17160f
  • input.background#eee5aa
  • input.border#00000015
  • input.foreground#17160f
  • input.placeholderForeground#17160f60
  • list.activeSelectionBackground#f3d21b30
  • list.activeSelectionForeground#17160f
  • list.highlightForeground#f3d21b
  • list.hoverBackground#eee5aa40
  • list.hoverForeground#17160f
  • list.inactiveSelectionBackground#f3d21b15
  • list.inactiveSelectionForeground#17160f
  • selection.background#6f8f5725
  • sideBar.background#eee5aa
  • sideBar.border#00000015
  • sideBar.foreground#17160f
  • sideBarSectionHeader.background#eee5aa80
  • sideBarSectionHeader.foreground#17160f
  • sideBarTitle.foreground#f3d21b
  • statusBar.background#fbf6da
  • statusBar.border#00000015
  • statusBar.foreground#17160f
  • statusBar.noFolderBackground#fbf6da
  • tab.activeBackground#fbf6da
  • tab.activeBorderTop#f3d21b
  • tab.activeForeground#17160f
  • tab.border#00000015
  • tab.inactiveBackground#fbf6da60
  • tab.inactiveForeground#17160f80
  • terminal.ansiBlack#17160f
  • terminal.ansiBlue#6f8f57
  • terminal.ansiCyan#fffbe8
  • terminal.ansiGreen#f3d21b
  • terminal.ansiMagenta#a7b46a
  • terminal.ansiRed#a7b46a
  • terminal.ansiWhite#17160f
  • terminal.ansiYellow#fffbe8
  • terminal.background#fbf6da
  • terminal.foreground#17160f
  • titleBar.activeBackground#fbf6da
  • titleBar.activeForeground#17160f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fbf6da
  • titleBar.inactiveForeground#17160f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7dcc1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6f8f57bold
storage.type, storage.modifier#6f8f57italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#f3d21b
string, punctuation.definition.string, string.template, meta.template.expression#fffbe8
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#a7b46a
variable, variable.other.readwrite, variable.other.object#17160f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#17160f
variable.parameter, meta.parameter#17160fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17160f80
keyword.operator#17160f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#fffbe8bold
entity.other.inherited-class#f3d21b
entity.name.tag, punctuation.definition.tag#6f8f57
entity.other.attribute-name#f3d21b
meta.diff, meta.diff.header#d7dcc1
markup.deleted#a7b46a
markup.inserted#f3d21b
markup.changed#fffbe8
markup.heading, markup.heading.setext, punctuation.definition.heading#f3d21bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#fffbe8
string.other.link.title, string.other.link.description#f3d21b
markup.underline.link#d7dcc1underline
punctuation.definition.list#6f8f57
markup.quote, punctuation.definition.quote#d7dcc1italic