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#1D2521
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9B5
  • activityBar.inactiveForeground#f2f4f160
  • activityBarBadge.background#67E9B5
  • activityBarBadge.foreground#1D2521
  • button.background#67E9B5
  • button.foreground#1D2521
  • button.hoverBackground#67E9B5dd
  • editor.background#1D2521
  • editor.foreground#f2f4f1
  • editor.inactiveSelectionBackground#9CEC793580
  • editor.lineHighlightBackground#090C0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9CEC7935
  • editorCursor.foreground#67E9B5
  • editorGroupHeader.tabsBackground#1D2521dd
  • editorLineNumber.activeForeground#67E9B5
  • editorLineNumber.foreground#e6e9e680
  • focusBorder#67E9B5
  • foreground#f2f4f1
  • input.background#090C0A
  • input.border#ffffff15
  • input.foreground#f2f4f1
  • input.placeholderForeground#f2f4f160
  • list.activeSelectionBackground#67E9B530
  • list.activeSelectionForeground#f2f4f1
  • list.highlightForeground#67E9B5
  • list.hoverBackground#090C0A40
  • list.hoverForeground#f2f4f1
  • list.inactiveSelectionBackground#67E9B515
  • list.inactiveSelectionForeground#f2f4f1
  • selection.background#9CEC7935
  • sideBar.background#090C0A
  • sideBar.border#ffffff15
  • sideBar.foreground#f2f4f1
  • sideBarSectionHeader.background#1D252180
  • sideBarSectionHeader.foreground#f2f4f1
  • sideBarTitle.foreground#67E9B5
  • statusBar.background#1D2521
  • statusBar.border#ffffff15
  • statusBar.foreground#f2f4f1
  • statusBar.noFolderBackground#1D2521
  • tab.activeBackground#1D2521
  • tab.activeBorderTop#67E9B5
  • tab.activeForeground#f2f4f1
  • tab.border#ffffff15
  • tab.inactiveBackground#090C0A60
  • tab.inactiveForeground#f2f4f180
  • terminal.ansiBlack#1D2521
  • terminal.ansiBlue#9CEC79
  • terminal.ansiCyan#55E7DB
  • terminal.ansiGreen#67E9B5
  • terminal.ansiMagenta#F1C783
  • terminal.ansiRed#F1C783
  • terminal.ansiWhite#f2f4f1
  • terminal.ansiYellow#55E7DB
  • terminal.background#1D2521
  • terminal.foreground#f2f4f1
  • titleBar.activeBackground#1D2521
  • titleBar.activeForeground#f2f4f1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1D2521
  • titleBar.inactiveForeground#f2f4f160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6e9e6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9CEC79bold
storage.type, storage.modifier#9CEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9B5
string, punctuation.definition.string, string.template, meta.template.expression#55E7DB
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C783
variable, variable.other.readwrite, variable.other.object#f2f4f1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f2f4f1
variable.parameter, meta.parameter#f2f4f1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f2f4f180
keyword.operator#f2f4f1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7DBbold
entity.other.inherited-class#67E9B5
entity.name.tag, punctuation.definition.tag#9CEC79
entity.other.attribute-name#67E9B5
meta.diff, meta.diff.header#e6e9e6
markup.deleted#F1C783
markup.inserted#67E9B5
markup.changed#55E7DB
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9B5bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7DB
string.other.link.title, string.other.link.description#67E9B5
markup.underline.link#e6e9e6underline
punctuation.definition.list#9CEC79
markup.quote, punctuation.definition.quote#e6e9e6italic