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#FCF9EF
  • activityBar.border#00000015
  • activityBar.foreground#6AA33D
  • activityBar.inactiveForeground#23180F60
  • activityBarBadge.background#6AA33D
  • activityBarBadge.foreground#FCF9EF
  • button.background#6AA33D
  • button.foreground#FCF9EF
  • button.hoverBackground#6AA33Ddd
  • editor.background#FCF9EF
  • editor.foreground#23180F
  • editor.inactiveSelectionBackground#9CB85A2580
  • editor.lineHighlightBackground#FFFDF750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9CB85A25
  • editorCursor.foreground#6AA33D
  • editorGroupHeader.tabsBackground#FFFDF7aa
  • editorLineNumber.activeForeground#6AA33D
  • editorLineNumber.foreground#E6DEC680
  • focusBorder#6AA33D
  • foreground#23180F
  • input.background#FFFDF7
  • input.border#00000015
  • input.foreground#23180F
  • input.placeholderForeground#23180F60
  • list.activeSelectionBackground#6AA33D30
  • list.activeSelectionForeground#23180F
  • list.highlightForeground#6AA33D
  • list.hoverBackground#FFFDF740
  • list.hoverForeground#23180F
  • list.inactiveSelectionBackground#6AA33D15
  • list.inactiveSelectionForeground#23180F
  • selection.background#9CB85A25
  • sideBar.background#FFFDF7
  • sideBar.border#00000015
  • sideBar.foreground#23180F
  • sideBarSectionHeader.background#FFFDF780
  • sideBarSectionHeader.foreground#23180F
  • sideBarTitle.foreground#6AA33D
  • statusBar.background#FCF9EF
  • statusBar.border#00000015
  • statusBar.foreground#23180F
  • statusBar.noFolderBackground#FCF9EF
  • tab.activeBackground#FCF9EF
  • tab.activeBorderTop#6AA33D
  • tab.activeForeground#23180F
  • tab.border#00000015
  • tab.inactiveBackground#FCF9EF60
  • tab.inactiveForeground#23180F80
  • terminal.ansiBlack#23180F
  • terminal.ansiBlue#9CB85A
  • terminal.ansiCyan#E4ECA8
  • terminal.ansiGreen#6AA33D
  • terminal.ansiMagenta#8A5F2D
  • terminal.ansiRed#8A5F2D
  • terminal.ansiWhite#23180F
  • terminal.ansiYellow#E4ECA8
  • terminal.background#FCF9EF
  • terminal.foreground#23180F
  • titleBar.activeBackground#FCF9EF
  • titleBar.activeForeground#23180F
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCF9EF
  • titleBar.inactiveForeground#23180F60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6DEC6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9CB85Abold
storage.type, storage.modifier#9CB85Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6AA33D
string, punctuation.definition.string, string.template, meta.template.expression#E4ECA8
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8A5F2D
variable, variable.other.readwrite, variable.other.object#23180F
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#23180F
variable.parameter, meta.parameter#23180Fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#23180F80
keyword.operator#23180F
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E4ECA8bold
entity.other.inherited-class#6AA33D
entity.name.tag, punctuation.definition.tag#9CB85A
entity.other.attribute-name#6AA33D
meta.diff, meta.diff.header#E6DEC6
markup.deleted#8A5F2D
markup.inserted#6AA33D
markup.changed#E4ECA8
markup.heading, markup.heading.setext, punctuation.definition.heading#6AA33Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E4ECA8
string.other.link.title, string.other.link.description#6AA33D
markup.underline.link#E6DEC6underline
punctuation.definition.list#9CB85A
markup.quote, punctuation.definition.quote#E6DEC6italic