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 8/9] 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 9/9] 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)}