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#ECECEC
- activityBar.border#D8D8D8
- activityBar.foreground#6A6A69
- activityBar.inactiveForeground#6A6A69
- activityBarBadge.background#FFFFFF
- activityBarBadge.foreground#575557
- button.background#1f6ae2
- button.border#EAEAEA
- button.hoverBackground#1f6ae2
- button.secondaryBackground#505050
- button.secondaryHoverBackground#505050
- dropdown.background#ffffff
- dropdown.border#c4c4c4
- dropdown.foreground#262426
- editor.background#ffffff
- editor.foreground#000000
- editor.lineHighlightBackground#F5F5F5
- editor.wordHighlightBackground#DFEDFF
- editorBracketMatch.background#f1f8ff
- editorBracketMatch.border#c8e1ff
- editorCursor.foreground#101010
- editorGroup.border#a09ea0
- editorGroupHeader.border#C3C3C3
- editorGroupHeader.tabsBackground#EAEAEA
- editorGroupHeader.tabsBorder#D2D2D2
- editorHoverWidget.background#FBFBFB
- editorHoverWidget.border#E0E0E0
- editorHoverWidget.selectedBackground#0069D9
- editorIndentGuide.activeBackground#D2D2D2
- editorIndentGuide.background#E3E4E4
- editorLineNumber.background#e4e4e4
- editorLineNumber.foreground#929292
- editorSuggestWidget.background#FBFBFB
- editorSuggestWidget.border#E0E0E0
- editorSuggestWidget.highlightForeground#0069D9
- editorSuggestWidget.selectedBackground#0069D9
- editorSuggestWidget.selectedForeground#FFFFFF
- editorWidget.background#EAEAEA
- editorWidget.border#eaeaea
- focusBorder#eeeeee
- input.background#ffffff
- input.border#e0e0e0
- input.foreground#262426
- inputOption.activeBackground#e0e0e0
- list.activeSelectionBackground#0069d9
- list.activeSelectionForeground#ffffff
- list.focusHighlightForeground#9dddff
- list.hoverBackground#D0D0D0
- list.hoverForeground#262426
- list.inactiveSelectionBackground#0069d9
- list.inactiveSelectionForeground#ffffff
- notification.background#54a3ff
- notificationCenterHeader.background#f7f7f7
- notifications.border#e5e5e6
- panel.background#F9F9F9
- panel.border#DCDBDA
- panelInput.border#DCDBDA
- panelTitle.activeBorder#101010
- panelTitle.activeForeground#24292e
- problemsWarningIcon.foreground#f26d0d
- scrollbar.shadow#f0f0f0
- scrollbarSlider.activeBackground#C0C0C0
- scrollbarSlider.background#CACACA
- scrollbarSlider.hoverBackground#C0C0C0
- sideBar.background#EAEAEA
- sideBar.border#D2D2D2
- sideBar.foreground#464646
- sideBarSectionHeader.background#f6f6f6
- sideBarSectionHeader.border#d5d5d5
- sideBarSectionHeader.foreground#808080
- sidebarTitle.background#f6f6f6
- sideBarTitle.foreground#575557
- statusBar.background#F5F6F6
- statusBar.border#DCDBDA
- statusBar.debuggingBackground#fafbfc
- statusBar.debuggingForeground#24292e
- statusBar.foreground#494949
- statusBar.noFolderBackground#ededed
- statusBar.noFolderForeground#575557
- tab.activeBackground#F9F9F9
- tab.activeBorder#DADADA
- tab.activeBorderTop#FFFFFF
- tab.activeForeground#474747
- tab.border#D2D2D2
- tab.inactiveBackground#ECECEC
- tab.inactiveForeground#6D6D6D
- 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#ffffff
- titleBar.activeBackground#FDFDFD
- titleBar.border#D2D2D2
- titlebar.inactiveForeground#E0E0E0
- widget.border#cfcfcf
- widget.shadow#cecece
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #000000 | — |
| emphasis | — | italic |
| strong, markup.heading.markdown, markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| meta.link.inline.markdown | #005cc5 | underline |
| comment, markup.fenced_code, markup.inline | #007fff | — |
| string | #036A07 | — |
| constant.character.escape | #30BA30 | — |
| constant.other.placeholder | #cd3131 | — |
| variable.other.constant, variable.other.class, meta.property-name, meta.property-value, support, constant.language.boolean, support.function.kernel | #8090e5 | — |
| constant.language, constant.other.color | #C5060B | — |
| keyword, storage.modifier, storage.type, support.function, variable.language.this, punctuation.definition.template-expression, constant.numeric, entity.name.tag | #0433ff | — |
| entity.other.attribute-name, meta.tag.structure | #0000A2 | — |
| keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression | #000000 | — |
| entity.name.type.class, entity.other.inherited-class, meta.property-value, 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 | #000000 | — |
| variable.language.self, variable.other.readwrite.instance, meta.definition.variable.scss | #318495 | — |
| entity.name.type, entity.other.inherited-class, variable.other.object.property, meta.instance.constructor | #6f42c1 | — |
| support.constant.property-value | #119605 | — |
| meta.embedded, meta.function-call, variable.parameter.function, support.variable.property.dom, support.type.property-name.json, punctuation.separator.key-value | #333333 | — |
| entity.name.function | #0000A2 | — |
| variable.other.constant, variable.language.this | #3b96a6 | — |
| constant.other.symbol | #d21f07 | — |
| string.quoted, string.regexp, string.interpolated, string.template, keyword.other.template | #036A07 | — |
| 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...