Zeit Theme
Publisher: zeit-vuThemes in package: 2
A modular VS Code theme build with Bun
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#0284c7
- activityBar.background#f8f9fa
- activityBar.border#e5e7eb
- activityBar.foreground#4b5563
- activityBar.inactiveForeground#9ca3af
- activityBarBadge.background#0284c7
- activityBarBadge.foreground#ffffff
- badge.background#e5e7eb
- badge.foreground#1f2937
- button.background#0284c7
- button.foreground#ffffff
- button.hoverBackground#0369a1
- descriptionForeground#4b5563
- dropdown.background#ffffff
- dropdown.border#d1d5db
- dropdown.foreground#1f2937
- editor.background#ffffff
- editor.foreground#1f2937
- editorGroup.border#e5e7eb
- editorGroupHeader.tabsBackground#f8f9fa
- errorForeground#d81b60
- focusBorder#0284c7
- foreground#1f2937
- icon.foreground#4b5563
- input.background#ffffff
- input.border#d1d5db
- input.foreground#1f2937
- input.placeholderForeground#9ca3af
- inputOption.activeBorder#0284c7
- list.activeSelectionBackground#e5e7eb
- list.activeSelectionForeground#0f172a
- list.foreground#1f2937
- list.highlightForeground#0284c7
- list.hoverBackground#eef2f7
- list.hoverForeground#1f2937
- list.inactiveSelectionBackground#eef2f7
- list.inactiveSelectionForeground#1f2937
- panel.background#f8f9fa
- panel.foreground#1f2937
- sideBar.background#f8f9fa
- sideBar.border#e5e7eb
- sideBar.foreground#1f2937
- sideBarSectionHeader.background#e9ecef
- sideBarSectionHeader.foreground#1f2937
- statusBar.background#e9ecef
- statusBar.foreground#1f2937
- tab.activeBackground#ffffff
- tab.activeBorderTop#0284c7
- tab.activeForeground#1f2937
- tab.border#e5e7eb
- tab.inactiveBackground#f8f9fa
- tab.inactiveForeground#6b7280
- titleBar.activeBackground#e9ecef
- titleBar.activeForeground#1f2937
- titleBar.inactiveBackground#e9ecef
- titleBar.inactiveForeground#6b7280
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text.html.vue meta.tag.custom entity.name.tag | #a300cc | italic |
| text.html.vue meta.tag.other.unrecognized entity.name.tag | #a300cc | italic |
| text.html.vue meta.attribute.directive entity.other.attribute-name, text.html.vue meta.attribute.directive keyword.control | #b45309 | italic |
| text.html.vue meta.attribute punctuation.separator | #4c9a2a | |
| text.html.vue meta.attribute punctuation.attribute-shorthand | #4c9a2a | italic |
| text.html.vue meta.attribute entity.other.attribute-name | #92400e | italic |
| text.html.vue string | #d81b60 | italic |
| text.html.vue variable | #0284c7 | |
| text.html.vue | #b71c4c | italic |
| text.html.vue entity.name.tag, text.html.vue keyword.operator | #4c9a2a | |
| text.html.vue entity.name.function | #b45309 | italic |
| text.html.vue punctuation.definition.tag | #374151 | |
| text.html.vue constant | #a300cc | |
| text.html.vue comment | #0369a1 | italic |
| source.css | #b71c4c | italic |
| source.css.scss entity.other.attribute-name | #0284c7 | |
| source.css.scss entity.other.attribute-name.class | #0284c7 | italic |
| source.css.scss entity.other.attribute-name.id | #a300cc | italic |
| source.css.scss entity.name.tag | #d81b60 | |
| source.css.scss entity.name.tag.reference | #4c9a2a | italic |
| source.css.scss , source.css.scss string, source.css.scss punctuation.definition | #b71c4c | italic |
| source.css.scss keyword.control.at-rule, source.css.scss support.function, source.css.scss support.type.property-name | #b45309 | |
| source.css.scss comment, source.css.scss keyword.other.important | #0369a1 | italic |
| source.css.scss punctuation.terminator | #0369a1 | |
| source.css.scss support.constant | #d81b60 | italic |
| source.css.scss constant.numeric, source.css.scss keyword.other.unit | #4c9a2a | italic |
| source.css.scss variable | #4c9a2a | |
| source.ts keyword.control | #4c9a2a | italic |
| source.ts keyword.control.import, source.ts keyword.control.from, source.ts keyword.control.export | #4c9a2a | |
| source.ts keyword.control.type, source.ts keyword.control.default | #a300cc | italic |
| source.ts keyword.control.flow | #0891b2 | italic |
| source.ts variable | #0284c7 | |
| source.ts variable.other.object | #d81b60 | italic |
| source.ts constant | #4c9a2a | |
| source.ts constant.language | #0891b2 | italic |
| source.ts , source.ts string | #b71c4c | italic |
| source.ts punctuation.terminator | #0369a1 | |
| source.ts punctuation.accessor | #4c9a2a | |
| source.ts keyword.operator | #4c9a2a | italic |
| source.ts storage.modifier | #0891b2 | italic |
| source.ts string.regexp, source.ts comment | #3f7a22 | italic |
| source.ts support.type, source.ts support.class, source.ts storage.type, source.ts entity.name.type | #a300cc | italic |
| source.ts entity.name.function, source.ts meta.object-literal.key | #b45309 | italic |
| source.tsx keyword.control | #4c9a2a | italic |
| source.tsx keyword.control.import, source.tsx keyword.control.from, source.tsx keyword.control.export | #4c9a2a | |
| source.tsx keyword.control.type, source.tsx keyword.control.default | #a300cc | italic |
| source.tsx keyword.control.flow | #0891b2 | italic |
| source.tsx variable | #0284c7 | |
| source.tsx variable.other.object | #d81b60 | italic |
| source.tsx constant | #4c9a2a | |
| source.tsx constant.language | #0891b2 | italic |
| source.tsx , source.tsx string | #b71c4c | italic |
| source.tsx punctuation.terminator | #0369a1 | |
| source.tsx punctuation.accessor | #4c9a2a | |
| source.tsx keyword.operator | #4c9a2a | italic |
| source.tsx storage.modifier | #0891b2 | italic |
| source.tsx string.regexp, source.tsx comment | #3f7a22 | italic |
| source.tsx support.type, source.tsx support.class, source.tsx storage.type, source.tsx entity.name.type | #a300cc | italic |
| source.tsx entity.name.function, source.tsx meta.object-literal.key | #b45309 | italic |
| source.jsx keyword.control | #4c9a2a | italic |
| source.jsx keyword.control.import, source.jsx keyword.control.from, source.jsx keyword.control.export | #4c9a2a | |
| source.jsx keyword.control.type, source.jsx keyword.control.default | #a300cc | italic |
| source.jsx keyword.control.flow | #0891b2 | italic |
| source.jsx variable | #0284c7 | |
| source.jsx variable.other.object | #d81b60 | italic |
| source.jsx constant | #4c9a2a | |
| source.jsx constant.language | #0891b2 | italic |
| source.jsx , source.jsx string | #b71c4c | italic |
| source.jsx punctuation.terminator | #0369a1 | |
| source.jsx punctuation.accessor | #4c9a2a | |
| source.jsx keyword.operator | #4c9a2a | italic |
| source.jsx storage.modifier | #0891b2 | italic |
| source.jsx string.regexp, source.jsx comment | #3f7a22 | italic |
| source.jsx support.type, source.jsx support.class, source.jsx storage.type, source.jsx entity.name.type | #a300cc | italic |
| source.jsx entity.name.function, source.jsx meta.object-literal.key | #b45309 | italic |
| source.js keyword.control | #4c9a2a | italic |
| source.js keyword.control.import, source.js keyword.control.from, source.js keyword.control.export | #4c9a2a | |
| source.js keyword.control.type, source.js keyword.control.default | #a300cc | italic |
| source.js keyword.control.flow | #0891b2 | italic |
| source.js variable | #0284c7 | |
| source.js variable.other.object | #d81b60 | italic |
| source.js constant | #4c9a2a | |
| source.js constant.language | #0891b2 | italic |
| source.js , source.js string | #b71c4c | italic |
| source.js punctuation.terminator | #0369a1 | |
| source.js punctuation.accessor | #4c9a2a | |
| source.js keyword.operator | #4c9a2a | italic |
| source.js storage.modifier | #0891b2 | italic |
| source.js string.regexp, source.js comment | #3f7a22 | italic |
| source.js support.type, source.js support.class, source.js storage.type, source.js entity.name.type | #a300cc | italic |
| source.js entity.name.function, source.js meta.object-literal.key | #b45309 | italic |
| source.json | #b71c4c | italic |
| source.json support.type | #a300cc | italic |
| source.json punctuation.separator | #4c9a2a | |
| source.json string | #4c9a2a | italic |
| source.json constant.numeric | #b45309 | |
| source.json constant.language | #d81b60 | |
| source.env comment | #92400e | italic |
| source.env comment punctuation.definition.comment | #d81b60 | |
| source.env | #4c9a2a | italic |
| source.env variable | #a300cc | |
| source.env keyword.operator.assignment | #4c9a2a | |
| source.env string | #0284c7 | italic |
| source.ignore | #0284c7 | |
| source.ignore comment | #92400e | italic |
| text.xml | #92400e | italic |
| text.xml punctuation.definition.tag | #374151 | |
| text.xml entity.name.tag, text.xml meta.tag | #0284c7 | |
| text.xml entity.other.attribute-name | #4c9a2a | |
| text.xml string | #b71c4c | italic |