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#5E4126
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9A6
  • activityBar.inactiveForeground#f4f7ee60
  • activityBarBadge.background#67E9A6
  • activityBarBadge.foreground#5E4126
  • button.background#67E9A6
  • button.foreground#5E4126
  • button.hoverBackground#67E9A6dd
  • editor.background#5E4126
  • editor.foreground#f4f7ee
  • editor.inactiveSelectionBackground#C8EC793580
  • editor.lineHighlightBackground#060E0C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C8EC7935
  • editorCursor.foreground#67E9A6
  • editorGroupHeader.tabsBackground#5E4126dd
  • editorLineNumber.activeForeground#67E9A6
  • editorLineNumber.foreground#eef6dd80
  • focusBorder#67E9A6
  • foreground#f4f7ee
  • input.background#060E0C
  • input.border#ffffff15
  • input.foreground#f4f7ee
  • input.placeholderForeground#f4f7ee60
  • list.activeSelectionBackground#67E9A630
  • list.activeSelectionForeground#f4f7ee
  • list.highlightForeground#67E9A6
  • list.hoverBackground#060E0C40
  • list.hoverForeground#f4f7ee
  • list.inactiveSelectionBackground#67E9A615
  • list.inactiveSelectionForeground#f4f7ee
  • selection.background#C8EC7935
  • sideBar.background#060E0C
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f7ee
  • sideBarSectionHeader.background#5E412680
  • sideBarSectionHeader.foreground#f4f7ee
  • sideBarTitle.foreground#67E9A6
  • statusBar.background#5E4126
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f7ee
  • statusBar.noFolderBackground#5E4126
  • tab.activeBackground#5E4126
  • tab.activeBorderTop#67E9A6
  • tab.activeForeground#f4f7ee
  • tab.border#ffffff15
  • tab.inactiveBackground#060E0C60
  • tab.inactiveForeground#f4f7ee80
  • terminal.ansiBlack#5E4126
  • terminal.ansiBlue#C8EC79
  • terminal.ansiCyan#55E4E7
  • terminal.ansiGreen#67E9A6
  • terminal.ansiMagenta#83C9F1
  • terminal.ansiRed#83C9F1
  • terminal.ansiWhite#f4f7ee
  • terminal.ansiYellow#55E4E7
  • terminal.background#5E4126
  • terminal.foreground#f4f7ee
  • titleBar.activeBackground#5E4126
  • titleBar.activeForeground#f4f7ee
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5E4126
  • titleBar.inactiveForeground#f4f7ee60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#eef6dditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C8EC79bold
storage.type, storage.modifier#C8EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9A6
string, punctuation.definition.string, string.template, meta.template.expression#55E4E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83C9F1
variable, variable.other.readwrite, variable.other.object#f4f7ee
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f7ee
variable.parameter, meta.parameter#f4f7eedditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f7ee80
keyword.operator#f4f7ee
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E4E7bold
entity.other.inherited-class#67E9A6
entity.name.tag, punctuation.definition.tag#C8EC79
entity.other.attribute-name#67E9A6
meta.diff, meta.diff.header#eef6dd
markup.deleted#83C9F1
markup.inserted#67E9A6
markup.changed#55E4E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9A6bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E4E7
string.other.link.title, string.other.link.description#67E9A6
markup.underline.link#eef6ddunderline
punctuation.definition.list#C8EC79
markup.quote, punctuation.definition.quote#eef6dditalic