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#070C0D
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9CD
  • activityBar.inactiveForeground#F6F3EC60
  • activityBarBadge.background#67E9CD
  • activityBarBadge.foreground#070C0D
  • button.background#67E9CD
  • button.foreground#070C0D
  • button.hoverBackground#67E9CDdd
  • editor.background#070C0D
  • editor.foreground#F6F3EC
  • editor.inactiveSelectionBackground#ECC6793580
  • editor.lineHighlightBackground#151E1A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC67935
  • editorCursor.foreground#67E9CD
  • editorGroupHeader.tabsBackground#070C0Ddd
  • editorLineNumber.activeForeground#67E9CD
  • editorLineNumber.foreground#EDE6D680
  • focusBorder#67E9CD
  • foreground#F6F3EC
  • input.background#151E1A
  • input.border#ffffff15
  • input.foreground#F6F3EC
  • input.placeholderForeground#F6F3EC60
  • list.activeSelectionBackground#67E9CD30
  • list.activeSelectionForeground#F6F3EC
  • list.highlightForeground#67E9CD
  • list.hoverBackground#151E1A40
  • list.hoverForeground#F6F3EC
  • list.inactiveSelectionBackground#67E9CD15
  • list.inactiveSelectionForeground#F6F3EC
  • selection.background#ECC67935
  • sideBar.background#151E1A
  • sideBar.border#ffffff15
  • sideBar.foreground#F6F3EC
  • sideBarSectionHeader.background#070C0D80
  • sideBarSectionHeader.foreground#F6F3EC
  • sideBarTitle.foreground#67E9CD
  • statusBar.background#070C0D
  • statusBar.border#ffffff15
  • statusBar.foreground#F6F3EC
  • statusBar.noFolderBackground#070C0D
  • tab.activeBackground#070C0D
  • tab.activeBorderTop#67E9CD
  • tab.activeForeground#F6F3EC
  • tab.border#ffffff15
  • tab.inactiveBackground#151E1A60
  • tab.inactiveForeground#F6F3EC80
  • terminal.ansiBlack#070C0D
  • terminal.ansiBlue#ECC679
  • terminal.ansiCyan#E77555
  • terminal.ansiGreen#67E9CD
  • terminal.ansiMagenta#F1CD83
  • terminal.ansiRed#F1CD83
  • terminal.ansiWhite#F6F3EC
  • terminal.ansiYellow#E77555
  • terminal.background#070C0D
  • terminal.foreground#F6F3EC
  • titleBar.activeBackground#070C0D
  • titleBar.activeForeground#F6F3EC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#070C0D
  • titleBar.inactiveForeground#F6F3EC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EDE6D6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC679bold
storage.type, storage.modifier#ECC679italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9CD
string, punctuation.definition.string, string.template, meta.template.expression#E77555
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CD83
variable, variable.other.readwrite, variable.other.object#F6F3EC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6F3EC
variable.parameter, meta.parameter#F6F3ECdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6F3EC80
keyword.operator#F6F3EC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E77555bold
entity.other.inherited-class#67E9CD
entity.name.tag, punctuation.definition.tag#ECC679
entity.other.attribute-name#67E9CD
meta.diff, meta.diff.header#EDE6D6
markup.deleted#F1CD83
markup.inserted#67E9CD
markup.changed#E77555
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9CDbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E77555
string.other.link.title, string.other.link.description#67E9CD
markup.underline.link#EDE6D6underline
punctuation.definition.list#ECC679
markup.quote, punctuation.definition.quote#EDE6D6italic