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"]) {