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#1f241f
  • activityBar.border#ffffff15
  • activityBar.foreground#0f5b2e
  • activityBar.inactiveForeground#ffffff60
  • activityBarBadge.background#0f5b2e
  • activityBarBadge.foreground#1f241f
  • button.background#0f5b2e
  • button.foreground#1f241f
  • button.hoverBackground#0f5b2edd
  • editor.background#1f241f
  • editor.foreground#ffffff
  • editor.inactiveSelectionBackground#1170393580
  • editor.lineHighlightBackground#1f241f40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#11703935
  • editorCursor.foreground#0f5b2e
  • editorGroupHeader.tabsBackground#1f241fdd
  • editorLineNumber.activeForeground#0f5b2e
  • editorLineNumber.foreground#eef2f080
  • focusBorder#0f5b2e
  • foreground#ffffff
  • input.background#1f241f
  • input.border#ffffff15
  • input.foreground#ffffff
  • input.placeholderForeground#ffffff60
  • list.activeSelectionBackground#0f5b2e30
  • list.activeSelectionForeground#ffffff
  • list.highlightForeground#0f5b2e
  • list.hoverBackground#1f241f40
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#0f5b2e15
  • list.inactiveSelectionForeground#ffffff
  • selection.background#11703935
  • sideBar.background#1f241f
  • sideBar.border#ffffff15
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#1f241f80
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#0f5b2e
  • statusBar.background#1f241f
  • statusBar.border#ffffff15
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#1f241f
  • tab.activeBackground#1f241f
  • tab.activeBorderTop#0f5b2e
  • tab.activeForeground#ffffff
  • tab.border#ffffff15
  • tab.inactiveBackground#1f241f60
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#1f241f
  • terminal.ansiBlue#117039
  • terminal.ansiCyan#c10d2a
  • terminal.ansiGreen#0f5b2e
  • terminal.ansiMagenta#e6f4ea
  • terminal.ansiRed#e6f4ea
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#c10d2a
  • terminal.background#1f241f
  • terminal.foreground#ffffff
  • titleBar.activeBackground#1f241f
  • titleBar.activeForeground#ffffff
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1f241f
  • titleBar.inactiveForeground#ffffff60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#eef2f0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#117039bold
storage.type, storage.modifier#117039italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0f5b2e
string, punctuation.definition.string, string.template, meta.template.expression#c10d2a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#e6f4ea
variable, variable.other.readwrite, variable.other.object#ffffff
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#ffffff
variable.parameter, meta.parameter#ffffffdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#ffffff80
keyword.operator#ffffff
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#c10d2abold
entity.other.inherited-class#0f5b2e
entity.name.tag, punctuation.definition.tag#117039
entity.other.attribute-name#0f5b2e
meta.diff, meta.diff.header#eef2f0
markup.deleted#e6f4ea
markup.inserted#0f5b2e
markup.changed#c10d2a
markup.heading, markup.heading.setext, punctuation.definition.heading#0f5b2ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#c10d2a
string.other.link.title, string.other.link.description#0f5b2e
markup.underline.link#eef2f0underline
punctuation.definition.list#117039
markup.quote, punctuation.definition.quote#eef2f0italic