Classic macOS Theme (Zed Port)
Publisher: CHENJIEThemes in package: 2
A faithful port of the macOS Classic theme from Zed Editor to VS 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#F9F9F9
- activityBar.foreground#000000
- activityBar.inactiveForeground#505050
- activityBarBadge.background#1f6ae2
- activityBarBadge.foreground#ffffff
- button.background#E0E0E0
- button.foreground#000000
- button.hoverBackground#D0D0D0
- debugToolBar.background#FFFFFF
- diffEditor.insertedTextBackground#e5ffe966
- diffEditor.removedTextBackground#FBEAE566
- editor.background#ffffff
- editor.foreground#000000
- editor.lineHighlightBackground#F0F0F0
- editor.wordHighlightBackground#C9CDD0BB
- editor.wordHighlightStrongBackground#acafb166
- editorError.background#FBEAE5
- editorGutter.background#FFFFFF
- editorHint.background#E5F2FF
- editorInfo.background#E5EAFF
- editorLineNumber.activeForeground#000000
- editorLineNumber.foreground#929292
- editorRuler.foreground#DCDBDA
- editorWarning.background#FFFBE5
- editorWhitespace.foreground#acafb1
- input.background#FFFFFF
- input.border#D2D2D2
- input.foreground#000000
- input.placeholderForeground#929292
- list.activeSelectionBackground#C7DEFF
- list.activeSelectionForeground#000000
- list.focusOutline#DADADA
- list.hoverBackground#D7D5D577
- list.inactiveSelectionBackground#E4E0E0
- panel.background#F9F9F9
- panel.border#D2D2D2
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#505050
- scrollbarSlider.activeBackground#C8C8C8
- scrollbarSlider.background#C8C8C8AA
- scrollbarSlider.hoverBackground#C8C8C8AA
- sideBar.background#F9F9F9
- sideBar.foreground#000000
- sideBarSectionHeader.background#E9E9E9
- sideBarSectionHeader.foreground#000000
- statusBar.background#E9E9E9
- statusBar.foreground#000000
- statusBar.noFolderBackground#E9E9E9
- tab.activeBackground#FFFFFF
- tab.activeForeground#000000
- tab.border#D2D2D2
- tab.inactiveBackground#E9E9E9
- tab.inactiveForeground#505050
- terminal.ansiBlack#000000
- terminal.ansiBlue#282BFF
- terminal.ansiBrightBlack#4A4A4A
- terminal.ansiBrightBlue#5685F4
- terminal.ansiBrightCyan#20B1C9
- terminal.ansiBrightGreen#35BD33
- terminal.ansiBrightMagenta#D75CE7
- terminal.ansiBrightRed#D9564E
- terminal.ansiBrightWhite#999999
- terminal.ansiBrightYellow#BDA400
- terminal.ansiCyan#00767C
- terminal.ansiGreen#277F2B
- terminal.ansiMagenta#AE30C2
- terminal.ansiRed#C5060B
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#8E7823
- terminal.background#ffffff
- terminal.foreground#000000
- textLink.foreground#1f6ae2
- titleBar.activeBackground#FEFEFE
- titleBar.activeForeground#000000
- titleBar.inactiveBackground#F9F9F9
- titleBar.inactiveForeground#505050
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #666666 | — |
| comment.block.documentation | #666666 | — |
| string, string.quoted, string.regexp, string.interpolated, string.template | #036A07 | — |
| string.escape | #036A07 | — |
| string.special | #d21f07 | — |
| string.other.link | #1f6ae2 | — |
| constant | #C5060B | — |
| constant.numeric | #C5060B | — |
| constant.language.boolean | #C5060B | — |
| constant.character.escape | #C5060B | — |
| constant.other.placeholder | #C5060B | — |
| constant.other.symbol | #d21f07 | — |
| keyword, storage.type, storage.modifier | #0433ff | — |
| keyword.operator | #0433ff | — |
| keyword.operator.accessor | #000000 | — |
| entity.name.function | #0000A2 | — |
| support.function | #0000A2 | — |
| meta.function-call | #333333 | — |
| variable.parameter.function | #333333 | — |
| entity.name.type | #6f42c1 | — |
| entity.name.type.class | #6f42c1 | — |
| entity.name.type.interface | #6f42c1 | — |
| entity.other.inherited-class | #6f42c1 | — |
| variable | #333333 | — |
| variable.other.property | #333333 | — |
| variable.other.object.property | #333333 | — |
| variable.language | #C5060B | — |
| variable.language.this | #C5060B | — |
| variable.language.self | #C5060B | — |
| entity.name.tag | #0433ff | — |
| meta.tag.structure | #0433ff | — |
| entity.other.attribute-name | #957931 | — |
| meta.attribute | #957931 | — |
| entity.name.tag.css | #0433ff | — |
| entity.other.attribute-name.class.css | #957931 | — |
| entity.other.attribute-name.id.css | #957931 | — |
| source.css | #333333 | — |
| meta.attribute-selector.scss | #957931 | — |
| support.type.property-name.json | #505050 | — |
| support.constant.property-value | #333333 | — |
| meta.embedded | #333333 | — |
| markup.heading | #0433FF | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.literal | #6F42C1 | — |
| meta.link | #6A7293 | italic |
| meta.link.inline.markdown | #1f6ae2 | underline |
| token.info-token | #316bcd | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #cd3131 | — |
| token.debug-token | #800080 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...