Base

Neutral surfaces with a slight blue-grey tint, black and white primaries, and links as strong text. What every theme builds on.

BaseLight

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

BaseDark

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

BaseDarker

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 10px, controls 8px, chips 6px
Borders	1px, hairline
Weights	400 and 600
Density	normal
Labels	Sentence case
Links	Strong text, thin underline
Surface accent	none

Roles

Role	light	dark	darker
`--gw-color-surface-lower`	`#eceff3`	`#15181d`	`#0c0e13`
`--gw-color-surface-low`	`#f0f3f7`	`#181b20`	`#0e1116`
`--gw-color-surface-default`	`#f4f7fb`	`#1b1e23`	`#111418`
`--gw-color-surface-raised`	`#fcfdff`	`#22252a`	`#181b1f`
`--gw-color-surface-overlay`	`#ffffff`	`#282b31`	`#1d2025`
`--gw-color-border-quiet`	`#dde0e4`	`#2c2f34`	`#33373c`
`--gw-color-border-normal`	`#dadce1`	`#33373c`	`#45494f`
`--gw-color-border-loud`	`#b3b6ba`	`#45494f`	`#45494f`
`--gw-color-text-strong`	`#3a3b3e`	`#d9dbdd`	`#d9dbdd`
`--gw-color-text-primary`	`#46484a`	`#c5c6c9`	`#c5c6c9`
`--gw-color-text-secondary`	`#727477`	`#8b8d8f`	`#8b8d8f`
`--gw-color-text-disabled`	`#a4a5a8`	`#5e5f61`	`#5e5f61`
`--gw-color-fill-neutral-resting`	`#e0e3e7`	`#292c32`	`#1e2227`
`--gw-color-fill-neutral-hovered`	`#d7d9dd`	`#313439`	`#26292e`
`--gw-color-fill-neutral-pressed`	`#cdcfd4`	`#383c41`	`#2d3036`
`--gw-color-fill-neutral-selected`	`#cfd3d9`	`#343941`	`#292e36`
`--gw-color-fill-neutral-disabled`	`#e9ebef`	`#23262c`	`#191c21`
`--gw-color-fill-primary-resting`	`#1e1f21`	`#e6e8eb`	`#e6e8eb`
`--gw-color-fill-primary-hovered`	`#2d2e30`	`#d2d4d7`	`#d2d4d7`
`--gw-color-fill-primary-pressed`	`#37383a`	`#c6c7ca`	`#c6c7ca`
`--gw-color-on-primary`	`#fcfdff`	`#1b1e23`	`#111418`
`--gw-color-accent`	`#1e1f21`	`#e6e8eb`	`#e6e8eb`
`--gw-color-fill-accent-resting`	`#1e1f21`	`#e6e8eb`	`#e6e8eb`
`--gw-color-fill-accent-hovered`	`#131416`	`#f7f8fb`	`#f7f8fb`
`--gw-color-fill-accent-pressed`	`#242527`	`#dee0e2`	`#dee0e2`
`--gw-color-fill-accent-quiet`	`#1e1f2129`	`#e6e8eb29`	`#e6e8eb29`
`--gw-color-border-accent`	`#1e1f2180`	`#e6e8eb80`	`#e6e8eb80`
`--gw-color-on-accent`	`#ffffff`	`#0b0b0b`	`#0b0b0b`
`--gw-color-focus`	`#1e1f21`	`#e6e8eb`	`#e6e8eb`
`--gw-color-link`	`#3a3b3e`	`#d9dbdd`	`#d9dbdd`
`--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`	`#8260b6`	`#aa89e2`	`#aa89e2`
`--gw-color-fill-important-quiet`	`#8260b624`	`#aa89e224`	`#aa89e224`
`--gw-color-border-important`	`#8260b673`	`#aa89e273`	`#aa89e273`
`--gw-color-warning`	`#956900`	`#c49027`	`#c49027`
`--gw-color-fill-warning-quiet`	`#95690024`	`#c4902724`	`#c4902724`
`--gw-color-border-warning`	`#95690073`	`#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/base.json.