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.activeBackground#3e4043
- activityBar.activeBorder#5ac1fe
- activityBar.background#313337
- activityBar.border#3f4043
- activityBar.foreground#bfbdb6
- activityBar.inactiveForeground#8a8986
- activityBarBadge.background#5ac1fe
- activityBarBadge.foreground#0d1016
- badge.background#1b4a6e
- badge.foreground#bfbdb6
- breadcrumb.activeSelectionForeground#5ac1fe
- breadcrumb.background#0d1016
- breadcrumb.focusForeground#bfbdb6
- breadcrumb.foreground#8a8986
- breadcrumbPicker.background#1f2127
- button.background#5ac1fe
- button.foreground#0d1016
- button.hoverBackground#59c2ff
- button.secondaryBackground#2d2f34
- button.secondaryForeground#bfbdb6
- button.secondaryHoverBackground#3e4043
- checkbox.background#0d1016
- checkbox.border#3f4043
- checkbox.foreground#bfbdb6
- commandCenter.activeBackground#2d2f34
- commandCenter.activeForeground#bfbdb6
- commandCenter.background#1f2127
- commandCenter.border#3f4043
- commandCenter.foreground#bfbdb6
- descriptionForeground#8a8986
- diffEditor.diagonalFill#3f4043
- diffEditor.insertedLineBackground#29411380
- diffEditor.insertedTextBackground#294113
- diffEditor.removedLineBackground#48161b80
- diffEditor.removedTextBackground#48161b
- disabledForeground#696a6a
- dropdown.background#1f2127
- dropdown.border#3f4043
- dropdown.foreground#bfbdb6
- editor.background#0d1016
- editor.findMatchBackground#ea570166
- editor.findMatchBorder#ea5701
- editor.findMatchHighlightBackground#5ac2fe66
- editor.findMatchHighlightBorder#5ac1fe
- editor.findRangeHighlightBackground#5ac1fe1a
- editor.foreground#bfbdb6
- editor.inactiveSelectionBackground#5ac1fe1f
- editor.lineHighlightBackground#1f2127bf
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#5ac1fe1a
- editor.selectionBackground#5ac1fe3d
- editor.selectionHighlightBackground#5ac1fe1a
- editor.wordHighlightBackground#5ac1fe1a
- editor.wordHighlightStrongBackground#66676766
- editorBracketMatch.background#5ac1fe1a
- editorBracketMatch.border#1b4a6e
- editorCodeLens.foreground#8a8986
- editorCursor.foreground#5ac1fe
- editorError.border#00000000
- editorError.foreground#ef7177
- editorGroup.border#3f4043
- editorGroupHeader.border#3f4043
- editorGroupHeader.noTabsBackground#1f2127
- editorGroupHeader.tabsBackground#1f2127
- editorGutter.addedBackground#aad84c
- editorGutter.background#0d1016
- editorGutter.deletedBackground#ef7177
- editorGutter.modifiedBackground#feb454
- editorHint.border#00000000
- editorHint.foreground#628b80
- editorHoverWidget.background#1f2127
- editorHoverWidget.border#3f4043
- editorHoverWidget.foreground#bfbdb6
- editorIndentGuide.activeBackground1#bfbdb61a
- editorIndentGuide.background1#bfbdb60d
- editorInfo.border#00000000
- editorInfo.foreground#5ac1fe
- editorLightBulb.foreground#feb454
- editorLightBulbAutoFix.foreground#5ac1fe
- editorLineNumber.activeForeground#cbcccd
- editorLineNumber.dimmedForeground#4b4c4e80
- editorLineNumber.foreground#4b4c4e
- editorLink.activeForeground#5ac1fe
- editorMarkerNavigation.background#1f2127
- editorMarkerNavigationError.background#ef7177
- editorMarkerNavigationInfo.background#5ac1fe
- editorMarkerNavigationWarning.background#feb454
- editorOverviewRuler.addedForeground#aad84c
- editorOverviewRuler.border#3f4043
- editorOverviewRuler.deletedForeground#ef7177
- editorOverviewRuler.errorForeground#ef7177
- editorOverviewRuler.infoForeground#5ac1fe
- editorOverviewRuler.modifiedForeground#feb454
- editorOverviewRuler.warningForeground#feb454
- editorRuler.foreground#bfbdb60d
- editorSuggestWidget.background#1f2127
- editorSuggestWidget.border#3f4043
- editorSuggestWidget.focusHighlightForeground#5ac1fe
- editorSuggestWidget.foreground#bfbdb6
- editorSuggestWidget.highlightForeground#5ac1fe
- editorSuggestWidget.selectedBackground#3e4043
- editorSuggestWidget.selectedForeground#bfbdb6
- editorWarning.border#00000000
- editorWarning.foreground#feb454
- editorWhitespace.foreground#666767
- editorWidget.background#1f2127
- editorWidget.border#3f4043
- editorWidget.foreground#bfbdb6
- errorForeground#ef7177
- extensionButton.prominentBackground#5ac1fe
- extensionButton.prominentForeground#0d1016
- extensionButton.prominentHoverBackground#59c2ff
- focusBorder#1b4a6e
- foreground#bfbdb6
- gitDecoration.addedResourceForeground#aad84c
- gitDecoration.conflictingResourceForeground#feb454
- gitDecoration.deletedResourceForeground#ef7177
- gitDecoration.ignoredResourceForeground#696a6a
- gitDecoration.modifiedResourceForeground#feb454
- gitDecoration.renamedResourceForeground#5ac1fe
- gitDecoration.submoduleResourceForeground#8a8986
- gitDecoration.untrackedResourceForeground#aad84c
- icon.foreground#bfbdb6
- input.background#0d1016
- input.border#3f4043
- input.foreground#bfbdb6
- input.placeholderForeground#696a6a
- inputOption.activeBackground#1b4a6e80
- inputOption.activeBorder#5ac1fe
- inputOption.activeForeground#bfbdb6
- inputValidation.errorBackground#48161b
- inputValidation.errorBorder#66272d
- inputValidation.infoBackground#0d2f4e
- inputValidation.infoBorder#1b4a6e
- inputValidation.warningBackground#572815
- inputValidation.warningBorder#754221
- keybindingLabel.background#2d2f34
- keybindingLabel.border#3f4043
- keybindingLabel.bottomBorder#3f4043
- keybindingLabel.foreground#bfbdb6
- list.activeSelectionBackground#3e4043
- list.activeSelectionForeground#bfbdb6
- list.errorForeground#ef7177
- list.focusBackground#3e4043
- list.focusForeground#bfbdb6
- list.focusOutline#00000000
- list.highlightForeground#5ac1fe
- list.hoverBackground#2d2f34
- list.hoverForeground#bfbdb6
- list.inactiveSelectionBackground#3e4043
- list.inactiveSelectionForeground#bfbdb6
- list.warningForeground#feb454
- listFilterWidget.background#1f2127
- listFilterWidget.noMatchesOutline#ef7177
- listFilterWidget.outline#5ac1fe
- menu.background#1f2127
- menu.foreground#bfbdb6
- menu.selectionBackground#3e4043
- menu.selectionForeground#bfbdb6
- menu.separatorBackground#3f4043
- menubar.selectionBackground#3e4043
- menubar.selectionForeground#bfbdb6
- merge.commonContentBackground#57281580
- merge.commonHeaderBackground#572815
- merge.currentContentBackground#29411380
- merge.currentHeaderBackground#294113
- merge.incomingContentBackground#0d2f4e80
- merge.incomingHeaderBackground#0d2f4e
- minimap.background#0d1016
- minimap.errorHighlight#ef7177
- minimap.findMatchHighlight#5ac2fe66
- minimap.selectionHighlight#5ac1fe3d
- minimap.warningHighlight#feb454
- minimapGutter.addedBackground#aad84c
- minimapGutter.deletedBackground#ef7177
- minimapGutter.modifiedBackground#feb454
- notificationCenter.border#3f4043
- notificationCenterHeader.background#313337
- notificationCenterHeader.foreground#bfbdb6
- notificationLink.foreground#5ac1fe
- notifications.background#1f2127
- notifications.border#3f4043
- notifications.foreground#bfbdb6
- notificationToast.border#3f4043
- panel.background#1f2127
- panel.border#3f4043
- panelSection.border#3f4043
- panelSectionHeader.background#1f2127
- panelSectionHeader.foreground#bfbdb6
- panelTitle.activeBorder#5ac1fe
- panelTitle.activeForeground#bfbdb6
- panelTitle.inactiveForeground#8a8986
- peekView.border#5ac1fe
- peekViewEditor.background#0d1016
- peekViewEditor.matchHighlightBackground#5ac2fe66
- peekViewResult.background#1f2127
- peekViewResult.fileForeground#bfbdb6
- peekViewResult.lineForeground#8a8986
- peekViewResult.matchHighlightBackground#5ac2fe66
- peekViewResult.selectionBackground#3e4043
- peekViewTitle.background#313337
- peekViewTitleDescription.foreground#8a8986
- peekViewTitleLabel.foreground#bfbdb6
- pickerGroup.border#3f4043
- pickerGroup.foreground#8a8986
- progressBar.background#5ac1fe
- quickInput.background#1f2127
- quickInput.foreground#bfbdb6
- quickInputList.focusBackground#3e4043
- quickInputList.focusForeground#bfbdb6
- quickInputList.focusIconForeground#5ac1fe
- quickInputTitle.background#313337
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#3e4043
- scrollbarSlider.background#bfbdb64c
- scrollbarSlider.hoverBackground#2d2f34
- selection.background#5ac1fe3d
- settings.checkboxBackground#0d1016
- settings.checkboxBorder#3f4043
- settings.checkboxForeground#bfbdb6
- settings.dropdownBackground#1f2127
- settings.dropdownBorder#3f4043
- settings.dropdownForeground#bfbdb6
- settings.headerForeground#bfbdb6
- settings.modifiedItemIndicator#feb454
- settings.textInputBackground#0d1016
- settings.textInputBorder#3f4043
- settings.textInputForeground#bfbdb6
- sideBar.background#1f2127
- sideBar.border#3f4043
- sideBar.foreground#bfbdb6
- sideBarSectionHeader.background#1f2127
- sideBarSectionHeader.border#2d2f34
- sideBarSectionHeader.foreground#bfbdb6
- sideBarTitle.foreground#bfbdb6
- statusBar.background#313337
- statusBar.border#3f4043
- statusBar.debuggingBackground#572815
- statusBar.debuggingForeground#feb454
- statusBar.foreground#bfbdb6
- statusBar.noFolderBackground#313337
- statusBar.noFolderForeground#bfbdb6
- statusBarItem.activeBackground#3e4043
- statusBarItem.hoverBackground#2d2f34
- statusBarItem.prominentBackground#1f2127
- statusBarItem.prominentHoverBackground#2d2f34
- statusBarItem.remoteBackground#1b4a6e
- statusBarItem.remoteForeground#bfbdb6
- symbolIcon.arrayForeground#d2a6ff
- symbolIcon.booleanForeground#d2a6ff
- symbolIcon.classForeground#59c2ff
- symbolIcon.colorForeground#95e6cb
- symbolIcon.constantForeground#d2a6ff
- symbolIcon.constructorForeground#5ac1fe
- symbolIcon.enumeratorForeground#fe8f40
- symbolIcon.enumeratorMemberForeground#5ac1fe
- symbolIcon.eventForeground#f29668
- symbolIcon.fieldForeground#5ac1fe
- symbolIcon.fileForeground#bfbdb6
- symbolIcon.folderForeground#feb454
- symbolIcon.functionForeground#ffb353
- symbolIcon.interfaceForeground#59c2ff
- symbolIcon.keyForeground#5ac1fe
- symbolIcon.keywordForeground#ff8f3f
- symbolIcon.methodForeground#ffb353
- symbolIcon.moduleForeground#bfbdb6
- symbolIcon.namespaceForeground#bfbdb6
- symbolIcon.nullForeground#d2a6ff
- symbolIcon.numberForeground#d2a6ff
- symbolIcon.objectForeground#59c2ff
- symbolIcon.operatorForeground#f29668
- symbolIcon.packageForeground#bfbdb6
- symbolIcon.propertyForeground#5ac1fe
- symbolIcon.stringForeground#a9d94b
- symbolIcon.structForeground#59c2ff
- symbolIcon.typeParameterForeground#59c2ff
- symbolIcon.variableForeground#bfbdb6
- tab.activeBackground#0d1016
- tab.activeBorder#00000000
- tab.activeBorderTop#5ac1fe
- tab.activeForeground#bfbdb6
- tab.border#3f4043
- tab.inactiveBackground#1f2127
- tab.inactiveForeground#8a8986
- tab.unfocusedActiveBackground#0d1016
- tab.unfocusedActiveForeground#8a8986
- tab.unfocusedInactiveForeground#696a6a
- terminal.ansiBlack#0d1016
- terminal.ansiBlue#5ac1fe
- terminal.ansiBrightBlack#545557
- terminal.ansiBrightBlue#27618c
- terminal.ansiBrightCyan#4c806f
- terminal.ansiBrightGreen#567627
- terminal.ansiBrightMagenta#205a78
- terminal.ansiBrightRed#83353b
- terminal.ansiBrightWhite#fafafa
- terminal.ansiBrightYellow#92582b
- terminal.ansiCyan#95e5cb
- terminal.ansiGreen#aad84c
- terminal.ansiMagenta#39bae5
- terminal.ansiRed#ef7177
- terminal.ansiWhite#bfbdb6
- terminal.ansiYellow#feb454
- terminal.background#0d1016
- terminal.foreground#bfbdb6
- terminal.selectionBackground#5ac1fe3d
- terminalCursor.background#0d1016
- terminalCursor.foreground#5ac1fe
- textBlockQuote.background#1f2127
- textBlockQuote.border#3f4043
- textCodeBlock.background#1f2127
- textLink.activeForeground#5ac1fe
- textLink.foreground#5ac1fe
- textPreformat.foreground#bfbdb6
- titleBar.activeBackground#313337
- titleBar.activeForeground#bfbdb6
- titleBar.border#3f4043
- titleBar.inactiveBackground#1f2127
- titleBar.inactiveForeground#8a8986
- tree.indentGuidesStroke#66676766
- walkThrough.embeddedEditorBackground#1f2127
- welcomePage.background#0d1016
- welcomePage.progress.background#1f2127
- welcomePage.progress.foreground#5ac1fe
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #bfbdb6 | — |
| comment, punctuation.definition.comment | #5c6773 | — |
| comment.documentation, comment.block.documentation, comment.line.documentation | #8c8b88 | — |
| keyword, storage, storage.type, storage.modifier, keyword.control | #ff8f3f | — |
| keyword.operator, punctuation.accessor | #f29668 | — |
| meta.preprocessor, keyword.control.directive, entity.name.function.preprocessor | #ff8f3f | — |
| constant, constant.language, constant.numeric, support.constant, variable.language | #d2a6ff | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.struct, support.type, support.class | #59c2ff | — |
| entity.name.enum, entity.name.type.enum | #fe8f40 | — |
| entity.name.function.constructor, entity.name.type.variant, entity.name.type.union | #5ac1fe | — |
| entity.name.function, support.function, variable.function, meta.function-call, support.function.go | #ffb353 | — |
| variable, support.variable | #bfbdb6 | — |
| variable.parameter, meta.parameter | #d2a6ff | — |
| variable.other.property, variable.other.object.property, meta.property-name, support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #5ac1fe | — |
| string, constant.other.symbol | #a9d94b | — |
| string.regexp, constant.character | #95e6cb | — |
| constant.character.escape, constant.character.character-class.regexp | #8c8b88 | — |
| string.other.link, string.interpolated, constant.other.symbol.hashkey | #e5b572 | — |
| punctuation, meta.brace, punctuation.definition.parameters, punctuation.separator, punctuation.terminator | #a6a5a0 | — |
| meta.embedded, punctuation.section.embedded, punctuation.definition.template-expression | #bfbdb6 | — |
| entity.name.tag, meta.tag.sgml, punctuation.definition.tag | #5ac1fe | — |
| meta.selector, entity.name.tag.css, entity.name.tag.scss, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #d2a6ff | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #5ac1fe | — |
| invalid, invalid.illegal, message.error | #ef7177 | — |
| entity.name.section, markup.heading | #bfbdb6 | bold |
| markup.italic | #5ac1fe | italic |
| markup.bold | #5ac1fe | bold |
| meta.link, string.other.link.title | #fe8f40 | italic |
| markup.underline.link, meta.link.inline | #aad84c | — |
| markup.quote | #bfbdb6 | — |
| markup.list punctuation.definition.list.begin | #a6a5a0 | — |
| markup.inline.raw, markup.raw.inline | #fe8f40 | — |
| markup.inserted | #aad94c | — |
| markup.changed | #feb454 | — |
| markup.deleted | #f07178 | — |