UI Color Tokens
Theme tokens sourced from src/lib/theme/theme.js, rendered side-by-side for light and dark modes.
| Token | Light | Dark |
|---|---|---|
b | #003AEC | #003AEC |
backgroundLogoTile | #171717 | transparent |
backgroundPill | #F0F0F0 | #1A1A1A |
backgroundPillHover | #E3E3E3 | #272727 |
backgroundPrimary | #FFFFFF | #141414 |
backgroundSecondary | #F7F7F7 | #171717 |
backgroundTertiary | #F0F0F0 | #272727 |
bluesky | rgb(18 133 254) | rgb(18 133 254) |
bluesky20 | rgb(18 133 254 / 20%) | rgb(18 133 254 / 20%) |
bluesky60 | rgb(18 133 254 / 60%) | rgb(18 133 254 / 60%) |
borderStrong | #eceef1 | #272727 |
borderSubtle | #E3E3E3 | #4C4D4D |
discord | rgb(88 101 242) | rgb(88 101 242) |
discord20 | rgb(88 101 242 / 20%) | rgb(88 101 242 / 20%) |
discord60 | rgb(88 101 242 / 60%) | rgb(88 101 242 / 60%) |
g | #17E620 | #17E620 |
r | #FF211B | #FF211B |
strava | rgb(250 89 1) | rgb(250 89 1) |
strava20 | rgb(250 89 1 / 20%) | rgb(250 89 1 / 20%) |
strava60 | rgb(250 89 1 / 60%) | rgb(250 89 1 / 60%) |
textAccent | #393F48 | #DCDCDC |
textPrimary | #233044 | #eceef1 |
textProse | #4C586A | #b1b0b0 |
textSecondary | #4C586A | #909292 |
textTertiary | #B9BDC3 | #4C4D4D |