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#F4F0E6
  • activityBar.border#00000015
  • activityBar.foreground#D57A8F
  • activityBar.inactiveForeground#2C2A2660
  • activityBarBadge.background#D57A8F
  • activityBarBadge.foreground#F4F0E6
  • button.background#D57A8F
  • button.foreground#F4F0E6
  • button.hoverBackground#D57A8Fdd
  • editor.background#F4F0E6
  • editor.foreground#2C2A26
  • editor.inactiveSelectionBackground#F3C7CF2580
  • editor.lineHighlightBackground#F4F0E650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#F3C7CF25
  • editorCursor.foreground#D57A8F
  • editorGroupHeader.tabsBackground#F4F0E6aa
  • editorLineNumber.activeForeground#D57A8F
  • editorLineNumber.foreground#6f8a5880
  • focusBorder#D57A8F
  • foreground#2C2A26
  • input.background#F4F0E6
  • input.border#00000015
  • input.foreground#2C2A26
  • input.placeholderForeground#2C2A2660
  • list.activeSelectionBackground#D57A8F30
  • list.activeSelectionForeground#2C2A26
  • list.highlightForeground#D57A8F
  • list.hoverBackground#F4F0E640
  • list.hoverForeground#2C2A26
  • list.inactiveSelectionBackground#D57A8F15
  • list.inactiveSelectionForeground#2C2A26
  • selection.background#F3C7CF25
  • sideBar.background#F4F0E6
  • sideBar.border#00000015
  • sideBar.foreground#2C2A26
  • sideBarSectionHeader.background#F4F0E680
  • sideBarSectionHeader.foreground#2C2A26
  • sideBarTitle.foreground#D57A8F
  • statusBar.background#F4F0E6
  • statusBar.border#00000015
  • statusBar.foreground#2C2A26
  • statusBar.noFolderBackground#F4F0E6
  • tab.activeBackground#F4F0E6
  • tab.activeBorderTop#D57A8F
  • tab.activeForeground#2C2A26
  • tab.border#00000015
  • tab.inactiveBackground#F4F0E660
  • tab.inactiveForeground#2C2A2680
  • terminal.ansiBlack#2C2A26
  • terminal.ansiBlue#F3C7CF
  • terminal.ansiCyan#B35A3C
  • terminal.ansiGreen#D57A8F
  • terminal.ansiMagenta#7D8F7A
  • terminal.ansiRed#7D8F7A
  • terminal.ansiWhite#2C2A26
  • terminal.ansiYellow#B35A3C
  • terminal.background#F4F0E6
  • terminal.foreground#2C2A26
  • titleBar.activeBackground#F4F0E6
  • titleBar.activeForeground#2C2A26
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F4F0E6
  • titleBar.inactiveForeground#2C2A2660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6f8a58italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#F3C7CFbold
storage.type, storage.modifier#F3C7CFitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D57A8F
string, punctuation.definition.string, string.template, meta.template.expression#B35A3C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#7D8F7A
variable, variable.other.readwrite, variable.other.object#2C2A26
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2C2A26
variable.parameter, meta.parameter#2C2A26dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2C2A2680
keyword.operator#2C2A26
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B35A3Cbold
entity.other.inherited-class#D57A8F
entity.name.tag, punctuation.definition.tag#F3C7CF
entity.other.attribute-name#D57A8F
meta.diff, meta.diff.header#6f8a58
markup.deleted#7D8F7A
markup.inserted#D57A8F
markup.changed#B35A3C
markup.heading, markup.heading.setext, punctuation.definition.heading#D57A8Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B35A3C
string.other.link.title, string.other.link.description#D57A8F
markup.underline.link#6f8a58underline
punctuation.definition.list#F3C7CF
markup.quote, punctuation.definition.quote#6f8a58italic