ZED One Theme
Publisher: ARRRRNYThemes in package: 2
ZED's style, VS Code's compromise.
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#EBEBEC
- activityBar.border#DFDFE0
- activityBar.foreground#242529
- activityBarBadge.background#5C78E2
- activityBarBadge.foreground#FFFFFF
- badge.background#5C78E2
- badge.foreground#FFFFFF
- button.background#5C78E2
- button.foreground#FFFFFF
- button.hoverBackground#4A66D0
- dropdown.background#FFFFFF
- dropdown.border#C9C9CA
- dropdown.foreground#242529
- editor.background#FAFAFA
- editor.findMatchBackground#5C78E266
- editor.findMatchHighlightBackground#5C78E21A
- editor.foreground#242529
- editor.hoverHighlightBackground#A3A3A466
- editor.inactiveSelectionBackground#A349AB3D
- editor.lineHighlightBackground#EBEBECBF
- editor.rangeHighlightBackground#5C78E21A
- editor.selectionBackground#5C78E23D
- editor.wordHighlightBackground#A3A3A466
- editor.wordHighlightStrongBackground#5C78E21A
- editorBracketMatch.background#5C78E21A
- editorBracketMatch.border#5C78E2
- editorCursor.foreground#5C78E2
- editorGroup.border#DFDFE0
- editorGroupHeader.tabsBorder#DFDFE0
- editorHoverWidget.background#EBEBEC
- editorHoverWidget.border#C9C9CA
- editorIndentGuide.background1#383A410D
- editorLineNumber.activeForeground#44454B
- editorLineNumber.foreground#B4B4BB
- editorRuler.foreground#383A410D
- editorSuggestWidget.background#EBEBEC
- editorSuggestWidget.border#C9C9CA
- editorWhitespace.foreground#383A410D
- editorWidget.background#EBEBEC
- editorWidget.border#C9C9CA
- focusBorder#7D82E8
- input.background#FFFFFF
- input.border#C9C9CA
- input.foreground#242529
- inputOption.activeBorder#5C78E2
- list.activeSelectionBackground#CACACA
- list.dropBackground#7E808780
- list.hoverBackground#DFDFE0
- list.inactiveSelectionBackground#DFDFE0
- notifications.background#EBEBEC
- notifications.border#C9C9CA
- notifications.foreground#242529
- panel.background#EBEBEC
- panel.border#DFDFE0
- pickerGroup.foreground#5C78E2
- progressBar.background#5C78E2
- quickInput.background#EBEBEC
- quickInput.foreground#242529
- scrollbarSlider.activeBackground#DFDFE0
- scrollbarSlider.background#383A414C
- scrollbarSlider.hoverBackground#DFDFE0
- sideBar.background#EBEBEC
- sideBar.border#C9C9CA
- sideBar.foreground#242529
- sideBarTitle.foreground#242529
- statusBar.background#DCDCDD
- statusBar.border#DFDFE0
- statusBar.debuggingBackground#DCDCDD
- statusBar.debuggingForeground#242529
- statusBar.foreground#242529
- statusBar.noFolderBackground#DCDCDD
- statusBarItem.hoverBackground#CACACA
- tab.activeBackground#FAFAFA
- tab.activeBorder#5C78E2
- tab.activeForeground#242529
- tab.border#DFDFE0
- tab.inactiveBackground#EBEBEC
- tab.inactiveForeground#7E8086
- tab.unfocusedActiveBorder#5C78E280
- 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
- terminalCursor.background#242529
- terminalCursor.foreground#5C78E2
- titleBar.activeBackground#DCDCDD
- titleBar.activeForeground#242529
- titleBar.border#DFDFE0
- titleBar.inactiveBackground#EBEBEC
- titleBar.inactiveForeground#7E8086
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.control.import, storage.modifier, storage.type, keyword.control | #A449AB | — |
| string, text.literal, string.quoted.double | #649F57 | — |
| variable, variable.language, variable.parameter | #383A41 | — |
| constant.numeric, constant.language, constant.character | #AD6E25 | — |
| entity.name.function | #5C78E2 | — |
| meta.function-call, meta.method-call | #D3604F | — |
| entity.name.class, entity.name.type, support.class | #3882B7 | — |
| comment | #A2A3A7 | italic |
| punctuation.definition.tag, entity.name.tag | #5C78E2 | — |
| meta.decorator, entity.name.function.decorator | #5C78E2 | — |
| storage.type.function, keyword.operator | #A449AB | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...