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#4b5248
  • activityBar.border#ffffff15
  • activityBar.foreground#9fbd34
  • activityBar.inactiveForeground#f4f1e860
  • activityBarBadge.background#9fbd34
  • activityBarBadge.foreground#4b5248
  • button.background#9fbd34
  • button.foreground#4b5248
  • button.hoverBackground#9fbd34dd
  • editor.background#4b5248
  • editor.foreground#f4f1e8
  • editor.inactiveSelectionBackground#738b3f3580
  • editor.lineHighlightBackground#20292240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#738b3f35
  • editorCursor.foreground#9fbd34
  • editorGroupHeader.tabsBackground#4b5248dd
  • editorLineNumber.activeForeground#9fbd34
  • editorLineNumber.foreground#c9cbbf80
  • focusBorder#9fbd34
  • foreground#f4f1e8
  • input.background#202922
  • input.border#ffffff15
  • input.foreground#f4f1e8
  • input.placeholderForeground#f4f1e860
  • list.activeSelectionBackground#9fbd3430
  • list.activeSelectionForeground#f4f1e8
  • list.highlightForeground#9fbd34
  • list.hoverBackground#20292240
  • list.hoverForeground#f4f1e8
  • list.inactiveSelectionBackground#9fbd3415
  • list.inactiveSelectionForeground#f4f1e8
  • selection.background#738b3f35
  • sideBar.background#202922
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f1e8
  • sideBarSectionHeader.background#4b524880
  • sideBarSectionHeader.foreground#f4f1e8
  • sideBarTitle.foreground#9fbd34
  • statusBar.background#4b5248
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f1e8
  • statusBar.noFolderBackground#4b5248
  • tab.activeBackground#4b5248
  • tab.activeBorderTop#9fbd34
  • tab.activeForeground#f4f1e8
  • tab.border#ffffff15
  • tab.inactiveBackground#20292260
  • tab.inactiveForeground#f4f1e880
  • terminal.ansiBlack#4b5248
  • terminal.ansiBlue#738b3f
  • terminal.ansiCyan#d97465
  • terminal.ansiGreen#9fbd34
  • terminal.ansiMagenta#7f9f47
  • terminal.ansiRed#7f9f47
  • terminal.ansiWhite#f4f1e8
  • terminal.ansiYellow#d97465
  • terminal.background#4b5248
  • terminal.foreground#f4f1e8
  • titleBar.activeBackground#4b5248
  • titleBar.activeForeground#f4f1e8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4b5248
  • titleBar.inactiveForeground#f4f1e860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c9cbbfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#738b3fbold
storage.type, storage.modifier#738b3fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#9fbd34
string, punctuation.definition.string, string.template, meta.template.expression#d97465
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#7f9f47
variable, variable.other.readwrite, variable.other.object#f4f1e8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f1e8
variable.parameter, meta.parameter#f4f1e8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f1e880
keyword.operator#f4f1e8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#d97465bold
entity.other.inherited-class#9fbd34
entity.name.tag, punctuation.definition.tag#738b3f
entity.other.attribute-name#9fbd34
meta.diff, meta.diff.header#c9cbbf
markup.deleted#7f9f47
markup.inserted#9fbd34
markup.changed#d97465
markup.heading, markup.heading.setext, punctuation.definition.heading#9fbd34bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#d97465
string.other.link.title, string.other.link.description#9fbd34
markup.underline.link#c9cbbfunderline
punctuation.definition.list#738b3f
markup.quote, punctuation.definition.quote#c9cbbfitalic