From 88fa780f6da417e57e0929f169b8b40bf40bf204 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sun, 21 Jul 2024 17:06:47 +0600
Subject: [PATCH] web/layout: add dark theme skeleton gradient

---
 web/src/routes/+layout.svelte | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index c342d62e..2cf815c9 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -107,6 +107,7 @@
 
         --switcher-padding: var(--sidebar-inner-padding);
 
+        /* used for fading the tab bar on scroll */
         --sidebar-mobile-gradient: linear-gradient(
             90deg,
             rgba(0, 0, 0, 0.9) 0%,
@@ -165,6 +166,13 @@
             rgba(16, 16, 16, 0) 96%,
             rgba(16, 16, 16, 0.9) 100%
         );
+
+        --skeleton-gradient: linear-gradient(
+            90deg,
+            var(--button),
+            var(--button-hover),
+            var(--button)
+        );
     }
 
     :global([data-theme="light"] [data-reduce-transparency="true"]) {