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#f7f0df
  • activityBar.border#00000015
  • activityBar.foreground#1469c8
  • activityBar.inactiveForeground#1f272260
  • activityBarBadge.background#1469c8
  • activityBarBadge.foreground#f7f0df
  • button.background#1469c8
  • button.foreground#f7f0df
  • button.hoverBackground#1469c8dd
  • editor.background#f7f0df
  • editor.foreground#1f2722
  • editor.inactiveSelectionBackground#8a5d372580
  • editor.lineHighlightBackground#e4d2b150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8a5d3725
  • editorCursor.foreground#1469c8
  • editorGroupHeader.tabsBackground#e4d2b1aa
  • editorLineNumber.activeForeground#1469c8
  • editorLineNumber.foreground#c9d6bf80
  • focusBorder#1469c8
  • foreground#1f2722
  • input.background#e4d2b1
  • input.border#00000015
  • input.foreground#1f2722
  • input.placeholderForeground#1f272260
  • list.activeSelectionBackground#1469c830
  • list.activeSelectionForeground#1f2722
  • list.highlightForeground#1469c8
  • list.hoverBackground#e4d2b140
  • list.hoverForeground#1f2722
  • list.inactiveSelectionBackground#1469c815
  • list.inactiveSelectionForeground#1f2722
  • selection.background#8a5d3725
  • sideBar.background#e4d2b1
  • sideBar.border#00000015
  • sideBar.foreground#1f2722
  • sideBarSectionHeader.background#e4d2b180
  • sideBarSectionHeader.foreground#1f2722
  • sideBarTitle.foreground#1469c8
  • statusBar.background#f7f0df
  • statusBar.border#00000015
  • statusBar.foreground#1f2722
  • statusBar.noFolderBackground#f7f0df
  • tab.activeBackground#f7f0df
  • tab.activeBorderTop#1469c8
  • tab.activeForeground#1f2722
  • tab.border#00000015
  • tab.inactiveBackground#f7f0df60
  • tab.inactiveForeground#1f272280
  • terminal.ansiBlack#1f2722
  • terminal.ansiBlue#8a5d37
  • terminal.ansiCyan#5f8f61
  • terminal.ansiGreen#1469c8
  • terminal.ansiMagenta#59a9df
  • terminal.ansiRed#59a9df
  • terminal.ansiWhite#1f2722
  • terminal.ansiYellow#5f8f61
  • terminal.background#f7f0df
  • terminal.foreground#1f2722
  • titleBar.activeBackground#f7f0df
  • titleBar.activeForeground#1f2722
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f7f0df
  • titleBar.inactiveForeground#1f272260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c9d6bfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8a5d37bold
storage.type, storage.modifier#8a5d37italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1469c8
string, punctuation.definition.string, string.template, meta.template.expression#5f8f61
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#59a9df
variable, variable.other.readwrite, variable.other.object#1f2722
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1f2722
variable.parameter, meta.parameter#1f2722dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1f272280
keyword.operator#1f2722
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5f8f61bold
entity.other.inherited-class#1469c8
entity.name.tag, punctuation.definition.tag#8a5d37
entity.other.attribute-name#1469c8
meta.diff, meta.diff.header#c9d6bf
markup.deleted#59a9df
markup.inserted#1469c8
markup.changed#5f8f61
markup.heading, markup.heading.setext, punctuation.definition.heading#1469c8bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5f8f61
string.other.link.title, string.other.link.description#1469c8
markup.underline.link#c9d6bfunderline
punctuation.definition.list#8a5d37
markup.quote, punctuation.definition.quote#c9d6bfitalic