Bridge
A clear, bright blue on neutral charcoal. Medium radii, soft borders and pill chips.
Overview
Machine controls
Next boot is set to Arch Linux, with the VM test bed on standby.
Updated 4 minutes ago
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 |
Overview
Machine controls
Next boot is set to Arch Linux, with the VM test bed on standby.
Updated 4 minutes ago
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 |
Overview
Machine controls
Next boot is set to Arch Linux, with the VM test bed on standby.
Updated 4 minutes ago
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 |
Example users: System Bridge. Any app can pick any theme.
Style
| Font | Inter |
| Code | JetBrains Mono |
| Radius | Panels 12px, controls 8px, 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 | #eeeef1 | #18181c | #0e0e12 |
--gw-color-surface-low | #f2f2f6 | #1b1b1f | #111115 |
--gw-color-surface-default | #f6f6fa | #1e1e22 | #141418 |
--gw-color-surface-raised | #fdfdff | #252529 | #1b1b1e |
--gw-color-surface-overlay | #ffffff | #2b2b2f | #202024 |
--gw-color-border-quiet | #dfdfe3 | #2f2f33 | #37373b |
--gw-color-border-normal | #dcdcdf | #37373b | #49494e |
--gw-color-border-loud | #b5b5b9 | #49494e | #49494e |
--gw-color-text-strong | #3b3b3d | #dadbdd | #dadbdd |
--gw-color-text-primary | #474849 | #c6c7c9 | #c6c7c9 |
--gw-color-text-secondary | #737476 | #8d8d8f | #8d8d8f |
--gw-color-text-disabled | #a5a5a8 | #5f6061 | #5f6061 |
--gw-color-fill-neutral-resting | #e2e2e6 | #2c2c31 | #222226 |
--gw-color-fill-neutral-hovered | #d9d9dc | #343438 | #29292d |
--gw-color-fill-neutral-pressed | #cfcfd2 | #3c3c40 | #303035 |
--gw-color-fill-neutral-selected | #d2d2d7 | #39393f | #2e2d34 |
--gw-color-fill-neutral-disabled | #ebebee | #26262a | #1c1c20 |
--gw-color-fill-primary-resting | #1f1f21 | #e7e7ea | #e7e7ea |
--gw-color-fill-primary-hovered | #2e2e2f | #d4d4d6 | #d4d4d6 |
--gw-color-fill-primary-pressed | #383839 | #c7c7c9 | #c7c7c9 |
--gw-color-on-primary | #fdfdff | #1e1e22 | #141418 |
--gw-color-accent | #226fc3 | #549ff7 | #549ff7 |
--gw-color-fill-accent-resting | #226fc3 | #549ff7 | #549ff7 |
--gw-color-fill-accent-hovered | #0b60b3 | #6bafff | #6bafff |
--gw-color-fill-accent-pressed | #2b77cc | #4c97ee | #4c97ee |
--gw-color-fill-accent-quiet | #226fc329 | #549ff729 | #549ff729 |
--gw-color-border-accent | #226fc380 | #549ff780 | #549ff780 |
--gw-color-on-accent | #ffffff | #0b0b0b | #0b0b0b |
--gw-color-focus | #226fc3 | #549ff7 | #549ff7 |
--gw-color-link | #226fc3 | #549ff7 | #549ff7 |
--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 | #b6524d | #e47c74 | #e47c74 |
--gw-color-fill-danger-quiet | #b6524d24 | #e47c7424 | #e47c7424 |
--gw-color-border-danger | #b6524d73 | #e47c7473 | #e47c7473 |
The source is packages/tokens/themes/bridge.json.