From 89f197375ce46d4167f31d31b90227a94bd65700 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sat, 14 Dec 2024 12:42:38 +0600
Subject: [PATCH] web/SupportedServices: better glow in dark mode

---
 web/src/components/save/SupportedServices.svelte | 2 +-
 web/src/routes/+layout.svelte                    | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/src/components/save/SupportedServices.svelte b/web/src/components/save/SupportedServices.svelte
index 28e97859..0b51e577 100644
--- a/web/src/components/save/SupportedServices.svelte
+++ b/web/src/components/save/SupportedServices.svelte
@@ -78,7 +78,7 @@
         background: var(--button);
         box-shadow:
             var(--button-box-shadow),
-            0 0 10px 10px var(--button-stroke);
+            0 0 10px 10px var(--popover-glow);
 
         position: relative;
         padding: 12px;
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 1a878aff..062c2536 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -123,6 +123,8 @@
         --button-elevated-hover: #dadada;
         --button-elevated-shimmer: #ededed;
 
+        --popover-glow: var(--button-stroke);
+
         --popup-bg: #f1f1f1;
         --popup-stroke: rgba(0, 0, 0, 0.08);
 
@@ -198,6 +200,8 @@
         --button-elevated: #282828;
         --button-elevated-hover: #323232;
 
+        --popover-glow: rgba(135, 135, 135, 0.15);
+
         --popup-bg: #191919;
         --popup-stroke: rgba(255, 255, 255, 0.08);