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#F7FAF4
  • activityBar.border#00000015
  • activityBar.foreground#259358
  • activityBar.inactiveForeground#1f272160
  • activityBarBadge.background#259358
  • activityBarBadge.foreground#F7FAF4
  • button.background#259358
  • button.foreground#F7FAF4
  • button.hoverBackground#259358dd
  • editor.background#F7FAF4
  • editor.foreground#1f2721
  • editor.inactiveSelectionBackground#836A212580
  • editor.lineHighlightBackground#FFFAF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#836A2125
  • editorCursor.foreground#259358
  • editorGroupHeader.tabsBackground#FFFAF0aa
  • editorLineNumber.activeForeground#259358
  • editorLineNumber.foreground#9bb27f80
  • focusBorder#259358
  • foreground#1f2721
  • input.background#FFFAF0
  • input.border#00000015
  • input.foreground#1f2721
  • input.placeholderForeground#1f272160
  • list.activeSelectionBackground#25935830
  • list.activeSelectionForeground#1f2721
  • list.highlightForeground#259358
  • list.hoverBackground#FFFAF040
  • list.hoverForeground#1f2721
  • list.inactiveSelectionBackground#25935815
  • list.inactiveSelectionForeground#1f2721
  • selection.background#836A2125
  • sideBar.background#FFFAF0
  • sideBar.border#00000015
  • sideBar.foreground#1f2721
  • sideBarSectionHeader.background#FFFAF080
  • sideBarSectionHeader.foreground#1f2721
  • sideBarTitle.foreground#259358
  • statusBar.background#F7FAF4
  • statusBar.border#00000015
  • statusBar.foreground#1f2721
  • statusBar.noFolderBackground#F7FAF4
  • tab.activeBackground#F7FAF4
  • tab.activeBorderTop#259358
  • tab.activeForeground#1f2721
  • tab.border#00000015
  • tab.inactiveBackground#F7FAF460
  • tab.inactiveForeground#1f272180
  • terminal.ansiBlack#1f2721
  • terminal.ansiBlue#836A21
  • terminal.ansiCyan#2997A3
  • terminal.ansiGreen#259358
  • terminal.ansiMagenta#761919
  • terminal.ansiRed#761919
  • terminal.ansiWhite#1f2721
  • terminal.ansiYellow#2997A3
  • terminal.background#F7FAF4
  • terminal.foreground#1f2721
  • titleBar.activeBackground#F7FAF4
  • titleBar.activeForeground#1f2721
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7FAF4
  • titleBar.inactiveForeground#1f272160
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9bb27fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836A21bold
storage.type, storage.modifier#836A21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259358
string, punctuation.definition.string, string.template, meta.template.expression#2997A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761919
variable, variable.other.readwrite, variable.other.object#1f2721
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1f2721
variable.parameter, meta.parameter#1f2721dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1f272180
keyword.operator#1f2721
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2997A3bold
entity.other.inherited-class#259358
entity.name.tag, punctuation.definition.tag#836A21
entity.other.attribute-name#259358
meta.diff, meta.diff.header#9bb27f
markup.deleted#761919
markup.inserted#259358
markup.changed#2997A3
markup.heading, markup.heading.setext, punctuation.definition.heading#259358bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2997A3
string.other.link.title, string.other.link.description#259358
markup.underline.link#9bb27funderline
punctuation.definition.list#836A21
markup.quote, punctuation.definition.quote#9bb27fitalic