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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#93254B
  • activityBar.inactiveForeground#1E181860
  • activityBarBadge.background#93254B
  • activityBarBadge.foreground#FEFDFB
  • button.background#93254B
  • button.foreground#FEFDFB
  • button.hoverBackground#93254Bdd
  • editor.background#FEFDFB
  • editor.foreground#1E1818
  • editor.inactiveSelectionBackground#83213E2580
  • editor.lineHighlightBackground#FFFBF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83213E25
  • editorCursor.foreground#93254B
  • editorGroupHeader.tabsBackground#FFFBF0aa
  • editorLineNumber.activeForeground#93254B
  • editorLineNumber.foreground#D4CDC180
  • focusBorder#93254B
  • foreground#1E1818
  • input.background#FFFBF0
  • input.border#00000015
  • input.foreground#1E1818
  • input.placeholderForeground#1E181860
  • list.activeSelectionBackground#93254B30
  • list.activeSelectionForeground#1E1818
  • list.highlightForeground#93254B
  • list.hoverBackground#FFFBF040
  • list.hoverForeground#1E1818
  • list.inactiveSelectionBackground#93254B15
  • list.inactiveSelectionForeground#1E1818
  • selection.background#83213E25
  • sideBar.background#FFFBF0
  • sideBar.border#00000015
  • sideBar.foreground#1E1818
  • sideBarSectionHeader.background#FFFBF080
  • sideBarSectionHeader.foreground#1E1818
  • sideBarTitle.foreground#93254B
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#1E1818
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#93254B
  • tab.activeForeground#1E1818
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#1E181880
  • terminal.ansiBlack#1E1818
  • terminal.ansiBlue#83213E
  • terminal.ansiCyan#4BA329
  • terminal.ansiGreen#93254B
  • terminal.ansiMagenta#307619
  • terminal.ansiRed#307619
  • terminal.ansiWhite#1E1818
  • terminal.ansiYellow#4BA329
  • terminal.background#FEFDFB
  • terminal.foreground#1E1818
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#1E1818
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#1E181860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D4CDC1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#83213Ebold
storage.type, storage.modifier#83213Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93254B
string, punctuation.definition.string, string.template, meta.template.expression#4BA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#307619
variable, variable.other.readwrite, variable.other.object#1E1818
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1E1818
variable.parameter, meta.parameter#1E1818dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1E181880
keyword.operator#1E1818
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#93254B
entity.name.tag, punctuation.definition.tag#83213E
entity.other.attribute-name#93254B
meta.diff, meta.diff.header#D4CDC1
markup.deleted#307619
markup.inserted#93254B
markup.changed#4BA329
markup.heading, markup.heading.setext, punctuation.definition.heading#93254Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#4BA329
string.other.link.title, string.other.link.description#93254B
markup.underline.link#D4CDC1underline
punctuation.definition.list#83213E
markup.quote, punctuation.definition.quote#D4CDC1italic