From b1ba275d0a95f47fa445217f2a6af7aa950590c3 Mon Sep 17 00:00:00 2001
From: buzz-lightsnack-2007
 <73412182+buzz-lightsnack-2007@users.noreply.github.com>
Date: Thu, 9 May 2024 13:02:20 +0800
Subject: [PATCH] reassign the box shadow to each element instead

---
 styles/colors/all.backgrounds.collapsible.css | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/styles/colors/all.backgrounds.collapsible.css b/styles/colors/all.backgrounds.collapsible.css
index 9fbeb15..b264199 100644
--- a/styles/colors/all.backgrounds.collapsible.css
+++ b/styles/colors/all.backgrounds.collapsible.css
@@ -1,19 +1,27 @@
 .collapsible .collapsible-header, .collapsible .collapsible-body {
 	background-color: var(--background-color-card);
 };
-
+/*
 .collapsible > li {
 	border-color: var(--separator-color) !important;
-};
+};*/
 
 /* Active events */
 .collapsible .collapsible-header:focus, .collapsible .collapsible-header:active {
 	background-color: var(--surface-color);
 }
 
+.collapsible {
+	background-color: none;
+	box-shadow: none;
+}
+
+.collapsible > li {
+	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+}
+
 .collapsible .collapsible-header:hover {
 	background-color: var(--hover-color);
-	
 }
 
 .collapsible .active .collapsible-header {
@@ -21,5 +29,6 @@
 }
 
 .collapsible > li:has(.collapsible-header:hover) {
-	border: 1px solid var(--hover-color);
-}
\ No newline at end of file
+	
+}
+