Cupertino Neutral
Publisher: Paulo RodriguesThemes in package: 1
AI generated
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#151517
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#636366
- activityBarBadge.background#0A84FF
- activityBarBadge.foreground#FFFFFF
- editor.background#1C1C1E
- editor.foreground#F2F2F7
- editor.inactiveSelectionBackground#0A84FF15
- editor.selectionBackground#0A84FF40
- editor.wordHighlightBackground#0A84FF20
- editorCursor.foreground#0A84FF
- editorIndentGuide.activeBackground1#48484A
- editorIndentGuide.background1#2C2C2E
- editorLineNumber.activeForeground#FFFFFF
- editorLineNumber.foreground#636366
- editorWhitespace.foreground#3A3A3C
- focusBorder#0A84FF50
- gitDecoration.addedResourceForeground#32D74B
- gitDecoration.deletedResourceForeground#FF453A
- gitDecoration.modifiedResourceForeground#FFD60A
- gitDecoration.untrackedResourceForeground#32D74B
- list.activeSelectionBackground#2C2C2E
- list.activeSelectionForeground#FFFFFF
- list.hoverBackground#2C2C2E80
- list.inactiveSelectionBackground#1C1C1E
- list.inactiveSelectionForeground#D1D1D6
- panel.background#151517
- panel.border#2C2C2E
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#8E8E93
- sideBar.background#151517
- sideBar.border#00000000
- sideBar.foreground#D1D1D6
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.foreground#FFFFFF
- statusBar.background#151517
- statusBar.border#2C2C2E
- statusBar.foreground#D1D1D6
- tab.activeBackground#1C1C1E
- tab.activeForeground#FFFFFF
- tab.border#00000000
- tab.inactiveBackground#151517
- tab.inactiveForeground#8E8E93
- titleBar.activeBackground#151517
- titleBar.activeForeground#FFFFFF
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8E8E93 | italic |
| keyword, storage.type, storage.modifier, keyword.control | #FF375F | bold |
| string, string.quoted, string.template | #32D74B | — |
| constant.numeric, constant.language, constant.other | #BF5AF2 | — |
| variable, meta.definition.variable | #D1D1D6 | — |
| entity.name.function, support.function, meta.function-call | #0A84FF | — |
| entity.name.type, entity.name.class, support.class | #64D2FF | bold |
| meta.function.decorator, entity.name.function.decorator | #FF9F0A | italic |
| variable.language.special.self, variable.parameter.function.language.special.self, variable.language.special.cls | #FF453A | italic |
| support.function.builtin.python, support.type.python | #AC8E68 | — |
| variable.parameter | #EBEBF5 | — |
| keyword.operator.logical.python | #FF375F | bold |
| entity.name.tag, entity.name.tag.html | #FF375F | — |
| entity.name.tag.script.html.vue, support.class.component, support.class.component.vue | #64D2FF | bold |
| entity.other.attribute-name.vue.directive, meta.directive.vue | #BF5AF2 | italic |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, expression.embedded.vue | #FF9F0A | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #FF9F0A | — |
| punctuation, keyword.operator | #8E8E93 | — |