MacOS Modern Theme
Publisher: davidbwatersThemes in package: 11
MacOS Modern is a theme pack styled to match native MacOS as closely as possible. Use recommended settings in the README.md for best results.
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#45464a57
- activityBar.activeBorder#128cff
- activityBar.activeFocusBorder#128cff
- activityBar.background#353333
- activityBar.border#101010
- activityBar.dropBorder#128cff
- activityBar.foreground#128cff
- activityBar.inactiveForeground#c2c0c0
- activityBarBadge.background#128cff
- badge.background#128cff
- badge.foreground#ffffff
- button.background#128cff
- button.foreground#ffffff
- button.hoverBackground#128cff
- descriptionForeground#777777
- dropdown.background#403e3e
- dropdown.border#bfbfbf
- dropdown.foreground#dedede
- dropdown.listBackground#ffffff
- editor.background#232222
- editor.foreground#ffffffd8
- editor.inactiveSelectionBackground#6e6e6e
- editor.lineHighlightBackground#403e3e
- editor.selectionBackground#6e6e6e
- editor.selectionHighlightBackground#6e6e6e80
- editor.wordHighlightBackground#6e6e6e80
- editor.wordHighlightStrongBackground#6e6e6e80
- editorError.border#ff000000
- editorError.foreground#e21515
- editorGroup.border#3e3c3c
- editorGroup.dropBackground#555555
- editorGroup.emptyBackground#403e3e
- editorGroup.focusedEmptyBorder#00000000
- editorGroupHeader.border#3e3c3c
- editorGroupHeader.noTabsBackground#2c2c2b
- editorGroupHeader.tabsBackground#2c2c2b
- editorGroupHeader.tabsBorder#3e3c3c
- editorGutter.addedBackground#4dbf57
- editorGutter.background#ff000000
- editorGutter.deletedBackground#e21515
- editorGutter.modifiedBackground#128cff
- editorHint.border#ff000000
- editorHint.foreground#128cff
- editorInfo.border#ff000000
- editorInfo.foreground#4dbf57
- editorLineNumber.activeForeground#ffffffd8
- editorLineNumber.foreground#747478
- editorOverviewRuler.addedForeground#4dbf57
- editorOverviewRuler.border#ff000000
- editorOverviewRuler.bracketMatchForeground#6e6e6e80
- editorOverviewRuler.deletedForeground#e21515
- editorOverviewRuler.errorForeground#e21515
- editorOverviewRuler.findMatchForeground#6e6e6e80
- editorOverviewRuler.infoForeground#128cff
- editorOverviewRuler.modifiedForeground#128cff
- editorOverviewRuler.rangeHighlightForeground#6e6e6e80
- editorOverviewRuler.selectionHighlightForeground#6e6e6e80
- editorOverviewRuler.warningForeground#ffc501
- editorOverviewRuler.wordHighlightForeground#6e6e6e80
- editorOverviewRuler.wordHighlightStrongForeground#6e6e6e80
- editorPane.background#1e1e1e
- editorUnnecessaryCode.opacity#000000c0
- editorWarning.border#ff000000
- editorWarning.foreground#ffc501
- editorWidget.background#2c2c2b
- focusBorder#3675a2
- foreground#a3a2a2
- input.background#403e3e
- input.border#515151
- input.foreground#dedede
- inputOption.activeBackground#4f4d4d
- list.activeSelectionBackground#464646
- list.focusBackground#464646
- list.focusOutline#464646
- list.hoverBackground#464646
- list.inactiveFocusBackground#464646
- list.inactiveSelectionBackground#464646
- minimap.background#00000079
- panel.background#2c2c2b
- panelInput.border#101010
- panelSection.border#101010
- panelSectionHeader.border#101010
- quickInput.background#101010
- quickInput.foreground#dedede
- selection.background#4f4d4d
- sideBar.background#353333
- sideBar.border#101010
- sideBar.dropBackground#353333
- sideBar.foreground#dedede
- sideBarSectionHeader.background#35333350
- sideBarSectionHeader.border#f9f5f500
- sideBarSectionHeader.foreground#b4b3b3
- sideBarTitle.foreground#7d7c7c
- statusBar.background#403e3e
- statusBar.border#101010
- statusBar.debuggingBackground#403e3e
- statusBar.foreground#b4b3b3
- statusBar.noFolderBackground#403e3e
- tab.activeBackground#403e3e
- tab.activeBorder#101010
- tab.activeBorderTop#403e3e
- tab.activeForeground#ebebeb
- tab.border#474646
- tab.inactiveBackground#2c2c2b
- tab.inactiveForeground#9f9f9e
- tab.unfocusedActiveBackground#403e3e
- tab.unfocusedActiveBorder#101010
- tab.unfocusedActiveForeground#ebebeb
- tab.unfocusedInactiveBackground#2c2c2b
- tab.unfocusedInactiveForeground#9f9f9e
- textBlockQuote.background#ff000000
- textBlockQuote.border#ff000000
- textCodeBlock.background#ff000000
- titleBar.activeBackground#403e3e
- titleBar.activeForeground#dedede
- titleBar.border#101010
- titleBar.inactiveBackground#403e3e
- titleBar.inactiveForeground#acacab
- widget.shadow#403e3e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6C7986 | — |
| string | #FC6A5D | — |
| constant.numeric | #9686F5 | — |
| constant.language | #9686F5 | — |
| constant.character, constant.other | #9686F5 | — |
| variable | #53A5FB | |
| keyword | #FC5FA3 | — |
| storage | #FC5FA3 | |
| markup.bold, markdown.bold | #9686F5 | |
| markup.heading, markdown.heading | #9686F5 | |
| markup.italic, markdown.italic | #FC5FA3 | |
| markup.quote, markdown.quote | #FC5FA3 | |
| storage.type | #91D462 | — |
| entity.name.class | #91D462 | — |
| entity.other.inherited-class | #91D462 | — |
| entity.name.function | #91D462 | |
| variable.parameter | #FD8F3F | — |
| entity.name.tag | #FC5FA3 | |
| entity.other.attribute-name | #75B492 | |
| support.function | #7AC8B6 | |
| support.constant | #7AC8B6 | |
| support.type, support.class | #7AC8B6 | — |
| support.other.variable | #746DB0 | |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...