Xcode Theme
Publisher: arzgThemes in package: 2
Xcode’s themes, ported to VS Code
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.activeBorder#00000000
- activityBar.background#26282B
- activityBar.border#000000
- activityBar.foreground#007AFF
- activityBar.inactiveForeground#A6A7A9
- breadcrumb.background#202125
- breadcrumb.focusForeground#DDDDDE
- breadcrumb.foreground#DDDDDE
- editor.background#292A30
- editor.foreground#FFFFFFD8
- editor.lineHighlightBackground#2F3239
- editor.selectionBackground#646F83
- editorCursor.background#292A30
- editorCursor.foreground#FFFFFF
- editorGroupHeader.border#36373B
- editorGroupHeader.noTabsBackground#202125
- editorGroupHeader.tabsBackground#202125
- editorInlayHint.background#FFFFFF11
- editorInlayHint.foreground#7F8C98
- editorLineNumber.activeForeground#E0E0E1
- editorLineNumber.foreground#747478
- editorSuggestWidget.foreground#FFFFFFBB
- editorSuggestWidget.selectedForeground#FFFFFFBB
- editorWhitespace.foreground#53606E
- editorWidget.background#1E2023
- editorWidget.border#36373B
- focusBorder#427EA9
- foreground#DDDDDE
- input.background#1E1E1E
- input.border#36373B
- input.placeholderForeground#727272
- list.activeSelectionBackground#1658BE
- list.focusHighlightForeground#FFFFFF
- list.highlightForeground#FFFFFF
- list.hoverBackground#00000000
- panel.background#1E2023
- panel.border#000000
- quickInput.foreground#FFFFFFBB
- quickInputList.focusForeground#FFFFFFBB
- scrollbar.shadow#00000000
- selection.background#3F638B
- sideBar.background#26282B
- sideBar.border#000000
- sideBar.foreground#FFFFFF
- statusBar.background#202124
- statusBar.foreground#9A9A9C
- tab.activeBackground#335274
- tab.activeForeground#FFFFFF
- tab.border#36373B
- tab.inactiveBackground#202125
- tab.inactiveForeground#DDDDDE
- tab.unfocusedActiveBackground#283F5A
- terminalCursor.background#292A30
- terminalCursor.foreground#FFFFFF
- titleBar.activeBackground#37383B
- titleBar.activeForeground#EBEBEB
- titleBar.border#000000
- titleBar.inactiveBackground#27292C
- titleBar.inactiveForeground#686A6D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7F8C98 | — |
| string, punctuation.definition.string, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #FF8170 | — |
| constant.numeric | #D9C97C | — |
| constant.other.placeholder, constant.character.escape | #FFFFFFD8 | — |
| keyword, keyword.operator.new, keyword.operator.wordlike, keyword.operator.logical.and, keyword.operator.sizeof, storage, variable.language, constant.language | #FF7AB2 | bold |
| keyword.control.directive, punctuation.definition.directive | #FFA14F | |
| entity.name.type.class.php | #6BDFFF | — |
| variable.parameter | #4EB0CC | — |
| entity.name.type, entity.other.inherited-class, storage.type.haskell | #ACF2E4 | — |
| support.class, entity.other.inherited-class.php | #DABAFF | — |
| keyword.type.cs, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go | #DABAFF | |
| entity.name.function, support.function | #78C2B3 | — |
| support.function | #B281EB | — |
| constant.other | #B281EB | — |
| variable.other.property, variable.other.object.property, entity.name.variable.field | #78C2B3 | — |
| entity.name.function.preprocessor | #FFA14F | |
| entity.name.tag | #DABAFF | — |
| entity.other.attribute-name, support.type.property-name.css, support.type.property-name.media.css | #B281EB | — |
| constant.other.color, support.constant.color, punctuation.definition.constant.css, keyword.other.unit | #D9C97C | — |
| support.constant.property-value, support.constant.font-name | #FF7AB2 | bold |
| support.constant.media.css | #78C2B3 | — |
| punctuation.definition.heading.markdown, meta.separator.markdown, punctuation.definition.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.raw.markdown, fenced_code.block.language.markdown, markup.heading.marker.asciidoc, markup.heading.block-attribute.asciidoc, punctuation.separator.asciidoc, constant.asciidoc, punctuation.definition.asciidoc | #78C2B3 | — |
| markup.heading | — | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| magit.header | #DABAFF | — |
| magit.subheader | #B281EB | — |
| magit.entity | #D9C97C | — |
| meta.diff.range.unified, punctuation.definition.range.diff | #7F8C98 | — |
| markup.inserted, punctuation.definition.inserted | #ACF2E4 | — |
| markup.deleted, punctuation.definition.deleted | #FF8170 | — |
| variable | #FFFFFFD8 | — |
| keyword.operator, storage.modifier.pointer | #FFFFFFD8 |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...