From ca350b67260a43dbdf7be8e73ae4501d2cd9802f Mon Sep 17 00:00:00 2001
From: Ronald Inglett <71849533+inglettronald@users.noreply.github.com>
Date: Sun, 22 Feb 2026 22:45:37 -0600
Subject: [PATCH 08/15] fix: better pixelation
---
src/app.css | 5 +++++
src/lib/components/Chip.svelte | 2 +-
src/lib/components/ContainedItem.svelte | 2 +-
src/lib/components/EmptyEquipment.svelte | 2 +-
src/lib/components/Item.svelte | 2 +-
src/lib/components/Skillbar.svelte | 2 +-
src/lib/components/header/settings/Packs.svelte | 2 +-
src/lib/components/item/item-content.svelte | 6 +++---
src/lib/layouts/stats/PlayerProfile.svelte | 4 ++--
src/lib/sections/stats/Dungeons.svelte | 2 +-
src/lib/sections/stats/Slayer.svelte | 2 +-
src/lib/sections/stats/farming/garden.svelte | 2 +-
src/routes/+layout.svelte | 4 ++--
src/routes/+page.svelte | 2 +-
14 files changed, 22 insertions(+), 17 deletions(-)
diff --git a/src/app.css b/src/app.css
index a521c9362..b07b2c1dc 100644
--- a/src/app.css
+++ b/src/app.css
@@ -366,3 +366,8 @@
@apply relative animate-chroma bg-size-[8.875rem_8.875rem] bg-clip-text bg-origin-padding text-transparent!;
background-image: repeating-linear-gradient(-45deg, oklch(62.8% 0.258 29.2), oklch(77.2% 0.174 64.6), oklch(93.1% 0.229 123), oklch(87% 0.29 142), oklch(87.2% 0.255 148), oklch(90.5% 0.155 195), oklch(56.3% 0.241 261), oklch(46.6% 0.304 271), oklch(62.7% 0.307 316), oklch(65.3% 0.268 355), oklch(62.8% 0.258 29.2) 100px);
}
+
+.pixelated {
+ image-rendering: crisp-edges;
+ image-rendering: -webkit-optimize-contrast;
+}
diff --git a/src/lib/components/Chip.svelte b/src/lib/components/Chip.svelte
index 5fd079e81..cb2ca4707 100644
--- a/src/lib/components/Chip.svelte
+++ b/src/lib/components/Chip.svelte
@@ -58,7 +58,7 @@
{#if hasBeenInViewport}
-
+
diff --git a/src/lib/components/ContainedItem.svelte b/src/lib/components/ContainedItem.svelte
index e1b74a335..8a4d670e3 100644
--- a/src/lib/components/ContainedItem.svelte
+++ b/src/lib/components/ContainedItem.svelte
@@ -11,7 +11,7 @@
-
+
diff --git a/src/lib/components/EmptyEquipment.svelte b/src/lib/components/EmptyEquipment.svelte
index 6a5b89acc..f382f61b9 100644
--- a/src/lib/components/EmptyEquipment.svelte
+++ b/src/lib/components/EmptyEquipment.svelte
@@ -18,7 +18,7 @@
{#if selectedPiece}
{:else}
diff --git a/src/lib/components/Item.svelte b/src/lib/components/Item.svelte
index 4a3bc3061..e935ef573 100644
--- a/src/lib/components/Item.svelte
+++ b/src/lib/components/Item.svelte
@@ -57,7 +57,7 @@
{#if hasBeenInViewport}
-
+
{#if loadingStatus === "loading"}
{@render loadingState()}
{:else}
diff --git a/src/lib/components/Skillbar.svelte b/src/lib/components/Skillbar.svelte
index 4688a70cf..841abc92a 100644
--- a/src/lib/components/Skillbar.svelte
+++ b/src/lib/components/Skillbar.svelte
@@ -24,7 +24,7 @@
-
+
diff --git a/src/lib/components/header/settings/Packs.svelte b/src/lib/components/header/settings/Packs.svelte
index c178636b9..e9354b9b0 100644
--- a/src/lib/components/header/settings/Packs.svelte
+++ b/src/lib/components/header/settings/Packs.svelte
@@ -31,7 +31,7 @@
-
+
{pack.name?.slice(0, 2)}
diff --git a/src/lib/components/item/item-content.svelte b/src/lib/components/item/item-content.svelte
index fb11d7f0a..946c351eb 100644
--- a/src/lib/components/item/item-content.svelte
+++ b/src/lib/components/item/item-content.svelte
@@ -58,7 +58,7 @@
-
+
@@ -98,7 +98,7 @@
-
+
{piece.sourceTab.name?.slice(0, 2)}
@@ -124,7 +124,7 @@
-
+
{packData.name?.slice(0, 2)}
diff --git a/src/lib/layouts/stats/PlayerProfile.svelte b/src/lib/layouts/stats/PlayerProfile.svelte
index 7fa9723d0..40f255bc8 100644
--- a/src/lib/layouts/stats/PlayerProfile.svelte
+++ b/src/lib/layouts/stats/PlayerProfile.svelte
@@ -93,9 +93,9 @@
-
+
-
+
diff --git a/src/lib/sections/stats/Dungeons.svelte b/src/lib/sections/stats/Dungeons.svelte
index fa781277d..a3b45060b 100644
--- a/src/lib/sections/stats/Dungeons.svelte
+++ b/src/lib/sections/stats/Dungeons.svelte
@@ -128,7 +128,7 @@
-
+
diff --git a/src/lib/sections/stats/Slayer.svelte b/src/lib/sections/stats/Slayer.svelte
index f0d1fc0ae..578b400a2 100644
--- a/src/lib/sections/stats/Slayer.svelte
+++ b/src/lib/sections/stats/Slayer.svelte
@@ -36,7 +36,7 @@
-
+
diff --git a/src/lib/sections/stats/farming/garden.svelte b/src/lib/sections/stats/farming/garden.svelte
index 615e2ffc8..76194138a 100644
--- a/src/lib/sections/stats/farming/garden.svelte
+++ b/src/lib/sections/stats/farming/garden.svelte
@@ -140,7 +140,7 @@
content.set(tooltipContent)}>
-
+
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2788099bc..edb1c1fd5 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -317,7 +317,7 @@
{#if !ign || recentSearch.ign !== ign}
-
+
{recentSearch.ign.slice(0, 2)}
@@ -338,7 +338,7 @@
{#if !ign || favorite.ign !== ign}
-
+
{favorite.ign.slice(0, 2)}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index cfaf7a1e8..6078d4132 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -159,7 +159,7 @@
-
+
{user.username?.slice(0, 2)}
From 7482e0d02bd0d1d99dc1fbef2bda45470d0c55f4 Mon Sep 17 00:00:00 2001
From: Ronald Inglett <71849533+inglettronald@users.noreply.github.com>
Date: Sun, 22 Feb 2026 22:56:38 -0600
Subject: [PATCH 09/15] fix: better pixelation (2)
---
src/lib/components/Chip.svelte | 2 +-
src/lib/components/ContainedItem.svelte | 2 +-
src/lib/components/EmptyEquipment.svelte | 2 +-
src/lib/components/Item.svelte | 2 +-
src/lib/components/Skillbar.svelte | 2 +-
src/lib/components/header/settings/Packs.svelte | 2 +-
src/lib/components/item/item-content.svelte | 6 +++---
src/lib/layouts/stats/PlayerProfile.svelte | 4 ++--
src/lib/sections/stats/Dungeons.svelte | 2 +-
src/lib/sections/stats/Slayer.svelte | 2 +-
src/lib/sections/stats/farming/garden.svelte | 2 +-
src/routes/+layout.svelte | 4 ++--
src/routes/+page.svelte | 2 +-
13 files changed, 17 insertions(+), 17 deletions(-)
diff --git a/src/lib/components/Chip.svelte b/src/lib/components/Chip.svelte
index cb2ca4707..e941d9917 100644
--- a/src/lib/components/Chip.svelte
+++ b/src/lib/components/Chip.svelte
@@ -58,7 +58,7 @@
{#if hasBeenInViewport}
-
+
diff --git a/src/lib/components/ContainedItem.svelte b/src/lib/components/ContainedItem.svelte
index 8a4d670e3..516c122eb 100644
--- a/src/lib/components/ContainedItem.svelte
+++ b/src/lib/components/ContainedItem.svelte
@@ -11,7 +11,7 @@
-
+
diff --git a/src/lib/components/EmptyEquipment.svelte b/src/lib/components/EmptyEquipment.svelte
index f382f61b9..f50fd851e 100644
--- a/src/lib/components/EmptyEquipment.svelte
+++ b/src/lib/components/EmptyEquipment.svelte
@@ -18,7 +18,7 @@
{#if selectedPiece}
{:else}
diff --git a/src/lib/components/Item.svelte b/src/lib/components/Item.svelte
index e935ef573..c105e7f71 100644
--- a/src/lib/components/Item.svelte
+++ b/src/lib/components/Item.svelte
@@ -57,7 +57,7 @@
{#if hasBeenInViewport}
-
+
{#if loadingStatus === "loading"}
{@render loadingState()}
{:else}
diff --git a/src/lib/components/Skillbar.svelte b/src/lib/components/Skillbar.svelte
index 841abc92a..ffd7681f7 100644
--- a/src/lib/components/Skillbar.svelte
+++ b/src/lib/components/Skillbar.svelte
@@ -24,7 +24,7 @@
-
+
diff --git a/src/lib/components/header/settings/Packs.svelte b/src/lib/components/header/settings/Packs.svelte
index e9354b9b0..d5b186297 100644
--- a/src/lib/components/header/settings/Packs.svelte
+++ b/src/lib/components/header/settings/Packs.svelte
@@ -31,7 +31,7 @@
-
+
{pack.name?.slice(0, 2)}
diff --git a/src/lib/components/item/item-content.svelte b/src/lib/components/item/item-content.svelte
index 946c351eb..d4af6da7a 100644
--- a/src/lib/components/item/item-content.svelte
+++ b/src/lib/components/item/item-content.svelte
@@ -58,7 +58,7 @@
-
+
@@ -98,7 +98,7 @@
-
+
{piece.sourceTab.name?.slice(0, 2)}
@@ -124,7 +124,7 @@
-
+
{packData.name?.slice(0, 2)}
diff --git a/src/lib/layouts/stats/PlayerProfile.svelte b/src/lib/layouts/stats/PlayerProfile.svelte
index 40f255bc8..e538b2cd6 100644
--- a/src/lib/layouts/stats/PlayerProfile.svelte
+++ b/src/lib/layouts/stats/PlayerProfile.svelte
@@ -93,9 +93,9 @@
-
+
-
+
diff --git a/src/lib/sections/stats/Dungeons.svelte b/src/lib/sections/stats/Dungeons.svelte
index a3b45060b..a1a89a55f 100644
--- a/src/lib/sections/stats/Dungeons.svelte
+++ b/src/lib/sections/stats/Dungeons.svelte
@@ -128,7 +128,7 @@
-
+
diff --git a/src/lib/sections/stats/Slayer.svelte b/src/lib/sections/stats/Slayer.svelte
index 578b400a2..c0eef19e0 100644
--- a/src/lib/sections/stats/Slayer.svelte
+++ b/src/lib/sections/stats/Slayer.svelte
@@ -36,7 +36,7 @@
-
+
diff --git a/src/lib/sections/stats/farming/garden.svelte b/src/lib/sections/stats/farming/garden.svelte
index 76194138a..346d150d0 100644
--- a/src/lib/sections/stats/farming/garden.svelte
+++ b/src/lib/sections/stats/farming/garden.svelte
@@ -140,7 +140,7 @@
content.set(tooltipContent)}>
-
+
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index edb1c1fd5..45f8aaedf 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -317,7 +317,7 @@
{#if !ign || recentSearch.ign !== ign}
-
+
{recentSearch.ign.slice(0, 2)}
@@ -338,7 +338,7 @@
{#if !ign || favorite.ign !== ign}
-
+
{favorite.ign.slice(0, 2)}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 6078d4132..22c9bf231 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -159,7 +159,7 @@
-
+
{user.username?.slice(0, 2)}
From 7987c435c22a2177d7857bddb7e62dc00c905369 Mon Sep 17 00:00:00 2001
From: Ronald Inglett <71849533+inglettronald@users.noreply.github.com>
Date: Sun, 22 Feb 2026 23:15:10 -0600
Subject: [PATCH 10/15] Revert "fix: better pixelation (2)"
This reverts commit 7482e0d02bd0d1d99dc1fbef2bda45470d0c55f4.
---
src/lib/components/Chip.svelte | 2 +-
src/lib/components/ContainedItem.svelte | 2 +-
src/lib/components/EmptyEquipment.svelte | 2 +-
src/lib/components/Item.svelte | 2 +-
src/lib/components/Skillbar.svelte | 2 +-
src/lib/components/header/settings/Packs.svelte | 2 +-
src/lib/components/item/item-content.svelte | 6 +++---
src/lib/layouts/stats/PlayerProfile.svelte | 4 ++--
src/lib/sections/stats/Dungeons.svelte | 2 +-
src/lib/sections/stats/Slayer.svelte | 2 +-
src/lib/sections/stats/farming/garden.svelte | 2 +-
src/routes/+layout.svelte | 4 ++--
src/routes/+page.svelte | 2 +-
13 files changed, 17 insertions(+), 17 deletions(-)
diff --git a/src/lib/components/Chip.svelte b/src/lib/components/Chip.svelte
index e941d9917..cb2ca4707 100644
--- a/src/lib/components/Chip.svelte
+++ b/src/lib/components/Chip.svelte
@@ -58,7 +58,7 @@
{#if hasBeenInViewport}
-
+
diff --git a/src/lib/components/ContainedItem.svelte b/src/lib/components/ContainedItem.svelte
index 516c122eb..8a4d670e3 100644
--- a/src/lib/components/ContainedItem.svelte
+++ b/src/lib/components/ContainedItem.svelte
@@ -11,7 +11,7 @@
-
+
diff --git a/src/lib/components/EmptyEquipment.svelte b/src/lib/components/EmptyEquipment.svelte
index f50fd851e..f382f61b9 100644
--- a/src/lib/components/EmptyEquipment.svelte
+++ b/src/lib/components/EmptyEquipment.svelte
@@ -18,7 +18,7 @@
{#if selectedPiece}
{:else}
diff --git a/src/lib/components/Item.svelte b/src/lib/components/Item.svelte
index c105e7f71..e935ef573 100644
--- a/src/lib/components/Item.svelte
+++ b/src/lib/components/Item.svelte
@@ -57,7 +57,7 @@
{#if hasBeenInViewport}
-
+
{#if loadingStatus === "loading"}
{@render loadingState()}
{:else}
diff --git a/src/lib/components/Skillbar.svelte b/src/lib/components/Skillbar.svelte
index ffd7681f7..841abc92a 100644
--- a/src/lib/components/Skillbar.svelte
+++ b/src/lib/components/Skillbar.svelte
@@ -24,7 +24,7 @@
-
+
diff --git a/src/lib/components/header/settings/Packs.svelte b/src/lib/components/header/settings/Packs.svelte
index d5b186297..e9354b9b0 100644
--- a/src/lib/components/header/settings/Packs.svelte
+++ b/src/lib/components/header/settings/Packs.svelte
@@ -31,7 +31,7 @@
-
+
{pack.name?.slice(0, 2)}
diff --git a/src/lib/components/item/item-content.svelte b/src/lib/components/item/item-content.svelte
index d4af6da7a..946c351eb 100644
--- a/src/lib/components/item/item-content.svelte
+++ b/src/lib/components/item/item-content.svelte
@@ -58,7 +58,7 @@
-
+
@@ -98,7 +98,7 @@
-
+
{piece.sourceTab.name?.slice(0, 2)}
@@ -124,7 +124,7 @@
-
+
{packData.name?.slice(0, 2)}
diff --git a/src/lib/layouts/stats/PlayerProfile.svelte b/src/lib/layouts/stats/PlayerProfile.svelte
index e538b2cd6..40f255bc8 100644
--- a/src/lib/layouts/stats/PlayerProfile.svelte
+++ b/src/lib/layouts/stats/PlayerProfile.svelte
@@ -93,9 +93,9 @@
-
+
-
+
diff --git a/src/lib/sections/stats/Dungeons.svelte b/src/lib/sections/stats/Dungeons.svelte
index a1a89a55f..a3b45060b 100644
--- a/src/lib/sections/stats/Dungeons.svelte
+++ b/src/lib/sections/stats/Dungeons.svelte
@@ -128,7 +128,7 @@
-
+
diff --git a/src/lib/sections/stats/Slayer.svelte b/src/lib/sections/stats/Slayer.svelte
index c0eef19e0..578b400a2 100644
--- a/src/lib/sections/stats/Slayer.svelte
+++ b/src/lib/sections/stats/Slayer.svelte
@@ -36,7 +36,7 @@
-
+
diff --git a/src/lib/sections/stats/farming/garden.svelte b/src/lib/sections/stats/farming/garden.svelte
index 346d150d0..76194138a 100644
--- a/src/lib/sections/stats/farming/garden.svelte
+++ b/src/lib/sections/stats/farming/garden.svelte
@@ -140,7 +140,7 @@
content.set(tooltipContent)}>
-
+
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 45f8aaedf..edb1c1fd5 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -317,7 +317,7 @@
{#if !ign || recentSearch.ign !== ign}
-
+
{recentSearch.ign.slice(0, 2)}
@@ -338,7 +338,7 @@
{#if !ign || favorite.ign !== ign}
-
+
{favorite.ign.slice(0, 2)}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 22c9bf231..6078d4132 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -159,7 +159,7 @@
-
+
{user.username?.slice(0, 2)}
From aa411218e5f6c41790d64df1fb0f37fa620fa2d7 Mon Sep 17 00:00:00 2001
From: Ronald Inglett <71849533+inglettronald@users.noreply.github.com>
Date: Sun, 22 Feb 2026 23:15:11 -0600
Subject: [PATCH 11/15] Revert "fix: better pixelation"
This reverts commit ca350b67260a43dbdf7be8e73ae4501d2cd9802f.
---
src/app.css | 5 -----
src/lib/components/Chip.svelte | 2 +-
src/lib/components/ContainedItem.svelte | 2 +-
src/lib/components/EmptyEquipment.svelte | 2 +-
src/lib/components/Item.svelte | 2 +-
src/lib/components/Skillbar.svelte | 2 +-
src/lib/components/header/settings/Packs.svelte | 2 +-
src/lib/components/item/item-content.svelte | 6 +++---
src/lib/layouts/stats/PlayerProfile.svelte | 4 ++--
src/lib/sections/stats/Dungeons.svelte | 2 +-
src/lib/sections/stats/Slayer.svelte | 2 +-
src/lib/sections/stats/farming/garden.svelte | 2 +-
src/routes/+layout.svelte | 4 ++--
src/routes/+page.svelte | 2 +-
14 files changed, 17 insertions(+), 22 deletions(-)
diff --git a/src/app.css b/src/app.css
index b07b2c1dc..a521c9362 100644
--- a/src/app.css
+++ b/src/app.css
@@ -366,8 +366,3 @@
@apply relative animate-chroma bg-size-[8.875rem_8.875rem] bg-clip-text bg-origin-padding text-transparent!;
background-image: repeating-linear-gradient(-45deg, oklch(62.8% 0.258 29.2), oklch(77.2% 0.174 64.6), oklch(93.1% 0.229 123), oklch(87% 0.29 142), oklch(87.2% 0.255 148), oklch(90.5% 0.155 195), oklch(56.3% 0.241 261), oklch(46.6% 0.304 271), oklch(62.7% 0.307 316), oklch(65.3% 0.268 355), oklch(62.8% 0.258 29.2) 100px);
}
-
-.pixelated {
- image-rendering: crisp-edges;
- image-rendering: -webkit-optimize-contrast;
-}
diff --git a/src/lib/components/Chip.svelte b/src/lib/components/Chip.svelte
index cb2ca4707..5fd079e81 100644
--- a/src/lib/components/Chip.svelte
+++ b/src/lib/components/Chip.svelte
@@ -58,7 +58,7 @@
{#if hasBeenInViewport}
-
+
diff --git a/src/lib/components/ContainedItem.svelte b/src/lib/components/ContainedItem.svelte
index 8a4d670e3..e1b74a335 100644
--- a/src/lib/components/ContainedItem.svelte
+++ b/src/lib/components/ContainedItem.svelte
@@ -11,7 +11,7 @@
-
+
diff --git a/src/lib/components/EmptyEquipment.svelte b/src/lib/components/EmptyEquipment.svelte
index f382f61b9..6a5b89acc 100644
--- a/src/lib/components/EmptyEquipment.svelte
+++ b/src/lib/components/EmptyEquipment.svelte
@@ -18,7 +18,7 @@
{#if selectedPiece}
{:else}
diff --git a/src/lib/components/Item.svelte b/src/lib/components/Item.svelte
index e935ef573..4a3bc3061 100644
--- a/src/lib/components/Item.svelte
+++ b/src/lib/components/Item.svelte
@@ -57,7 +57,7 @@
{#if hasBeenInViewport}
-
+
{#if loadingStatus === "loading"}
{@render loadingState()}
{:else}
diff --git a/src/lib/components/Skillbar.svelte b/src/lib/components/Skillbar.svelte
index 841abc92a..4688a70cf 100644
--- a/src/lib/components/Skillbar.svelte
+++ b/src/lib/components/Skillbar.svelte
@@ -24,7 +24,7 @@
-
+
diff --git a/src/lib/components/header/settings/Packs.svelte b/src/lib/components/header/settings/Packs.svelte
index e9354b9b0..c178636b9 100644
--- a/src/lib/components/header/settings/Packs.svelte
+++ b/src/lib/components/header/settings/Packs.svelte
@@ -31,7 +31,7 @@
-
+
{pack.name?.slice(0, 2)}
diff --git a/src/lib/components/item/item-content.svelte b/src/lib/components/item/item-content.svelte
index 946c351eb..fb11d7f0a 100644
--- a/src/lib/components/item/item-content.svelte
+++ b/src/lib/components/item/item-content.svelte
@@ -58,7 +58,7 @@
-
+
@@ -98,7 +98,7 @@
-
+
{piece.sourceTab.name?.slice(0, 2)}
@@ -124,7 +124,7 @@
-
+
{packData.name?.slice(0, 2)}
diff --git a/src/lib/layouts/stats/PlayerProfile.svelte b/src/lib/layouts/stats/PlayerProfile.svelte
index 40f255bc8..7fa9723d0 100644
--- a/src/lib/layouts/stats/PlayerProfile.svelte
+++ b/src/lib/layouts/stats/PlayerProfile.svelte
@@ -93,9 +93,9 @@
-
+
-
+
diff --git a/src/lib/sections/stats/Dungeons.svelte b/src/lib/sections/stats/Dungeons.svelte
index a3b45060b..fa781277d 100644
--- a/src/lib/sections/stats/Dungeons.svelte
+++ b/src/lib/sections/stats/Dungeons.svelte
@@ -128,7 +128,7 @@
-
+
diff --git a/src/lib/sections/stats/Slayer.svelte b/src/lib/sections/stats/Slayer.svelte
index 578b400a2..f0d1fc0ae 100644
--- a/src/lib/sections/stats/Slayer.svelte
+++ b/src/lib/sections/stats/Slayer.svelte
@@ -36,7 +36,7 @@
-
+
diff --git a/src/lib/sections/stats/farming/garden.svelte b/src/lib/sections/stats/farming/garden.svelte
index 76194138a..615e2ffc8 100644
--- a/src/lib/sections/stats/farming/garden.svelte
+++ b/src/lib/sections/stats/farming/garden.svelte
@@ -140,7 +140,7 @@
content.set(tooltipContent)}>
-
+
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index edb1c1fd5..2788099bc 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -317,7 +317,7 @@
{#if !ign || recentSearch.ign !== ign}
-
+
{recentSearch.ign.slice(0, 2)}
@@ -338,7 +338,7 @@
{#if !ign || favorite.ign !== ign}
-
+
{favorite.ign.slice(0, 2)}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 6078d4132..cfaf7a1e8 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -159,7 +159,7 @@
-
+
{user.username?.slice(0, 2)}
From 95b59f1210698aacf2b59447a32a75f272d81ccc Mon Sep 17 00:00:00 2001
From: Ronald Inglett <71849533+inglettronald@users.noreply.github.com>
Date: Sat, 28 Feb 2026 13:42:39 -0600
Subject: [PATCH 12/15] fix: scroll, hover, and select lunar theme. also add
back PlayerProfile component
---
src/app.css | 5 ++
src/app.html | 2 +-
src/lib/components/Navbar.svelte | 74 ++++++++++---------
.../components/header/settings/Order.svelte | 4 +-
.../components/header/settings/Themes.svelte | 4 +-
src/lib/hooks/is-hover.svelte.ts | 12 +--
src/lib/layouts/stats/Main.svelte | 6 +-
src/lib/sections/stats/Overview.svelte | 6 +-
src/lib/shared/constants/themes/lunar.json | 10 +--
src/lib/stores/themes.ts | 2 +-
src/routes/+layout.svelte | 6 +-
11 files changed, 75 insertions(+), 56 deletions(-)
diff --git a/src/app.css b/src/app.css
index a521c9362..8e53a3c55 100644
--- a/src/app.css
+++ b/src/app.css
@@ -366,3 +366,8 @@
@apply relative animate-chroma bg-size-[8.875rem_8.875rem] bg-clip-text bg-origin-padding text-transparent!;
background-image: repeating-linear-gradient(-45deg, oklch(62.8% 0.258 29.2), oklch(77.2% 0.174 64.6), oklch(93.1% 0.229 123), oklch(87% 0.29 142), oklch(87.2% 0.255 148), oklch(90.5% 0.155 195), oklch(56.3% 0.241 261), oklch(46.6% 0.304 271), oklch(62.7% 0.307 316), oklch(65.3% 0.268 355), oklch(62.8% 0.258 29.2) 100px);
}
+
+body {
+ -webkit-user-select: none;
+ user-select: none;
+}
diff --git a/src/app.html b/src/app.html
index 331f22b85..7b131c709 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,5 +1,5 @@
-
+
diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index c54f8e559..10af9cf9c 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -84,41 +84,47 @@
});
-
- {#snippet viewportChildren()}
-
-
-
- {#each filteredSectionOrderPreferences as section, index (index)}
-
handleSectionClick(section.name)}>
- {section.name?.replaceAll("_", " ")}
+
+
+ {#snippet viewportChildren()}
+
+
+
+ {#each filteredSectionOrderPreferences as section, index (index)}
+
handleSectionClick(section.name)}>
+ {section.name?.replaceAll("_", " ")}
+
+ {/each}
+
+ {/snippet}
+
+
+
+
+
+
+
+
+
+ {@render children?.()}
+
+
+
+
+ {#if previousSection}
+
handleSectionClick(previousSection.name ?? filteredSectionOrderPreferences[0].name)}>
+
+ {previousSection.name.replaceAll("_", " ")}
+
+ {:else}
+
+ {/if}
+ {#if nextSection}
+
handleSectionClick(nextSection.name ?? filteredSectionOrderPreferences[filteredSectionOrderPreferences.length - 1].name)}>
+ {nextSection.name.replaceAll("_", " ")}
+
- {/each}
+ {/if}
- {/snippet}
-
-
-
-
-
-
-
- {@render children?.()}
-
-
- {#if previousSection}
-
handleSectionClick(previousSection.name ?? filteredSectionOrderPreferences[0].name)}>
-
- {previousSection.name.replaceAll("_", " ")}
-
- {:else}
-
- {/if}
- {#if nextSection}
-
handleSectionClick(nextSection.name ?? filteredSectionOrderPreferences[filteredSectionOrderPreferences.length - 1].name)}>
- {nextSection.name.replaceAll("_", " ")}
-
-
- {/if}
diff --git a/src/lib/components/header/settings/Order.svelte b/src/lib/components/header/settings/Order.svelte
index 235e156d5..2f354d20f 100644
--- a/src/lib/components/header/settings/Order.svelte
+++ b/src/lib/components/header/settings/Order.svelte
@@ -2,8 +2,8 @@
function changeTheme(themeId: Theme["id"]) {
const theme = themes.find((theme) => theme.id === themeId);
if (!theme) {
- themeStore.set("default");
- document.documentElement.dataset.theme = "default";
+ themeStore.set("lunar");
+ document.documentElement.dataset.theme = "lunar";
return;
}
if (theme.light) {
diff --git a/src/lib/components/header/settings/Themes.svelte b/src/lib/components/header/settings/Themes.svelte
index dfccc5e95..f9cb505a8 100644
--- a/src/lib/components/header/settings/Themes.svelte
+++ b/src/lib/components/header/settings/Themes.svelte
@@ -2,8 +2,8 @@
function changeTheme(themeId: Theme["id"]) {
const theme = themes.find((theme) => theme.id === themeId);
if (!theme) {
- themeStore.set("default");
- document.documentElement.dataset.theme = "default";
+ themeStore.set("lunar");
+ document.documentElement.dataset.theme = "lunar";
return;
}
if (theme.light) {
diff --git a/src/lib/hooks/is-hover.svelte.ts b/src/lib/hooks/is-hover.svelte.ts
index 120ff5df3..936096b6c 100644
--- a/src/lib/hooks/is-hover.svelte.ts
+++ b/src/lib/hooks/is-hover.svelte.ts
@@ -1,9 +1,11 @@
-import { MediaQuery } from "svelte/reactivity";
+export class IsHover {
+ #current = $state(true);
-const MEDIA_QUERY = "(hover: hover) and (pointer: fine)";
+ constructor() {}
-export class IsHover extends MediaQuery {
- constructor() {
- super(MEDIA_QUERY);
+ get current() {
+ return this.#current;
}
+
+ destroy() {}
}
diff --git a/src/lib/layouts/stats/Main.svelte b/src/lib/layouts/stats/Main.svelte
index 45fbfe426..876af427c 100644
--- a/src/lib/layouts/stats/Main.svelte
+++ b/src/lib/layouts/stats/Main.svelte
@@ -200,7 +200,7 @@
-->
-
+
{#if $performanceMode && !showStaticSkin}
{#snippet child({ props })}
@@ -217,10 +217,10 @@
{/if}
-
-
+
{#if getProfileContext().current}
diff --git a/src/lib/sections/stats/Overview.svelte b/src/lib/sections/stats/Overview.svelte
index 2c12a9db9..c0ec517fc 100644
--- a/src/lib/sections/stats/Overview.svelte
+++ b/src/lib/sections/stats/Overview.svelte
@@ -3,14 +3,16 @@
import Section from "$lib/components/Section.svelte";
import Stats from "$lib/layouts/stats/Stats.svelte";
import AdditionalStats from "$lib/layouts/stats/AdditionalStats.svelte";
+ import PlayerProfile from "$lib/layouts/stats/PlayerProfile.svelte";
let { order }: { order: number } = $props();
\ No newline at end of file
+
diff --git a/src/lib/shared/constants/themes/lunar.json b/src/lib/shared/constants/themes/lunar.json
index e8b7f6492..7c5be9684 100644
--- a/src/lib/shared/constants/themes/lunar.json
+++ b/src/lib/shared/constants/themes/lunar.json
@@ -9,7 +9,7 @@
"backgrounds": {
"skillbar": {
"type": "color",
- "color": "oklch(63.98% 0.1731 150.18)"
+ "color": "oklch(63.98% 0.028 260)"
},
"maxedbar": {
"type": "color",
@@ -18,10 +18,10 @@
},
"colors": {
"logo": "oklch(68.48% 0.2338 351.45)",
- "link": "oklch(81.56% 0.2459 146.24)",
- "icon": "oklch(73.62% 0.2129 147.69)",
- "hover": "oklch(83.81% 0.2303 149.89)",
+ "link": "oklch(81.56% 0.04 260)",
+ "icon": "oklch(73.62% 0.03 260)",
+ "hover": "oklch(83.81% 0.025 260)",
"maxed": "oklch(72.84% 0.1506 75.86)",
"gold": "oklch(82.84% 0.1548 78.27)"
}
-}
\ No newline at end of file
+}
diff --git a/src/lib/stores/themes.ts b/src/lib/stores/themes.ts
index 4b30dd8c0..b359d2a1a 100644
--- a/src/lib/stores/themes.ts
+++ b/src/lib/stores/themes.ts
@@ -2,4 +2,4 @@ import { persisted } from "svelte-persisted-store";
// First param `packs` is the local storage key.
// Second param is the initial value.
-export const theme = persisted("theme", "default");
+export const theme = persisted("theme", "lunar");
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2788099bc..608294776 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -30,7 +30,7 @@
import WifiOff from "@lucide/svelte/icons/wifi-off";
import { isHttpError, type RemoteQuery } from "@sveltejs/kit";
import { Avatar, Button, Command, computeCommandScore, Dialog, Tooltip } from "bits-ui";
- import { onMount, type Snippet } from "svelte";
+ import { onDestroy, onMount, type Snippet } from "svelte";
import SvelteSeo from "svelte-seo";
import { toast, Toaster, type ToasterProps } from "svelte-sonner";
import { cubicOut } from "svelte/easing";
@@ -122,6 +122,10 @@
}
});
+ onDestroy(() => {
+ isHover.destroy();
+ });
+
beforeNavigate(({ type }) => {
if (type === "leave" || type === "link") return;
loading = true;
From cd2aeaf59b9ffe884ad7f413dc9940d84c8e9bb5 Mon Sep 17 00:00:00 2001
From: Ronald Inglett <71849533+inglettronald@users.noreply.github.com>
Date: Sat, 28 Feb 2026 13:44:14 -0600
Subject: [PATCH 13/15] fix: set pinned to true in Navbar component
---
src/lib/components/Navbar.svelte | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 10af9cf9c..d4f363fd3 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -39,7 +39,7 @@
})
);
- let pinned = $state(false);
+ let pinned = $state(true);
let navbarElement = $state(null);
function handleSectionClick(sectionName: SectionName) {
From 3211b7582bd937212a0cdd2308e22337612f8883 Mon Sep 17 00:00:00 2001
From: Ronald Inglett <71849533+inglettronald@users.noreply.github.com>
Date: Sat, 28 Feb 2026 13:50:32 -0600
Subject: [PATCH 14/15] fix: remove some behavior we dont really want to
support from the PlayerProfile component
---
src/lib/layouts/stats/PlayerProfile.svelte | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/lib/layouts/stats/PlayerProfile.svelte b/src/lib/layouts/stats/PlayerProfile.svelte
index 7fa9723d0..18578566f 100644
--- a/src/lib/layouts/stats/PlayerProfile.svelte
+++ b/src/lib/layouts/stats/PlayerProfile.svelte
@@ -185,7 +185,7 @@
-
+
{#snippet profileIcon(gameMode: string)}
{#if gameMode === "bingo"}
From b9c1c986057f4c5245c4ebbe8b85b7007e4a6e8f Mon Sep 17 00:00:00 2001
From: Ronald Inglett <71849533+inglettronald@users.noreply.github.com>
Date: Sat, 28 Feb 2026 14:07:05 -0600
Subject: [PATCH 15/15] fix: supply upscaled textures for armor and potion
icons
---
static/img/textures/item/leather_boots.png | Bin 202 -> 208 bytes
.../img/textures/item/leather_boots_overlay.png | Bin 147 -> 227 bytes
static/img/textures/item/leather_chestplate.png | Bin 182 -> 321 bytes
.../item/leather_chestplate_overlay.png | Bin 185 -> 113 bytes
static/img/textures/item/leather_helmet.png | Bin 222 -> 253 bytes
.../textures/item/leather_helmet_overlay.png | Bin 144 -> 200 bytes
static/img/textures/item/leather_leggings.png | Bin 238 -> 266 bytes
.../textures/item/leather_leggings_overlay.png | Bin 183 -> 202 bytes
static/img/textures/item/potion.png | Bin 165 -> 327 bytes
static/img/textures/item/potion_overlay.png | Bin 144 -> 249 bytes
static/img/textures/item/splash_potion.png | Bin 152 -> 325 bytes
11 files changed, 0 insertions(+), 0 deletions(-)
diff --git a/static/img/textures/item/leather_boots.png b/static/img/textures/item/leather_boots.png
index 61d71988e8ff6f0aec847e94e172006c84b1ee65..89e8c3a353609ad17212feaaa5ddef25252004fe 100644
GIT binary patch
delta 194
zcmX@bc!5!|Gr-TCmrII^fq{Y7)59eQNLzp~2OE%F(Pk|-(N3bi$bP0l+XkKVqi?c
delta 187
zcmcb>c#6@kGr-TCmrII^fq{Y7)59eQNDF{42OE%-|NK7@NHG=%xjQkeJ16rJ$YDu$
z^mSxl*x1kgCy{lcqC|;UiEBhjaDG}zd16s2LqTF@UWr~_YKel0o`Lm?ubDtCww^AI
zAr}705^V|=7C-EHoLe_^C9*28=HK7&h+%+0EeT>gTe~DWM4f7^pgo
diff --git a/static/img/textures/item/leather_boots_overlay.png b/static/img/textures/item/leather_boots_overlay.png
index b6896d87247e4cbacb1d37c2fff2fb8fba3a13d0..c983706babbd516578e4c31ea9eb95d20acb4fcd 100644
GIT binary patch
literal 227
zcmeAS@N?(olHy`uVBq!ia0vp^79h;Q1|(OsS<3+_&H|6fVg?3oVGw3ym^DWNC^*&A
z#WAE}&f7~DIS(0#uwKx)aGq}h>!+#q;sspoFZ9l>=7=&8$X(PlvG~DX)17q;c?>jbDQT!etVf%#Wk%w=WKU*r>KMFW2W9h_z>54qmbKgZn>KZHt=^{Oto78VtIO{j_E^
T#Bv?22HE84>gTe~DWM4fJH1w<
literal 147
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`QJyZ2Ar-fh6C~;mxCDyyee8UA
z#m4m9tc53>`yB(POkeP01>=la|C>b`4LW#3e#l4i#mdco_TQk@VYUGeL+8Uu?b;2A
tBAyyRW(ae!5zk{T7#e;@oKs%5CLCxBgQu&X%Q~loCIEgpGaLW_
diff --git a/static/img/textures/item/leather_chestplate.png b/static/img/textures/item/leather_chestplate.png
index e534aefc720168f998c984f1c6703430984174c9..b91e03d595228ffd47af3235631a31f1d10e96d7 100644
GIT binary patch
literal 321
zcmeAS@N?(olHy`uVBq!ia0vp^79h;Q1|(OsS<3+_&H|6fVg?3oVGw3ym^DWNDEQga
z#WAE}&f6J*d@Tw*tUE*e4{`2w$-ip6q5fE|QnYAH>&zwlw@eOKF;rz>Xs~-S=X9Ly
z!#$@JDg=byIIg?HZ5-_#x?iiR{@c0FPpi96L~-~{O(byS?Wre3uTHLK705aJfwL>y=#H@>hZN_l4((M_`+a=54qo$_
zyCAG>wXHCR7U#C)U7}YX6aZP%qQkB{p8ajj7k(B;MaRldT}(^f)i6Y)x7RPO`OpjW
OK7*&LpUXO@geCwip?W(2
literal 182
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`wVp1HAr-gIPCm$az<|RwR%^0F
z;#0`Cs29&~V?@MWi>+mSaX_#|zbMyV{;5^Khn_&h#kO|J1NX
zo~178nm1z|v;LVZNrtk?WzVb+2{Nag`|03ST)L*{>(|W9n;oS$%(~4We4EXkLEnx|
fVoBF|`}?fFM0;jk(^1+CbO?i|tDnm{r-UW|W;j9$
diff --git a/static/img/textures/item/leather_chestplate_overlay.png b/static/img/textures/item/leather_chestplate_overlay.png
index 125fd34875231f0df65ad865a6d941045c65bba3..751cab573e152f136f7994dbd2ca1792916ec7b8 100644
GIT binary patch
literal 113
zcmeAS@N?(olHy`uVBq!ia0vp^79h;Q1|(OsS<3+_&H|6fVg?3oVGw3ym^DWND5&h|
w;uumf=j}m8ULfz#g75yh{Olq?CJZ=CXEU^5V2rZca2h1!>FVdQ&MBb@07f4bn*aa+
literal 185
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`4W2HJAr-fh6C_FwxCDyybc!Ai
zFfctgYvBoJepf>unHI+!*T6WRvkJZjt_o(Glv0>CoJ`he_&71Pbq(8U#uIuD-?+>S
zd6*}}Hs%TMI=vz5*wd*Y?7TY^Epm^gGgKWAGGS2hoXCBF*WtR)7Dj`k2I3P^7&awM
i;%$&@;t!T(V7UD=i#sF!?_Z!>7(8A5T-G@yGywom!#zv@
diff --git a/static/img/textures/item/leather_helmet.png b/static/img/textures/item/leather_helmet.png
index 6f64763870a5851bd057210602ec563364ec89b8..f13bedb0c1b9e1509c07589418572cdf277e9e31 100644
GIT binary patch
delta 239
zcmcb|_?J3iW|Ng1mp9pNSz*}xd_zi2w9)&z
z;Ay$$S9!Wv)K@QH`}69Gr|X0V86g2%GQ^EDaxU&rHGX9K^@W(Jkc}Jb+egJgqHm=x
nF6y`XVJb9dLle-^4F7I$ttfh+c
diff --git a/static/img/textures/item/leather_helmet_overlay.png b/static/img/textures/item/leather_helmet_overlay.png
index 8040d77f22d37dc28a16d43b09869362639a1a7b..a6ef836a1040b9832c06168bf4fcade8f240e23b 100644
GIT binary patch
literal 200
zcmeAS@N?(olHy`uVBq!ia0vp^79h;Q1|(OsS<3+_&H|6fVg?3oVGw3ym^DWNC|Kp`
z;uumf=k4{4oXmzi4uOr#vlN(97{jHMKHvFQka;;~qSmJOwig(j_HR&TVA!#_%J%%~
zPT47};`?uXoHu=Q&britFPqj*by@Bbt=;L@xh-tB`meLe)ume>mut#D{!^NyntAYH
s)7qsj?Jm*YoqV0!rtMY-x$>jCykFTtscG{)egJt4p00i_>zopr0Cs#wE&u=k
literal 144
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`;hrvzAr-fh6C~yxa0wJ?`|oTx
z!+*=Om4(+5&brD~CGeygYjk}QS}r-Ak%f0*7o!4e0P}-H2BGFmwNtDLv*xz`v^R1y
rYx&03ATlwPp~zwZbJIWhgA5Ei)to0tw4ROyTEXDy>gTe~DWM4fuYoOm
diff --git a/static/img/textures/item/leather_leggings.png b/static/img/textures/item/leather_leggings.png
index c2d3f03265e3d1b8b4450691bce091d779b6132d..73d7be6ad822b92678bd03b0ee5463fd2ac60309 100644
GIT binary patch
delta 252
zcmV1p)iYaP`5udH4t_ee+t>vHvj$Jo*ECd=3
z-p6(kZ2{TMRQe&X%Ih5j007weQXW(U{=mT%BI?0&sp8;t&m~8o;Ghyw;|$)$c0i$@foJERLtqy<2jgAGW^fBv5cq!^2X+?^QKos)S9_}l>e@MqPY*OKiP~_|osaL($4?5ncf|!I<4bk;8H}}8uWFu|
zeKL^o!HsDNaZEkiSn8H=g#B*4S?BbpWA%c+;&t2%sZBZctO^a0^CeIJb?A`Ot#~T*
U@vV;YwgMnf8
zx|P#6d&-}vKHId^^hT@m^Nsh@rEVQIDcySh?im~Xv}cv!Gy5Y8E+j;TmvFs*m)l(a
uS?9-<_tHHzUzXN>naJjyF90;0HhWE@gF+DRoIzq{J{Rg
zvi}aV9k~7r3mwm5@DMa(-q3mZ2zLZC_jHR~9)~_Br$<$Mt7fnrcqDh1A?J|LJFb$_iJ3j;$!?3WTA=UsAL>s7)^sq5H)6aV}
zA&oO@O2qzY#p~mjozY^87BUGBl(p0h{{L-F5rZa>KZi>+mg!r<8yH$+CK$0Z6Tl2&$MSHF*>*XdOu~Wrs0grrvE~7l{fly0&QbbnEjl&ZvC<4
UfBpu|00shsr>mdKI;Vst0NXHpl>h($
literal 165
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Ii4<#Ar_~T6C|!Y@LKo0ULfw}
zx?l54&ie2FZ@;-tQzqZ;f18Q3gOr0=^M{gR!%Mskl1z(|fAjxU*XGeMVh~|FQ8S6B
zG1Kk4d0^XvOFml^MWh?NlfU2MKEkS@$Lb>8;4A1kYa*}Xag&n;491hHx1>K=><6@$
N!PC{xWt~$(697xoIh6na
diff --git a/static/img/textures/item/potion_overlay.png b/static/img/textures/item/potion_overlay.png
index 852260d71a6c2f400d49c0fff0e35172df6328f8..aaca8c2bbbb0b53a76b43e8cb4843d2b24ceba73 100644
GIT binary patch
literal 249
zcmeAS@N?(olHy`uVBq!ia0vp^79h;Q1|(OsS<3+_&H|6fVg?3oVGw3ym^DWND7f0w
z#WAE}&fDvbTt^gmS|8pq4KJF?yyJtMWq4bnL`T!5xl#Z4H?0h)Ig+5w1XK?OADAXS
zd7dV=Iq2%TCn=5&i<^stV$b;7t$Sy;_NvdRJg)<%tuqck`xK?JcI&!%Y}4-cG}xD1
z(6?MSQWZDfJgBb!;EE`!OI#lC;ZryditO6
rThk!~R0p>%M08V*!(U54O84cPToi7;$j{!-;2=j6Z{F
VpJ+NJ%maFW!PC{xWt~$(69A+@fBgUe
literal 152
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`@t!V@Ar_~T6C{Ejc&&S0FR;wx
zvsZcOCEkv=_Fw9E?UaZxKFOA2_n&PYV+seyzopr0Nk=S
A6aWAK