From c14f88e2906f02d1759e2e2b4c585be30390e9ea Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 12 Feb 2025 21:26:05 +0200
Subject: [PATCH] disable shadow inheritance

---
 src/App.scss   | 5 +++++
 src/panel.scss | 7 +++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 78c20c0f9..db47c48b8 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -1096,3 +1096,8 @@ option {
     }
   }
 }
+
+@property --shadow {
+  syntax: "*";
+  inherits: false;
+}
diff --git a/src/panel.scss b/src/panel.scss
index 47d55aa4a..ecc39f43a 100644
--- a/src/panel.scss
+++ b/src/panel.scss
@@ -2,6 +2,7 @@
 .panel {
   --__panel-background: var(--background);
   --__panel-backdrop-filter: var(--backdrop-filter);
+  --_shadow: var(--shadow);
 
   .tab-switcher .tabs {
     background: var(--__panel-background);
@@ -29,7 +30,7 @@
     left: 0;
     right: 0;
     z-index: 5;
-    box-shadow: var(--shadow);
+    box-shadow: var(--_shadow);
     pointer-events: none;
   }
 }
@@ -154,11 +155,13 @@
     linear-gradient(to bottom, var(--background), var(--background)),
     linear-gradient(to bottom, var(--__panel-background), var(--__panel-background));
 
+  --_shadow: var(--shadow);
+
   &::after {
     background-color: var(--background);
     z-index: -2;
     border-radius: var(--roundness) var(--roundness) 0 0;
-    box-shadow: var(--shadow);
+    box-shadow: var(--_shadow);
   }
 
   &:not(.-flexible-height) {