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#634E3B
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9D1
  • activityBar.inactiveForeground#fbf4e660
  • activityBarBadge.background#67E9D1
  • activityBarBadge.foreground#634E3B
  • button.background#67E9D1
  • button.foreground#634E3B
  • button.hoverBackground#67E9D1dd
  • editor.background#634E3B
  • editor.foreground#fbf4e6
  • editor.inactiveSelectionBackground#ECC4793580
  • editor.lineHighlightBackground#1E292740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC47935
  • editorCursor.foreground#67E9D1
  • editorGroupHeader.tabsBackground#634E3Bdd
  • editorLineNumber.activeForeground#67E9D1
  • editorLineNumber.foreground#8a785f80
  • focusBorder#67E9D1
  • foreground#fbf4e6
  • input.background#1E2927
  • input.border#ffffff15
  • input.foreground#fbf4e6
  • input.placeholderForeground#fbf4e660
  • list.activeSelectionBackground#67E9D130
  • list.activeSelectionForeground#fbf4e6
  • list.highlightForeground#67E9D1
  • list.hoverBackground#1E292740
  • list.hoverForeground#fbf4e6
  • list.inactiveSelectionBackground#67E9D115
  • list.inactiveSelectionForeground#fbf4e6
  • selection.background#ECC47935
  • sideBar.background#1E2927
  • sideBar.border#ffffff15
  • sideBar.foreground#fbf4e6
  • sideBarSectionHeader.background#634E3B80
  • sideBarSectionHeader.foreground#fbf4e6
  • sideBarTitle.foreground#67E9D1
  • statusBar.background#634E3B
  • statusBar.border#ffffff15
  • statusBar.foreground#fbf4e6
  • statusBar.noFolderBackground#634E3B
  • tab.activeBackground#634E3B
  • tab.activeBorderTop#67E9D1
  • tab.activeForeground#fbf4e6
  • tab.border#ffffff15
  • tab.inactiveBackground#1E292760
  • tab.inactiveForeground#fbf4e680
  • terminal.ansiBlack#634E3B
  • terminal.ansiBlue#ECC479
  • terminal.ansiCyan#E7B655
  • terminal.ansiGreen#67E9D1
  • terminal.ansiMagenta#F1C383
  • terminal.ansiRed#F1C383
  • terminal.ansiWhite#fbf4e6
  • terminal.ansiYellow#E7B655
  • terminal.background#634E3B
  • terminal.foreground#fbf4e6
  • titleBar.activeBackground#634E3B
  • titleBar.activeForeground#fbf4e6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#634E3B
  • titleBar.inactiveForeground#fbf4e660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a785fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC479bold
storage.type, storage.modifier#ECC479italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9D1
string, punctuation.definition.string, string.template, meta.template.expression#E7B655
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C383
variable, variable.other.readwrite, variable.other.object#fbf4e6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbf4e6
variable.parameter, meta.parameter#fbf4e6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbf4e680
keyword.operator#fbf4e6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B655bold
entity.other.inherited-class#67E9D1
entity.name.tag, punctuation.definition.tag#ECC479
entity.other.attribute-name#67E9D1
meta.diff, meta.diff.header#8a785f
markup.deleted#F1C383
markup.inserted#67E9D1
markup.changed#E7B655
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9D1bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B655
string.other.link.title, string.other.link.description#67E9D1
markup.underline.link#8a785funderline
punctuation.definition.list#ECC479
markup.quote, punctuation.definition.quote#8a785fitalic