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#F7F0E3
  • activityBar.border#00000015
  • activityBar.foreground#25937D
  • activityBar.inactiveForeground#20302c60
  • activityBarBadge.background#25937D
  • activityBarBadge.foreground#F7F0E3
  • button.background#25937D
  • button.foreground#F7F0E3
  • button.hoverBackground#25937Ddd
  • editor.background#F7F0E3
  • editor.foreground#20302c
  • editor.inactiveSelectionBackground#2183582580
  • editor.lineHighlightBackground#EAD9C250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21835825
  • editorCursor.foreground#25937D
  • editorGroupHeader.tabsBackground#EAD9C2aa
  • editorLineNumber.activeForeground#25937D
  • editorLineNumber.foreground#76b59a80
  • focusBorder#25937D
  • foreground#20302c
  • input.background#EAD9C2
  • input.border#00000015
  • input.foreground#20302c
  • input.placeholderForeground#20302c60
  • list.activeSelectionBackground#25937D30
  • list.activeSelectionForeground#20302c
  • list.highlightForeground#25937D
  • list.hoverBackground#EAD9C240
  • list.hoverForeground#20302c
  • list.inactiveSelectionBackground#25937D15
  • list.inactiveSelectionForeground#20302c
  • selection.background#21835825
  • sideBar.background#EAD9C2
  • sideBar.border#00000015
  • sideBar.foreground#20302c
  • sideBarSectionHeader.background#EAD9C280
  • sideBarSectionHeader.foreground#20302c
  • sideBarTitle.foreground#25937D
  • statusBar.background#F7F0E3
  • statusBar.border#00000015
  • statusBar.foreground#20302c
  • statusBar.noFolderBackground#F7F0E3
  • tab.activeBackground#F7F0E3
  • tab.activeBorderTop#25937D
  • tab.activeForeground#20302c
  • tab.border#00000015
  • tab.inactiveBackground#F7F0E360
  • tab.inactiveForeground#20302c80
  • terminal.ansiBlack#20302c
  • terminal.ansiBlue#218358
  • terminal.ansiCyan#A35829
  • terminal.ansiGreen#25937D
  • terminal.ansiMagenta#387619
  • terminal.ansiRed#387619
  • terminal.ansiWhite#20302c
  • terminal.ansiYellow#A35829
  • terminal.background#F7F0E3
  • terminal.foreground#20302c
  • titleBar.activeBackground#F7F0E3
  • titleBar.activeForeground#20302c
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F0E3
  • titleBar.inactiveForeground#20302c60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#76b59aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#218358bold
storage.type, storage.modifier#218358italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#25937D
string, punctuation.definition.string, string.template, meta.template.expression#A35829
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#387619
variable, variable.other.readwrite, variable.other.object#20302c
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#20302c
variable.parameter, meta.parameter#20302cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#20302c80
keyword.operator#20302c
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A35829bold
entity.other.inherited-class#25937D
entity.name.tag, punctuation.definition.tag#218358
entity.other.attribute-name#25937D
meta.diff, meta.diff.header#76b59a
markup.deleted#387619
markup.inserted#25937D
markup.changed#A35829
markup.heading, markup.heading.setext, punctuation.definition.heading#25937Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A35829
string.other.link.title, string.other.link.description#25937D
markup.underline.link#76b59aunderline
punctuation.definition.list#218358
markup.quote, punctuation.definition.quote#76b59aitalic