macOS Theme
Publisher: easyaspi314Themes in package: 1
A macOS-styled theme, based off the light theme and the Xcode_default TextMate 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.
- activityBar.background#ececec
- activityBar.border#a3a3a3
- activityBar.foreground#696969
- activityBarBadge.background#E62A29
- badge.background#E62A29
- button.background#3788F7
- button.foreground#fff
- editor.background#fff
- editor.foreground#000
- editor.inactiveSelectionBackground#00000034
- editor.lineHighlightBackground#00000012
- editor.selectionBackground#B5D5FF
- editorCursor.foreground#000
- editorGroup.border#00000034
- editorGroupHeader.noTabsBackground#d0d0d0
- editorGroupHeader.tabsBackground#d0d0d0
- editorGroupHeader.tabsBorder#00000034
- editorGutter.background#f5f5f5
- editorLineNumber.foreground#808080
- editorLink.activeForeground#1D34EA
- editorWhitespace.foreground#BFBFBF
- focusBorder#408fff80
- foreground#000
- input.border#0000001A
- inputOption.activeBorder#408fff80
- list.activeSelectionBackground#0A51D0
- list.hoverBackground#0000
- list.inactiveSelectionBackground#00000034
- notification.background#ECECEC
- notification.buttonBackground#3788F7
- notification.errorForeground#fff
- notification.foreground#000
- panel.background#fff
- panel.border#a3a3a3
- progressBar.background#0F5EF5
- sideBar.background#fff
- sideBar.border#a3a3a3
- sideBarSectionHeader.background#f4f4f4
- sideBarSectionHeader.foreground#1C1C1C
- statusBar.background#fff
- statusBar.border#a3a3a3
- statusBar.debuggingBackground#3788F7
- statusBar.debuggingForeground#fff
- statusBar.foreground#000
- statusBar.noFolderBackground#fff
- statusBar.noFolderForeground#808080
- tab.activeBackground#0000
- tab.activeForeground#0E0E0E
- tab.border#00000034
- tab.inactiveBackground#0000001A
- tab.inactiveForeground#545454
- tab.unfocusedActiveForeground#545454
- terminal.ansiBlack#000
- terminal.ansiBlue#0000B2
- terminal.ansiBrightBlack#666
- terminal.ansiBrightBlue#00F
- terminal.ansiBrightCyan#00E5E5
- terminal.ansiBrightGreen#00D900
- terminal.ansiBrightMagenta#E500E5
- terminal.ansiBrightRed#E50000
- terminal.ansiBrightWhite#E5E5E5
- terminal.ansiBrightYellow#E5E500
- terminal.ansiCyan#00A6B2
- terminal.ansiGreen#00A600
- terminal.ansiMagenta#B200B2
- terminal.ansiRed#900
- terminal.ansiWhite#BFBFBF
- terminal.ansiYellow#990
- terminal.background#fff
- terminal.foreground#000
- terminalCursor.background#000
- terminalCursor.foreground#7F7F7F
- textLink.activeForeground#1D34EA
- textLink.foreground#1D34EA
- titleBar.activeBackground#d0d0d0
- titleBar.activeForeground#292929
- titleBar.inactiveBackground#f4f4f4
- titleBar.inactiveForeground#A3A3A3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #000000 | — |
| comment | #008E00 | — |
| meta.preprocessor, keyword.control.import | #7D4726 | — |
| string | #DF0002 | — |
| constant.numeric | #3A00DC | — |
| constant.language | #C800A4 | — |
| constant.character, constant.other | #275A5E | — |
| variable.language, variable.other | #C800A4 | — |
| keyword | #C800A4 | — |
| storage | #C900A4 | — |
| entity.name.class | #438288 | — |
| entity.other.inherited-class | — | — |
| entity.name.function | — | — |
| variable.parameter | — | — |
| entity.name.tag | #790EAD | — |
| entity.other.attribute-name | #450084 | — |
| support.function | #450084 | — |
| support.constant | #450084 | — |
| support.type, support.class | #790EAD | — |
| support.other.variable | #790EAD | — |
| invalid | — | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...