ZED Editor Dark Theme
Publisher: hagentThemes in package: 1
ZED Editor Dark 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.
- activityBarBadge.background#74ade8
- badge.background#74ade8
- badge.foreground#ffffff
- button.background#74ade8
- button.foreground#ffffff
- dropdown.background#3b414d
- dropdown.foreground#c8ccd4
- editor.background#25272d
- editor.foreground#acb2be
- editorBracketHighlight.foreground1#B3B9C5
- editorBracketHighlight.foreground2#ab7aca
- editorGroupHeader.tabsBackground#2f343e
- focusBorder#293b5b
- input.background#3b414d
- input.foreground#c8ccd4
- input.placeholderForeground#696B77
- inputOption.activeBorder#74ade8
- list.activeSelectionBackground#454a56
- list.dropBackground#838994
- list.hoverBackground#363c46
- list.inactiveSelectionBackground#363c46
- panel.background#2f343e
- panel.border#464b57
- sideBar.background#2f343e
- sideBar.border#464b57
- sideBar.foreground#c8ccd4
- sideBarTitle.foreground#acb2be
- statusBar.background#3b414d
- statusBar.foreground#c8ccd4
- statusBar.noFolderBackground#3b414d
- tab.activeBackground#202427
- tab.activeBorder#74ade8
- tab.activeForeground#c8ccd4
- tab.inactiveBackground#2f343e
- tab.inactiveForeground#838994
- terminal.ansiBlack#282c33
- terminal.ansiBlue#74ade8
- terminal.ansiCyan#6eb4bf
- terminal.ansiGreen#a1c181
- terminal.ansiMagenta#be5046
- terminal.ansiRed#d07277
- terminal.ansiWhite#c8ccd4
- terminal.ansiYellow#dec184
- terminal.background#282c33
- terminal.foreground#c8ccd4
- titleBar.activeBackground#3b414d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #979aa1 | — |
| string | #a1c181 | — |
| constant.numeric, constant.language, constant.character, constant.other | #bf956a | — |
| keyword, storage, storage.type | #ab7aca | — |
| support.type | #6eb4bf | — |
| entity.name.function, support.function, meta.function-call.generic | #73ade9 | — |
| variable | #c8ccd4 | — |
| variable.language, variable.other, variable.parameter.function-call.python | #c8ccd4 | — |
| invalid | #d07277 | — |
| entity.name.type, entity.other.inherited-class | #6eb4bf | — |
| tag | #74ade8 | — |
| support.class.component | #78A9B4 | — |
| entity.other.attribute-name, entity.name.tag | #80abe3 | — |
| variable.other.property, variable.other.object.property, meta.attribute | #c37779 | — |
| keyword.operator, storage.type.function.arrow | #6EB4BF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...