macOS Classic
Publisher: Jason LeeThemes in package: 3
macOS Classic.
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#363636
- activityBar.border#3A3A3A
- activityBar.foreground#6A6A69
- activityBar.inactiveForeground#6A6A69
- activityBarBadge.background#010101
- activityBarBadge.foreground#E0E0E0
- button.background#0854D0
- button.border#252425
- button.hoverBackground#1f6ae2
- button.secondaryBackground#3d3d3d
- button.secondaryHoverBackground#4c4c4c
- dropdown.background#1E1D1E
- dropdown.border#303030
- dropdown.foreground#B2B2B2
- editor.background#131313
- editor.findMatchBackground#194dbd
- editor.findMatchHighlightBackground#705f00
- editor.foreground#DDDDDD
- editor.lineHighlightBackground#272727
- editor.selectedForeground#FFFFFF
- editor.selectionBackground#004a9e
- editor.wordHighlightBackground#444547
- editorBracketMatch.background#1E1D1E
- editorBracketMatch.border#303030
- editorCursor.foreground#CACCCA
- editorGroup.border#000000
- editorGroupHeader.border#000000
- editorGroupHeader.tabsBackground#1B1B1B
- editorGroupHeader.tabsBorder#444444
- editorHoverWidget.background#363636
- editorHoverWidget.border#3A3A3A
- editorHoverWidget.selectedBackground#464646
- editorIndentGuide.background#303030
- editorLineNumber.background#2C2C2C
- editorLineNumber.foreground#8F8F8F
- editorSuggestWidget.background#363636
- editorSuggestWidget.border#3A3A3A
- editorSuggestWidget.highlightForeground#ffff00
- editorSuggestWidget.selectedBackground#6a6a6a
- editorSuggestWidget.selectedForeground#ffffff
- editorWidget.background#272727
- editorWidget.border#272727
- focusBorder#3A3A3AFF
- input.background#1E1D1E
- input.border#303030
- input.foreground#DDDDDD
- inputOption.activeBackground#303030
- list.activeSelectionBackground#474646
- list.activeSelectionForeground#E3E4E4
- list.hoverBackground#353436
- list.hoverForeground#B2B2B2
- list.inactiveSelectionBackground#575656
- list.inactiveSelectionForeground#B2B2B2
- notification.background#54a3ff
- panel.background#1E1D1E
- panel.border#3A3A3A
- panelInput.border#303030
- panelTitle.activeBorder#3A3A3A
- panelTitle.activeForeground#B2B2B2
- problemsWarningIcon.foreground#f26d0d
- scrollbar.shadow#1e1f2099
- scrollbarSlider.activeBackground#2C2D2D
- scrollbarSlider.background#2C2D2D
- scrollbarSlider.hoverBackground#2C2D2D
- selection.background#004a9e
- sideBar.background#252425
- sideBar.border#3A3A3A
- sideBar.foreground#B2B2B2
- sideBarSectionHeader.background#302F30
- sideBarSectionHeader.border#363636
- sideBarSectionHeader.foreground#898989
- sidebarTitle.background#302F30
- sideBarTitle.foreground#898989
- statusBar.background#363636
- statusBar.border#5A595A
- statusBar.debuggingBackground#363636
- statusBar.debuggingForeground#B2B2B2
- statusBar.foreground#B2B2B2
- statusBar.noFolderBackground#363636
- statusBar.noFolderForeground#B2B2B2
- tab.activeBackground#383838
- tab.activeBorder#000000
- tab.activeBorderTop#383838
- tab.activeForeground#FFFFFF
- tab.border#4F4F4F
- tab.inactiveBackground#222222
- tab.inactiveForeground#9E9E9E
- terminal.ansiBlue#282BFF
- terminal.ansiBrightBlue#272BFF
- terminal.ansiBrightCyan#301CAE
- terminal.ansiBrightGreen#449444
- terminal.ansiBrightMagenta#BA3DCA
- terminal.ansiBrightRed#D9564E
- terminal.ansiBrightWhite#eeeeee
- terminal.ansiCyan#0B0098
- terminal.ansiGreen#277F2B
- terminal.ansiMagenta#AE30C2
- terminal.ansiRed#C71211
- terminal.ansiWhite#131313
- titleBar.activeBackground#323232
- titleBar.border#4A494A
- titleBar.inactiveBackground#424242
- widget.border#3a3a3a
- widget.shadow#191919
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #CACCCA | — |
| emphasis | — | italic |
| strong, markup.heading.markdown, markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| meta.link.inline.markdown | #4C9BE9 | underline |
| comment, markup.fenced_code, markup.inline | #9E9E9E | — |
| string | #76BA53 | — |
| constant.character.escape | #e3f2b6 | — |
| constant.other.placeholder | #e3f2b6 | — |
| variable.other.constant, variable.other.class, meta.property-name, meta.property-value, support, support.function.kernel | #CACCCA | — |
| keyword, storage.modifier, storage.type, variable.language.this, punctuation.definition.template-expression, constant.numeric | #E19773 | — |
| meta.tag.structure, entity.name.tag, meta.attribute | #b5af9a | — |
| entity.other.attribute-name | #be9a52 | — |
| keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression | #E19773 | — |
| entity.name.type.class, entity.other.inherited-class, source.css, entity.name.tag.css, entity.other.attribute-name.class.css, punctuation.definition.entity.css, meta.attribute-selector.scss, entity.other.attribute-name.attribute.scss | #AC98AD | — |
| variable.language.self, variable.other.readwrite.instance, meta.definition.variable.scss | #E1D797 | — |
| entity.name.type, entity.other.inherited-class, variable.other.object.property, meta.instance.constructor | #A86D3B | — |
| meta.embedded, support.constant.property-value, support.variable.property.dom, support.type.property-name.json, punctuation.separator.key-value | #CACCCA | — |
| meta.function-call, variable.parameter.function | #CACCCA | — |
| support.function, entity.name.function | #E1D797 | — |
| variable.other.constant, variable.language.this, constant.language | #E1D797 | — |
| constant.other.symbol | #E1D797 | — |
| string.quoted, string.regexp, string.interpolated, string.template, keyword.other.template | #76BA53 | — |
| 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...