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#5D462D
  • activityBar.border#ffffff15
  • activityBar.foreground#97E967
  • activityBar.inactiveForeground#fcf9f460
  • activityBarBadge.background#97E967
  • activityBarBadge.foreground#5D462D
  • button.background#97E967
  • button.foreground#5D462D
  • button.hoverBackground#97E967dd
  • editor.background#5D462D
  • editor.foreground#fcf9f4
  • editor.inactiveSelectionBackground#79EC983580
  • editor.lineHighlightBackground#0A0A0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC9835
  • editorCursor.foreground#97E967
  • editorGroupHeader.tabsBackground#5D462Ddd
  • editorLineNumber.activeForeground#97E967
  • editorLineNumber.foreground#edf0e680
  • focusBorder#97E967
  • foreground#fcf9f4
  • input.background#0A0A0A
  • input.border#ffffff15
  • input.foreground#fcf9f4
  • input.placeholderForeground#fcf9f460
  • list.activeSelectionBackground#97E96730
  • list.activeSelectionForeground#fcf9f4
  • list.highlightForeground#97E967
  • list.hoverBackground#0A0A0A40
  • list.hoverForeground#fcf9f4
  • list.inactiveSelectionBackground#97E96715
  • list.inactiveSelectionForeground#fcf9f4
  • selection.background#79EC9835
  • sideBar.background#0A0A0A
  • sideBar.border#ffffff15
  • sideBar.foreground#fcf9f4
  • sideBarSectionHeader.background#5D462D80
  • sideBarSectionHeader.foreground#fcf9f4
  • sideBarTitle.foreground#97E967
  • statusBar.background#5D462D
  • statusBar.border#ffffff15
  • statusBar.foreground#fcf9f4
  • statusBar.noFolderBackground#5D462D
  • tab.activeBackground#5D462D
  • tab.activeBorderTop#97E967
  • tab.activeForeground#fcf9f4
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0A0A60
  • tab.inactiveForeground#fcf9f480
  • terminal.ansiBlack#5D462D
  • terminal.ansiBlue#79EC98
  • terminal.ansiCyan#E7BE55
  • terminal.ansiGreen#97E967
  • terminal.ansiMagenta#83F1A0
  • terminal.ansiRed#83F1A0
  • terminal.ansiWhite#fcf9f4
  • terminal.ansiYellow#E7BE55
  • terminal.background#5D462D
  • terminal.foreground#fcf9f4
  • titleBar.activeBackground#5D462D
  • titleBar.activeForeground#fcf9f4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5D462D
  • titleBar.inactiveForeground#fcf9f460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#edf0e6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC98bold
storage.type, storage.modifier#79EC98italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#97E967
string, punctuation.definition.string, string.template, meta.template.expression#E7BE55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1A0
variable, variable.other.readwrite, variable.other.object#fcf9f4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fcf9f4
variable.parameter, meta.parameter#fcf9f4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fcf9f480
keyword.operator#fcf9f4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7BE55bold
entity.other.inherited-class#97E967
entity.name.tag, punctuation.definition.tag#79EC98
entity.other.attribute-name#97E967
meta.diff, meta.diff.header#edf0e6
markup.deleted#83F1A0
markup.inserted#97E967
markup.changed#E7BE55
markup.heading, markup.heading.setext, punctuation.definition.heading#97E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BE55
string.other.link.title, string.other.link.description#97E967
markup.underline.link#edf0e6underline
punctuation.definition.list#79EC98
markup.quote, punctuation.definition.quote#edf0e6italic