From 5d585d8a6c85538b84066946e0d2d242c1c65110 Mon Sep 17 00:00:00 2001
From: Alec Armbruster <35377827+alectrocute@users.noreply.github.com>
Date: Fri, 27 Sep 2024 17:52:09 -0700
Subject: [PATCH] fix rounded corners

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

diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 369f9b4c..1dc2f438 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -78,6 +78,7 @@
     <div
         id="cobalt"
         class:loaded={browser}
+        class:dark-sidebar={$settings.appearance.darkSidebar}
         data-iphone={device.is.iPhone}
         data-reduce-motion={reduceMotion}
         data-reduce-transparency={reduceTransparency}
@@ -265,9 +266,14 @@
             calc(var(--sidebar-width) + var(--sidebar-inner-padding) * 2)
             1fr;
         overflow: hidden;
-        background-color: var(--sidebar-bg);
         color: var(--secondary);
         position: fixed;
+        background-color: var(--sidebar-bg);
+    }
+
+    /* only way to make the rounded corners the correct color */
+    :global(#cobalt.dark-sidebar) {
+        background-color: #101010 !important;
     }
 
     /* add padding for notch / dynamic island in landscape */