Skip to main content
Coding Theme

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#372725
  • activityBarBadge.background#EFCB43
  • activityBarBadge.foreground#372725
  • badge.background#6b98bb
  • button.background#5B413D
  • button.foreground#E6E1C4
  • editor.background#372725
  • editor.foreground#E6E1C4
  • editor.lineHighlightBackground#281C1C66
  • editor.selectionBackground#A40042
  • editorCursor.foreground#DDDDDD
  • editorGroupHeader.tabsBackground#5B413D
  • editorWhitespace.foreground#5B413D
  • focusBorder#6b98bb
  • foreground#feffff
  • icon.foreground#6b98bb
  • selection.background#A40042
  • sideBar.background#372725
  • sideBar.border#6a4d32
  • sideBar.foreground#E6E1C4
  • statusBar.background#EFCB43
  • statusBar.foreground#372725
  • tab.activeBackground#2e201f
  • tab.activeBorder#6b98bb
  • tab.inactiveBackground#5B413D
  • terminal.ansiBlack#6a4d32
  • terminal.ansiBlue#6b98bb
  • terminal.ansiBrightBlack#ac7f5c
  • terminal.ansiBrightBlue#c4dbf0
  • terminal.ansiBrightCyan#a2d7de
  • terminal.ansiBrightGreen#a3ddc6
  • terminal.ansiBrightMagenta#dab0d4
  • terminal.ansiBrightRed#ee5d32
  • terminal.ansiBrightWhite#feffff
  • terminal.ansiBrightYellow#d8d762
  • terminal.ansiCyan#85b4bb
  • terminal.ansiGreen#6ba18a
  • terminal.ansiMagenta#bb94b4
  • terminal.ansiRed#cb4131
  • terminal.ansiWhite#e6e1c3
  • terminal.ansiYellow#eeac36
  • terminal.background#372725
  • titleBar.activeBackground#2e201f
  • window.activeBorder#372725

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#E6E1C4
comment#ab7f5bitalic
string.quoted.double.block.python#876f58italic
constant#6C99BB
meta#6C99BB
entity#EFAC32
entity.name.function.decorator.python#bb94b4
keyword#EF5D32
keyword.operator.comparison#85b4bb
punctuation#E6E1C4
punctuation.definition.comment#876f58
punctuation.definition.string.begin, punctuation.definition.string.end#D9D762bold
storage#EF5D32
entity.name.function#EFAC32
entity.name.type#EFAC32bold
string#D9D762italic
support#E6E1C4
variable.language, variable.other#7DAF9C
invalid.deprecated#CC4232italic underline
invalid.illegal#E6E1C4
-----------------------------------
string constant#6C99BBitalic
string.regexp#8856D2
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#BE73FD
string variable#8A9A95
support.function#EFAC32
support.constant#6C99BB
meta.preprocessor.c#8996A8
meta.preprocessor.c keyword#AFC4DB
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string#86B4BB
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#86B4BB
meta.diff, meta.diff.header, meta.separator#F8F8F8italic
markup.deleted#F8F8F8
markup.changed#F8F8F8
markup.inserted#F8F8F8
keyword.control.at-rule.sass#EF5D32
variable.parameter#7DAF9C
keyword.control.untitled, entity.other.attribute-name.class.sass, entity.other.attribute-name.id.sass, entity.other.attribute-name.tag.pseudo-class#EFAC32
support.type.property-name.sass#E6E1C4
support.constant.property-value.sass#C699BB
meta.selector.css entity.name.tag, meta.selector.css entity.other.attribute-name.class, meta.selector.css entity.other.attribute-name.id#EFAC32
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#C699BB
meta.property-value support.constant.named-color.css, meta.property-value constant#6C99BB
variable.parameter.function.language.special.self.python#6C99BB
meta.function-call.python, meta.function-call.generic.python, support.function.builtin.python#EFAC32
meta.function-call.arguments.python#7DAF9C
Birds of Paradise by Programming-Engineer - VS Code Theme