diff options
| author | Fuwn <[email protected]> | 2026-05-15 12:06:40 +0000 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-05-15 12:06:40 +0000 |
| commit | 541b5740a96bdc9585e8e3b88e44955603db862c (patch) | |
| tree | 70a4782e9d6088bf1ddb411192c913f8b7a3b182 /src/routes | |
| parent | style(card): move backdrop blur to an opt-in .card-glass modifier (diff) | |
| download | due.moe-541b5740a96bdc9585e8e3b88e44955603db862c.tar.xz due.moe-541b5740a96bdc9585e8e3b88e44955603db862c.zip | |
refactor(colours): tokenise card shadows and scrims
Introduce --shadow-card, --shadow-card-emphasized, --shadow-cta,
--scrim, --scrim-soft, and --scrim-banner. Migrate 14 inline
literals (card.css, input.css, Notification, MediaRoulette, the
two Landing CTA buttons, the popup overlay, the palette and
roulette scrims, three identity banners, the user profile cover
art shadow) onto the tokens, with light/dark adaptation handled
by the existing prefers-color-scheme blocks instead of duplicated
inline. Two single-use Landing demo-focus values stay inline.
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/user/[user]/+page.svelte | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte index fd1e2d7e..1bcedc52 100644 --- a/src/routes/user/[user]/+page.svelte +++ b/src/routes/user/[user]/+page.svelte @@ -489,7 +489,7 @@ const toggleCategory = () => { display: flex; flex-wrap: wrap; column-gap: 1.5em; - background-color: rgba(0, 0, 0, 0.468); + background-color: var(--scrim-banner); color: #d8d8d8; border-top-left-radius: 0; border-top-right-radius: 0; @@ -529,7 +529,7 @@ const toggleCategory = () => { height: $size; object-fit: cover; transition: $transition; - box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px; + box-shadow: var(--shadow-card); overflow: hidden; &:hover { |