Skin gallery¶
Every skin that ships with Nebula, drawn from the values in its JSON file: the sidebar gradient, the header, a panel, the primary button, and the four status chips, in light mode and in dark mode. The swatches are built from the skin files rather than captured from a running admin, so they show the colours a skin sets. Select a skin under Stores › Configuration › Nebula › Nebula Admin Theme › Settings › Color Scheme, or with bin/magento config:set nebula/theme/skin <id>.
The four chips are drawn the way the admin draws a chip or a grid badge. The surface is a 14% tint of the status colour composited over the panel behind it, and the label is that same colour mixed 40% toward black in light mode and 30% toward white in dark mode. No skin sets a status colour in its dark block, so the two cards of a pair differ only in the surface under the chip and in the direction of that mix. The --nebula-color-*-light value a skin also sets is not what a chip uses. Token and skin reference has the full contract.
| Id | Label | Extra sections |
|---|---|---|
accessible-deuteranopia |
Accessible (Green-Blind / Deuteranopia) | accessibility |
accessible-protanopia |
Accessible (Red-Blind / Protanopia) | accessibility |
amber-large |
Amber Large | density |
amber |
Amber | |
dracula |
Dracula | |
emerald |
Emerald | |
flat |
Flat (No Radius) | density |
high-contrast |
⚡ HIGH CONTRAST ⚡ | accessibility |
indigo-compact |
Indigo Compact | density |
indigo |
Indigo (Default) | |
magento-classic |
Magento Classic (2.4 Admin) | |
matrix |
Matrix | density, shadows, transitions |
nord |
Nord (Arctic) | |
nostalgia |
Nostalgia (Magento 1) | |
qoliber-fire |
Qoliber Fire 🔥 | |
rose |
Rose | |
siteation |
Siteation | |
slate |
Slate | |
tokio-night |
Tokyo Night |
Accessible (Green-Blind / Deuteranopia)¶
accessible-deuteranopia
Accessible (Red-Blind / Protanopia)¶
accessible-protanopia
Amber Large¶
amber-large
Amber¶
amber
Dracula¶
dracula
Emerald¶
emerald
Flat (No Radius)¶
flat
⚡ HIGH CONTRAST ⚡¶
high-contrast
Indigo Compact¶
indigo-compact
Indigo (Default)¶
indigo
Magento Classic (2.4 Admin)¶
magento-classic
Matrix¶
matrix
Nord (Arctic)¶
nord
Nostalgia (Magento 1)¶
nostalgia
Qoliber Fire 🔥¶
qoliber-fire
Rose¶
rose
Siteation¶
siteation
Slate¶
slate
Tokyo Night¶
tokio-night