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#FDFDFC
  • activityBar.border#00000015
  • activityBar.foreground#519325
  • activityBar.inactiveForeground#211A1460
  • activityBarBadge.background#519325
  • activityBarBadge.foreground#FDFDFC
  • button.background#519325
  • button.foreground#FDFDFC
  • button.hoverBackground#519325dd
  • editor.background#FDFDFC
  • editor.foreground#211A14
  • editor.inactiveSelectionBackground#6883212580
  • editor.lineHighlightBackground#FBF9F450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#68832125
  • editorCursor.foreground#519325
  • editorGroupHeader.tabsBackground#FBF9F4aa
  • editorLineNumber.activeForeground#519325
  • editorLineNumber.foreground#D9D2C380
  • focusBorder#519325
  • foreground#211A14
  • input.background#FBF9F4
  • input.border#00000015
  • input.foreground#211A14
  • input.placeholderForeground#211A1460
  • list.activeSelectionBackground#51932530
  • list.activeSelectionForeground#211A14
  • list.highlightForeground#519325
  • list.hoverBackground#FBF9F440
  • list.hoverForeground#211A14
  • list.inactiveSelectionBackground#51932515
  • list.inactiveSelectionForeground#211A14
  • selection.background#68832125
  • sideBar.background#FBF9F4
  • sideBar.border#00000015
  • sideBar.foreground#211A14
  • sideBarSectionHeader.background#FBF9F480
  • sideBarSectionHeader.foreground#211A14
  • sideBarTitle.foreground#519325
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#211A14
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#519325
  • tab.activeForeground#211A14
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#211A1480
  • terminal.ansiBlack#211A14
  • terminal.ansiBlue#688321
  • terminal.ansiCyan#A37E29
  • terminal.ansiGreen#519325
  • terminal.ansiMagenta#765D19
  • terminal.ansiRed#765D19
  • terminal.ansiWhite#211A14
  • terminal.ansiYellow#A37E29
  • terminal.background#FDFDFC
  • terminal.foreground#211A14
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#211A14
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#211A1460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D9D2C3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#688321bold
storage.type, storage.modifier#688321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#519325
string, punctuation.definition.string, string.template, meta.template.expression#A37E29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765D19
variable, variable.other.readwrite, variable.other.object#211A14
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#211A14
variable.parameter, meta.parameter#211A14dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#211A1480
keyword.operator#211A14
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37E29bold
entity.other.inherited-class#519325
entity.name.tag, punctuation.definition.tag#688321
entity.other.attribute-name#519325
meta.diff, meta.diff.header#D9D2C3
markup.deleted#765D19
markup.inserted#519325
markup.changed#A37E29
markup.heading, markup.heading.setext, punctuation.definition.heading#519325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37E29
string.other.link.title, string.other.link.description#519325
markup.underline.link#D9D2C3underline
punctuation.definition.list#688321
markup.quote, punctuation.definition.quote#D9D2C3italic