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

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#FCF9EF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FCF9EF
variable.parameter, meta.parameter#FCF9EFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FCF9EF80
keyword.operator#FCF9EF
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