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#F7F1E4
  • activityBar.border#00000015
  • activityBar.foreground#779325
  • activityBar.inactiveForeground#22302660
  • activityBarBadge.background#779325
  • activityBarBadge.foreground#F7F1E4
  • button.background#779325
  • button.foreground#F7F1E4
  • button.hoverBackground#779325dd
  • editor.background#F7F1E4
  • editor.foreground#223026
  • editor.inactiveSelectionBackground#217E832580
  • editor.lineHighlightBackground#DCD5B750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#217E8325
  • editorCursor.foreground#779325
  • editorGroupHeader.tabsBackground#DCD5B7aa
  • editorLineNumber.activeForeground#779325
  • editorLineNumber.foreground#8d996480
  • focusBorder#779325
  • foreground#223026
  • input.background#DCD5B7
  • input.border#00000015
  • input.foreground#223026
  • input.placeholderForeground#22302660
  • list.activeSelectionBackground#77932530
  • list.activeSelectionForeground#223026
  • list.highlightForeground#779325
  • list.hoverBackground#DCD5B740
  • list.hoverForeground#223026
  • list.inactiveSelectionBackground#77932515
  • list.inactiveSelectionForeground#223026
  • selection.background#217E8325
  • sideBar.background#DCD5B7
  • sideBar.border#00000015
  • sideBar.foreground#223026
  • sideBarSectionHeader.background#DCD5B780
  • sideBarSectionHeader.foreground#223026
  • sideBarTitle.foreground#779325
  • statusBar.background#F7F1E4
  • statusBar.border#00000015
  • statusBar.foreground#223026
  • statusBar.noFolderBackground#F7F1E4
  • tab.activeBackground#F7F1E4
  • tab.activeBorderTop#779325
  • tab.activeForeground#223026
  • tab.border#00000015
  • tab.inactiveBackground#F7F1E460
  • tab.inactiveForeground#22302680
  • terminal.ansiBlack#223026
  • terminal.ansiBlue#217E83
  • terminal.ansiCyan#4BA329
  • terminal.ansiGreen#779325
  • terminal.ansiMagenta#763B19
  • terminal.ansiRed#763B19
  • terminal.ansiWhite#223026
  • terminal.ansiYellow#4BA329
  • terminal.background#F7F1E4
  • terminal.foreground#223026
  • titleBar.activeBackground#F7F1E4
  • titleBar.activeForeground#223026
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F1E4
  • titleBar.inactiveForeground#22302660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8d9964italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#217E83bold
storage.type, storage.modifier#217E83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#779325
string, punctuation.definition.string, string.template, meta.template.expression#4BA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763B19
variable, variable.other.readwrite, variable.other.object#223026
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#223026
variable.parameter, meta.parameter#223026dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#22302680
keyword.operator#223026
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#4BA329bold
entity.other.inherited-class#779325
entity.name.tag, punctuation.definition.tag#217E83
entity.other.attribute-name#779325
meta.diff, meta.diff.header#8d9964
markup.deleted#763B19
markup.inserted#779325
markup.changed#4BA329
markup.heading, markup.heading.setext, punctuation.definition.heading#779325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#4BA329
string.other.link.title, string.other.link.description#779325
markup.underline.link#8d9964underline
punctuation.definition.list#217E83
markup.quote, punctuation.definition.quote#8d9964italic