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#F6F0E6
  • activityBar.border#00000015
  • activityBar.foreground#D56E58
  • activityBar.inactiveForeground#1C252860
  • activityBarBadge.background#D56E58
  • activityBarBadge.foreground#F6F0E6
  • button.background#D56E58
  • button.foreground#F6F0E6
  • button.hoverBackground#D56E58dd
  • editor.background#F6F0E6
  • editor.foreground#1C2528
  • editor.inactiveSelectionBackground#4E91A22580
  • editor.lineHighlightBackground#FFF8EA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#4E91A225
  • editorCursor.foreground#D56E58
  • editorGroupHeader.tabsBackground#FFF8EAaa
  • editorLineNumber.activeForeground#D56E58
  • editorLineNumber.foreground#B79A7880
  • focusBorder#D56E58
  • foreground#1C2528
  • input.background#FFF8EA
  • input.border#00000015
  • input.foreground#1C2528
  • input.placeholderForeground#1C252860
  • list.activeSelectionBackground#D56E5830
  • list.activeSelectionForeground#1C2528
  • list.highlightForeground#D56E58
  • list.hoverBackground#FFF8EA40
  • list.hoverForeground#1C2528
  • list.inactiveSelectionBackground#D56E5815
  • list.inactiveSelectionForeground#1C2528
  • selection.background#4E91A225
  • sideBar.background#FFF8EA
  • sideBar.border#00000015
  • sideBar.foreground#1C2528
  • sideBarSectionHeader.background#FFF8EA80
  • sideBarSectionHeader.foreground#1C2528
  • sideBarTitle.foreground#D56E58
  • statusBar.background#F6F0E6
  • statusBar.border#00000015
  • statusBar.foreground#1C2528
  • statusBar.noFolderBackground#F6F0E6
  • tab.activeBackground#F6F0E6
  • tab.activeBorderTop#D56E58
  • tab.activeForeground#1C2528
  • tab.border#00000015
  • tab.inactiveBackground#F6F0E660
  • tab.inactiveForeground#1C252880
  • terminal.ansiBlack#1C2528
  • terminal.ansiBlue#4E91A2
  • terminal.ansiCyan#84AEB7
  • terminal.ansiGreen#D56E58
  • terminal.ansiMagenta#E59A6C
  • terminal.ansiRed#E59A6C
  • terminal.ansiWhite#1C2528
  • terminal.ansiYellow#84AEB7
  • terminal.background#F6F0E6
  • terminal.foreground#1C2528
  • titleBar.activeBackground#F6F0E6
  • titleBar.activeForeground#1C2528
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F6F0E6
  • titleBar.inactiveForeground#1C252860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B79A78italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#4E91A2bold
storage.type, storage.modifier#4E91A2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D56E58
string, punctuation.definition.string, string.template, meta.template.expression#84AEB7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E59A6C
variable, variable.other.readwrite, variable.other.object#1C2528
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1C2528
variable.parameter, meta.parameter#1C2528dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1C252880
keyword.operator#1C2528
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#84AEB7bold
entity.other.inherited-class#D56E58
entity.name.tag, punctuation.definition.tag#4E91A2
entity.other.attribute-name#D56E58
meta.diff, meta.diff.header#B79A78
markup.deleted#E59A6C
markup.inserted#D56E58
markup.changed#84AEB7
markup.heading, markup.heading.setext, punctuation.definition.heading#D56E58bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#84AEB7
string.other.link.title, string.other.link.description#D56E58
markup.underline.link#B79A78underline
punctuation.definition.list#4E91A2
markup.quote, punctuation.definition.quote#B79A78italic