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#171A1C
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9D8
  • activityBar.inactiveForeground#E8ECE760
  • activityBarBadge.background#67E9D8
  • activityBarBadge.foreground#171A1C
  • button.background#67E9D8
  • button.foreground#171A1C
  • button.hoverBackground#67E9D8dd
  • editor.background#171A1C
  • editor.foreground#E8ECE7
  • editor.inactiveSelectionBackground#90EC793580
  • editor.lineHighlightBackground#0B0F1940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#90EC7935
  • editorCursor.foreground#67E9D8
  • editorGroupHeader.tabsBackground#171A1Cdd
  • editorLineNumber.activeForeground#67E9D8
  • editorLineNumber.foreground#A8B0A080
  • focusBorder#67E9D8
  • foreground#E8ECE7
  • input.background#0B0F19
  • input.border#ffffff15
  • input.foreground#E8ECE7
  • input.placeholderForeground#E8ECE760
  • list.activeSelectionBackground#67E9D830
  • list.activeSelectionForeground#E8ECE7
  • list.highlightForeground#67E9D8
  • list.hoverBackground#0B0F1940
  • list.hoverForeground#E8ECE7
  • list.inactiveSelectionBackground#67E9D815
  • list.inactiveSelectionForeground#E8ECE7
  • selection.background#90EC7935
  • sideBar.background#0B0F19
  • sideBar.border#ffffff15
  • sideBar.foreground#E8ECE7
  • sideBarSectionHeader.background#171A1C80
  • sideBarSectionHeader.foreground#E8ECE7
  • sideBarTitle.foreground#67E9D8
  • statusBar.background#171A1C
  • statusBar.border#ffffff15
  • statusBar.foreground#E8ECE7
  • statusBar.noFolderBackground#171A1C
  • tab.activeBackground#171A1C
  • tab.activeBorderTop#67E9D8
  • tab.activeForeground#E8ECE7
  • tab.border#ffffff15
  • tab.inactiveBackground#0B0F1960
  • tab.inactiveForeground#E8ECE780
  • terminal.ansiBlack#171A1C
  • terminal.ansiBlue#90EC79
  • terminal.ansiCyan#E7C255
  • terminal.ansiGreen#67E9D8
  • terminal.ansiMagenta#F1D983
  • terminal.ansiRed#F1D983
  • terminal.ansiWhite#E8ECE7
  • terminal.ansiYellow#E7C255
  • terminal.background#171A1C
  • terminal.foreground#E8ECE7
  • titleBar.activeBackground#171A1C
  • titleBar.activeForeground#E8ECE7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#171A1C
  • titleBar.inactiveForeground#E8ECE760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A8B0A0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#90EC79bold
storage.type, storage.modifier#90EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9D8
string, punctuation.definition.string, string.template, meta.template.expression#E7C255
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D983
variable, variable.other.readwrite, variable.other.object#E8ECE7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#E8ECE7
variable.parameter, meta.parameter#E8ECE7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#E8ECE780
keyword.operator#E8ECE7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C255bold
entity.other.inherited-class#67E9D8
entity.name.tag, punctuation.definition.tag#90EC79
entity.other.attribute-name#67E9D8
meta.diff, meta.diff.header#A8B0A0
markup.deleted#F1D983
markup.inserted#67E9D8
markup.changed#E7C255
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9D8bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C255
string.other.link.title, string.other.link.description#67E9D8
markup.underline.link#A8B0A0underline
punctuation.definition.list#90EC79
markup.quote, punctuation.definition.quote#A8B0A0italic