Slate

Welsh slate's purple-grey with a mauve accent. Round, with pill buttons and soft borders.

SlateLight

Overview

Machine controls

Next boot is set to Arch Linux, with the VM test bed on standby.

Updated 4 minutes ago

Hostname

LinuxWindowsInstaller

Note Sync runs every hour.

Tip All 12 checks passed.

Important Two decisions wait on you.

Warning The token expires in 2 days.

Caution This removes the backup.

dotfiles	14	Passing
system-bridge	3	Waiting
triage	1	Failing

SlateDark

Overview

Machine controls

Next boot is set to Arch Linux, with the VM test bed on standby.

Updated 4 minutes ago

Hostname

LinuxWindowsInstaller

Note Sync runs every hour.

Tip All 12 checks passed.

Important Two decisions wait on you.

Warning The token expires in 2 days.

Caution This removes the backup.

dotfiles	14	Passing
system-bridge	3	Waiting
triage	1	Failing

SlateDarker

Overview

Machine controls

Next boot is set to Arch Linux, with the VM test bed on standby.

Updated 4 minutes ago

Hostname

LinuxWindowsInstaller

Note Sync runs every hour.

Tip All 12 checks passed.

Important Two decisions wait on you.

Warning The token expires in 2 days.

Caution This removes the backup.

dotfiles	14	Passing
system-bridge	3	Waiting
triage	1	Failing

Style

Font	Mona Sans
Code	Geist Mono
Radius	Panels 20px, controls pill, chips pill
Borders	1px, soft
Weights	400 and 600
Density	normal
Labels	Sentence case
Links	Accent, thin underline
Surface accent	none

Roles

Role	light	dark	darker
`--gw-color-surface-lower`	`#f2ecf4`	`#1c151f`	`#120b15`
`--gw-color-surface-low`	`#f6f0f9`	`#1f1822`	`#150e18`
`--gw-color-surface-default`	`#faf4fd`	`#221b25`	`#17111a`
`--gw-color-surface-raised`	`#fffcff`	`#29222c`	`#1e1821`
`--gw-color-surface-overlay`	`#ffffff`	`#2f2833`	`#241d27`
`--gw-color-border-quiet`	`#e3dde6`	`#332c36`	`#3b333e`
`--gw-color-border-normal`	`#e0dae2`	`#3b333e`	`#4e4651`
`--gw-color-border-loud`	`#b9b3bb`	`#4e4651`	`#4e4651`
`--gw-color-text-strong`	`#3d3a3e`	`#dcd9de`	`#dcd9de`
`--gw-color-text-primary`	`#4a464b`	`#c8c5ca`	`#c8c5ca`
`--gw-color-text-secondary`	`#767277`	`#8f8b90`	`#8f8b90`
`--gw-color-text-disabled`	`#a8a4aa`	`#615e62`	`#615e62`
`--gw-color-fill-neutral-resting`	`#e6e0e9`	`#312934`	`#261f29`
`--gw-color-fill-neutral-hovered`	`#dcd7df`	`#38313c`	`#2d2630`
`--gw-color-fill-neutral-pressed`	`#d3cdd5`	`#403844`	`#352d38`
`--gw-color-fill-neutral-selected`	`#d8cfdb`	`#403445`	`#342939`
`--gw-color-fill-neutral-disabled`	`#efe9f1`	`#2b232e`	`#201923`
`--gw-color-fill-primary-resting`	`#211e22`	`#eae6ec`	`#eae6ec`
`--gw-color-fill-primary-hovered`	`#2f2d31`	`#d6d3d8`	`#d6d3d8`
`--gw-color-fill-primary-pressed`	`#3a373b`	`#c9c6cb`	`#c9c6cb`
`--gw-color-on-primary`	`#fffcff`	`#221b25`	`#17111a`
`--gw-color-accent`	`#875ca6`	`#b78ad8`	`#b78ad8`
`--gw-color-fill-accent-resting`	`#875ca6`	`#b78ad8`	`#b78ad8`
`--gw-color-fill-accent-hovered`	`#794d96`	`#c799e9`	`#c799e9`
`--gw-color-fill-accent-pressed`	`#8f63ae`	`#af82d0`	`#af82d0`
`--gw-color-fill-accent-quiet`	`#875ca629`	`#b78ad829`	`#b78ad829`
`--gw-color-border-accent`	`#875ca680`	`#b78ad880`	`#b78ad880`
`--gw-color-on-accent`	`#ffffff`	`#0b0b0b`	`#0b0b0b`
`--gw-color-focus`	`#875ca6`	`#b78ad8`	`#b78ad8`
`--gw-color-link`	`#875ca6`	`#b78ad8`	`#b78ad8`
`--gw-color-info`	`#3174b4`	`#5b9ee0`	`#5b9ee0`
`--gw-color-fill-info-quiet`	`#3174b424`	`#5b9ee024`	`#5b9ee024`
`--gw-color-border-info`	`#3174b473`	`#5b9ee073`	`#5b9ee073`
`--gw-color-success`	`#238142`	`#52ab69`	`#52ab69`
`--gw-color-fill-success-quiet`	`#23814224`	`#52ab6924`	`#52ab6924`
`--gw-color-border-success`	`#23814273`	`#52ab6973`	`#52ab6973`
`--gw-color-important`	`#8160b6`	`#aa89e2`	`#aa89e2`
`--gw-color-fill-important-quiet`	`#8160b624`	`#aa89e224`	`#aa89e224`
`--gw-color-border-important`	`#8160b673`	`#aa89e273`	`#aa89e273`
`--gw-color-warning`	`#956800`	`#c49027`	`#c49027`
`--gw-color-fill-warning-quiet`	`#95680024`	`#c4902724`	`#c4902724`
`--gw-color-border-warning`	`#95680073`	`#c4902773`	`#c4902773`
`--gw-color-danger`	`#b5524d`	`#e47c74`	`#e47c74`
`--gw-color-fill-danger-quiet`	`#b5524d24`	`#e47c7424`	`#e47c7424`
`--gw-color-border-danger`	`#b5524d73`	`#e47c7473`	`#e47c7473`

The source is packages/tokens/themes/slate.json.