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#F7FAF2
  • activityBar.border#00000015
  • activityBar.foreground#B9D98A
  • activityBar.inactiveForeground#0E0F0E60
  • activityBarBadge.background#B9D98A
  • activityBarBadge.foreground#F7FAF2
  • button.background#B9D98A
  • button.foreground#F7FAF2
  • button.hoverBackground#B9D98Add
  • editor.background#F7FAF2
  • editor.foreground#0E0F0E
  • editor.inactiveSelectionBackground#DCECC12580
  • editor.lineHighlightBackground#ECEFEC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#DCECC125
  • editorCursor.foreground#B9D98A
  • editorGroupHeader.tabsBackground#ECEFECaa
  • editorLineNumber.activeForeground#B9D98A
  • editorLineNumber.foreground#D7DBD680
  • focusBorder#B9D98A
  • foreground#0E0F0E
  • input.background#ECEFEC
  • input.border#00000015
  • input.foreground#0E0F0E
  • input.placeholderForeground#0E0F0E60
  • list.activeSelectionBackground#B9D98A30
  • list.activeSelectionForeground#0E0F0E
  • list.highlightForeground#B9D98A
  • list.hoverBackground#ECEFEC40
  • list.hoverForeground#0E0F0E
  • list.inactiveSelectionBackground#B9D98A15
  • list.inactiveSelectionForeground#0E0F0E
  • selection.background#DCECC125
  • sideBar.background#ECEFEC
  • sideBar.border#00000015
  • sideBar.foreground#0E0F0E
  • sideBarSectionHeader.background#ECEFEC80
  • sideBarSectionHeader.foreground#0E0F0E
  • sideBarTitle.foreground#B9D98A
  • statusBar.background#F7FAF2
  • statusBar.border#00000015
  • statusBar.foreground#0E0F0E
  • statusBar.noFolderBackground#F7FAF2
  • tab.activeBackground#F7FAF2
  • tab.activeBorderTop#B9D98A
  • tab.activeForeground#0E0F0E
  • tab.border#00000015
  • tab.inactiveBackground#F7FAF260
  • tab.inactiveForeground#0E0F0E80
  • terminal.ansiBlack#0E0F0E
  • terminal.ansiBlue#DCECC1
  • terminal.ansiCyan#EAF5D9
  • terminal.ansiGreen#B9D98A
  • terminal.ansiMagenta#6E8652
  • terminal.ansiRed#6E8652
  • terminal.ansiWhite#0E0F0E
  • terminal.ansiYellow#EAF5D9
  • terminal.background#F7FAF2
  • terminal.foreground#0E0F0E
  • titleBar.activeBackground#F7FAF2
  • titleBar.activeForeground#0E0F0E
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7FAF2
  • titleBar.inactiveForeground#0E0F0E60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D7DBD6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#DCECC1bold
storage.type, storage.modifier#DCECC1italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B9D98A
string, punctuation.definition.string, string.template, meta.template.expression#EAF5D9
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6E8652
variable, variable.other.readwrite, variable.other.object#0E0F0E
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0E0F0E
variable.parameter, meta.parameter#0E0F0Edditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0E0F0E80
keyword.operator#0E0F0E
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#EAF5D9bold
entity.other.inherited-class#B9D98A
entity.name.tag, punctuation.definition.tag#DCECC1
entity.other.attribute-name#B9D98A
meta.diff, meta.diff.header#D7DBD6
markup.deleted#6E8652
markup.inserted#B9D98A
markup.changed#EAF5D9
markup.heading, markup.heading.setext, punctuation.definition.heading#B9D98Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#EAF5D9
string.other.link.title, string.other.link.description#B9D98A
markup.underline.link#D7DBD6underline
punctuation.definition.list#DCECC1
markup.quote, punctuation.definition.quote#D7DBD6italic