Zed Theme Recreated
Publisher: DaCheng ZhouThemes in package: 2
Unofficial recreations of Zed's One Light and Ayu Dark themes for Visual Studio Code.
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#dcdcdd
- activityBar.foreground#242529
- diffEditor.insertedTextBackground#50a14f26
- diffEditor.removedTextBackground#e4564926
- editor.background#fafafa
- editor.findMatchBackground#d0a92366
- editor.findMatchHighlightBackground#5c79e266
- editor.foreground#242529
- editor.lineHighlightBackground#ebebecbf
- editor.selectionBackground#5c78e23d
- editor.selectionHighlightBackground#5c78e225
- editorCursor.foreground#5c78e2
- editorGroupHeader.tabsBackground#ebebec
- editorGutter.background#fafafa
- editorHoverWidget.background#ebebec
- editorHoverWidget.border#c9c9ca
- editorIndentGuide.activeBackground1#383a411a
- editorIndentGuide.background1#383a410d
- editorLineNumber.activeForeground#44454b
- editorLineNumber.foreground#b4b4bb
- editorRuler.foreground#383a411a
- editorSuggestWidget.background#ebebec
- editorSuggestWidget.border#c9c9ca
- editorSuggestWidget.focusHighlightForeground#5c78e2
- editorSuggestWidget.foreground#242529
- editorSuggestWidget.highlightForeground#5c78e2
- editorSuggestWidget.selectedBackground#cacaca
- editorSuggestWidget.selectedForeground#242529
- editorWhitespace.foreground#b4b4bb
- gitDecoration.addedResourceForeground#27a657
- gitDecoration.deletedResourceForeground#e06c76
- gitDecoration.ignoredResourceForeground#7e8086
- gitDecoration.modifiedResourceForeground#d3b020
- list.activeSelectionBackground#CACACA
- list.activeSelectionForeground#000000
- list.focusOutline#00000000
- list.hoverBackground#DFDFE0
- list.inactiveSelectionBackground#CACACA
- list.inactiveSelectionForeground#242529
- panel.background#ebebec
- panel.border#cccccc
- panelTitle.activeForeground#242529
- sash.hoverBorder#7e8086
- scrollbarSlider.activeBackground#cacaca
- scrollbarSlider.background#383a414c
- scrollbarSlider.hoverBackground#dfdfe0
- sideBar.background#ebebec
- sideBar.border#c9c9ca
- sideBar.foreground#242529
- sideBarSectionHeader.background#dcdcdd
- sideBarSectionHeader.foreground#242529
- sideBarTitle.foreground#242529
- statusBar.background#dcdcdd
- statusBar.border#c9c9ca
- statusBar.debuggingBackground#dcdcdd
- statusBar.debuggingForeground#242529
- statusBar.foreground#242529
- statusBar.noFolderBackground#dcdcdd
- statusBar.noFolderForeground#242529
- statusBar.remoteBackground#dcdcdd
- statusBar.remoteForeground#242529
- tab.activeBackground#fafafa
- tab.activeBorderTop#00000000
- tab.activeForeground#242529
- tab.border#dfdfe0
- tab.inactiveBackground#ebebec
- tab.inactiveForeground#58585a
- tab.unfocusedActiveBorderTop#00000000
- terminal.ansiBlack#000000
- terminal.ansiBlue#2f5af3
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#2f5af3
- terminal.ansiBrightCyan#0bbcd6
- terminal.ansiBrightGreen#3f953a
- terminal.ansiBrightMagenta#a00095
- terminal.ansiBrightRed#de3e35
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#d2b67c
- terminal.ansiCyan#0997b3
- terminal.ansiGreen#3f953a
- terminal.ansiMagenta#950095
- terminal.ansiRed#de3e35
- terminal.ansiWhite#bbbbbb
- terminal.ansiYellow#d2b67c
- terminal.background#fafafa
- terminal.foreground#2a2c33
- titleBar.activeBackground#dcdcdd
- titleBar.activeForeground#242529
- titleBar.inactiveBackground#e0e0e1
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #a2a3a7 | — |
| comment.block.preprocessor | #a449ab | — |
| comment.documentation, comment.block.documentation, comment.line.documentation | #7c7e86 | — |
| invalid.illegal | #d36151 | — |
| keyword.operator | #3882b7 | — |
| keyword, storage, storage.type, storage.modifier, keyword.control | #a449ab | — |
| entity.name.type, support.type, support.class, entity.name.class, entity.name.enum | #3882b7 | — |
| constant.language, support.constant, variable.language, constant.language.boolean | #ad6e25 | — |
| variable, support.variable | #242529 | — |
| variable.parameter | #d3604f | — |
| entity.name.function, support.function, meta.function-call | #5b79e3 | — |
| entity.name.exception | #d36151 | — |
| entity.name.section, markup.heading | #d3604f | bold |
| constant.numeric, constant.character, constant | #ad6e25 | — |
| string | #649f57 | — |
| constant.character.escape | #7c7e86 | — |
| string.regexp | #ad6e26 | — |
| constant.other.symbol, constant.character.special | #ad6e26 | — |
| punctuation, meta.brace, punctuation.definition.parameters | #4d4f52 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #a2a3a7 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.tag | #5c78e2 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name | #5c78e2 | — |
| constant.character.entity, punctuation.definition.entity | #ad6e25 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #669f59 | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #5c78e2 | — |
| meta.property-name, support.type.property-name, variable.other.property, meta.object-literal.key | #d3604f | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #649f57 | — |
| keyword.other.important | #a449ab | bold |
| markup.changed | #a48819 | — |
| markup.deleted | #e45649 | — |
| markup.inserted | #50a14f | — |
| markup.italic | #5c78e2 | italic |
| markup.bold | #ad6e25 | bold |
| markup.error | #d36151 | — |
| meta.link, string.other.link.title | #5b79e3 | italic |
| markup.underline.link, meta.link.inline | #3882b7 | — |
| markup.quote | #242529 | — |
| markup.list | #d3604f | — |
| markup.inline.raw | #649f57 | — |
| meta.diff.range, meta.diff.index, meta.separator | #242529 | — |
| meta.diff.header.from-file | #e45649 | — |
| meta.diff.header.to-file | #50a14f | — |