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#4f5148
  • activityBar.border#ffffff15
  • activityBar.foreground#7f9f76
  • activityBar.inactiveForeground#f3f7f260
  • activityBarBadge.background#7f9f76
  • activityBarBadge.foreground#4f5148
  • button.background#7f9f76
  • button.foreground#4f5148
  • button.hoverBackground#7f9f76dd
  • editor.background#4f5148
  • editor.foreground#f3f7f2
  • editor.inactiveSelectionBackground#b6c99a3580
  • editor.lineHighlightBackground#26302b40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#b6c99a35
  • editorCursor.foreground#7f9f76
  • editorGroupHeader.tabsBackground#4f5148dd
  • editorLineNumber.activeForeground#7f9f76
  • editorLineNumber.foreground#b6c99a80
  • focusBorder#7f9f76
  • foreground#f3f7f2
  • input.background#26302b
  • input.border#ffffff15
  • input.foreground#f3f7f2
  • input.placeholderForeground#f3f7f260
  • list.activeSelectionBackground#7f9f7630
  • list.activeSelectionForeground#f3f7f2
  • list.highlightForeground#7f9f76
  • list.hoverBackground#26302b40
  • list.hoverForeground#f3f7f2
  • list.inactiveSelectionBackground#7f9f7615
  • list.inactiveSelectionForeground#f3f7f2
  • selection.background#b6c99a35
  • sideBar.background#26302b
  • sideBar.border#ffffff15
  • sideBar.foreground#f3f7f2
  • sideBarSectionHeader.background#4f514880
  • sideBarSectionHeader.foreground#f3f7f2
  • sideBarTitle.foreground#7f9f76
  • statusBar.background#4f5148
  • statusBar.border#ffffff15
  • statusBar.foreground#f3f7f2
  • statusBar.noFolderBackground#4f5148
  • tab.activeBackground#4f5148
  • tab.activeBorderTop#7f9f76
  • tab.activeForeground#f3f7f2
  • tab.border#ffffff15
  • tab.inactiveBackground#26302b60
  • tab.inactiveForeground#f3f7f280
  • terminal.ansiBlack#4f5148
  • terminal.ansiBlue#b6c99a
  • terminal.ansiCyan#6f9fb2
  • terminal.ansiGreen#7f9f76
  • terminal.ansiMagenta#7a8178
  • terminal.ansiRed#7a8178
  • terminal.ansiWhite#f3f7f2
  • terminal.ansiYellow#6f9fb2
  • terminal.background#4f5148
  • terminal.foreground#f3f7f2
  • titleBar.activeBackground#4f5148
  • titleBar.activeForeground#f3f7f2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4f5148
  • titleBar.inactiveForeground#f3f7f260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b6c99aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#b6c99abold
storage.type, storage.modifier#b6c99aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7f9f76
string, punctuation.definition.string, string.template, meta.template.expression#6f9fb2
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#7a8178
variable, variable.other.readwrite, variable.other.object#f3f7f2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f3f7f2
variable.parameter, meta.parameter#f3f7f2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f3f7f280
keyword.operator#f3f7f2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6f9fb2bold
entity.other.inherited-class#7f9f76
entity.name.tag, punctuation.definition.tag#b6c99a
entity.other.attribute-name#7f9f76
meta.diff, meta.diff.header#b6c99a
markup.deleted#7a8178
markup.inserted#7f9f76
markup.changed#6f9fb2
markup.heading, markup.heading.setext, punctuation.definition.heading#7f9f76bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6f9fb2
string.other.link.title, string.other.link.description#7f9f76
markup.underline.link#b6c99aunderline
punctuation.definition.list#b6c99a
markup.quote, punctuation.definition.quote#b6c99aitalic