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#F7F4E8
  • activityBar.border#00000015
  • activityBar.foreground#5E9F25
  • activityBar.inactiveForeground#24302160
  • activityBarBadge.background#5E9F25
  • activityBarBadge.foreground#F7F4E8
  • button.background#5E9F25
  • button.foreground#F7F4E8
  • button.hoverBackground#5E9F25dd
  • editor.background#F7F4E8
  • editor.foreground#243021
  • editor.inactiveSelectionBackground#9CCB3B2580
  • editor.lineHighlightBackground#FFFBF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9CCB3B25
  • editorCursor.foreground#5E9F25
  • editorGroupHeader.tabsBackground#FFFBF0aa
  • editorLineNumber.activeForeground#5E9F25
  • editorLineNumber.foreground#B7A68A80
  • focusBorder#5E9F25
  • foreground#243021
  • input.background#FFFBF0
  • input.border#00000015
  • input.foreground#243021
  • input.placeholderForeground#24302160
  • list.activeSelectionBackground#5E9F2530
  • list.activeSelectionForeground#243021
  • list.highlightForeground#5E9F25
  • list.hoverBackground#FFFBF040
  • list.hoverForeground#243021
  • list.inactiveSelectionBackground#5E9F2515
  • list.inactiveSelectionForeground#243021
  • selection.background#9CCB3B25
  • sideBar.background#FFFBF0
  • sideBar.border#00000015
  • sideBar.foreground#243021
  • sideBarSectionHeader.background#FFFBF080
  • sideBarSectionHeader.foreground#243021
  • sideBarTitle.foreground#5E9F25
  • statusBar.background#F7F4E8
  • statusBar.border#00000015
  • statusBar.foreground#243021
  • statusBar.noFolderBackground#F7F4E8
  • tab.activeBackground#F7F4E8
  • tab.activeBorderTop#5E9F25
  • tab.activeForeground#243021
  • tab.border#00000015
  • tab.inactiveBackground#F7F4E860
  • tab.inactiveForeground#24302180
  • terminal.ansiBlack#243021
  • terminal.ansiBlue#9CCB3B
  • terminal.ansiCyan#E98296
  • terminal.ansiGreen#5E9F25
  • terminal.ansiMagenta#C94E69
  • terminal.ansiRed#C94E69
  • terminal.ansiWhite#243021
  • terminal.ansiYellow#E98296
  • terminal.background#F7F4E8
  • terminal.foreground#243021
  • titleBar.activeBackground#F7F4E8
  • titleBar.activeForeground#243021
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F4E8
  • titleBar.inactiveForeground#24302160
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7A68Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9CCB3Bbold
storage.type, storage.modifier#9CCB3Bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5E9F25
string, punctuation.definition.string, string.template, meta.template.expression#E98296
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C94E69
variable, variable.other.readwrite, variable.other.object#243021
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#243021
variable.parameter, meta.parameter#243021dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24302180
keyword.operator#243021
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E98296bold
entity.other.inherited-class#5E9F25
entity.name.tag, punctuation.definition.tag#9CCB3B
entity.other.attribute-name#5E9F25
meta.diff, meta.diff.header#B7A68A
markup.deleted#C94E69
markup.inserted#5E9F25
markup.changed#E98296
markup.heading, markup.heading.setext, punctuation.definition.heading#5E9F25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E98296
string.other.link.title, string.other.link.description#5E9F25
markup.underline.link#B7A68Aunderline
punctuation.definition.list#9CCB3B
markup.quote, punctuation.definition.quote#B7A68Aitalic