stan/website
1
0
Fork 0
Code Issues 14 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Money: wish list sorted by tier then price (desc), theme-aware tier colours
All checks were successful
Deploy production / deploy (push) Successful in 2m31s
Details

Browse Source
This commit is contained in:
Stan Runge
2026-10-24 02:43:30 +00:00
parent 81ee02f11a
commit c8205e474e
4 changed files with 107 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/routes/trackers/money/money-tracker.css
View File

@@ -419,6 +419,57 @@
color: var(--site-muted);
font-size: 11px;
}
/* Wish list tier colours: dark theme uses the lighter shade, light theme the deeper one. */
.money-app .tier-5 {
--tier: #fb7185;
}
.money-app .tier-4 {
--tier: #fb923c;
}
.money-app .tier-3 {
--tier: #facc15;
}
.money-app .tier-2 {
--tier: #34d399;
}
.money-app .tier-1 {
--tier: #94a3b8;
}
:root[data-theme='light'] .money-app .tier-5 {
--tier: #e11d48;
}
:root[data-theme='light'] .money-app .tier-4 {
--tier: #ea580c;
}
:root[data-theme='light'] .money-app .tier-3 {
--tier: #ca8a04;
}
:root[data-theme='light'] .money-app .tier-2 {
--tier: #059669;
}
:root[data-theme='light'] .money-app .tier-1 {
--tier: #64748b;
}
.money-app .item-list li.wish:not(.tier-none) {
box-shadow: inset 3px 0 0 var(--tier);
}
.money-app .wish:not(.tier-none) .tier {
border-color: color-mix(in srgb, var(--tier) 55%, transparent);
background: color-mix(in srgb, var(--tier) 16%, transparent);
color: var(--tier);
font-weight: 600;
}
.money-app .wish.tier-5 .tier {
border-color: var(--tier);
background: var(--tier);
color: var(--site-bg);
}
.money-app .wish-tier-grid > div:not(.tier-none) {
border-top: 3px solid var(--tier);
}
.money-app .wish-tier-grid > div:not(.tier-none) .eyebrow {
color: var(--tier);
}
.money-app .mini-stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));