fixes

Signed-off-by: amanycodes <amanycodes@gmail.com>

Author: amanycodes

web/ui/mantine-ui/src/pages/AlertsPage.module.css

@@ -1,8 +1,3 @@
 .item {
-    background-color: light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
-  }
-  
-.item[data-active] {
-    background-color: light-dark(var(--mantine-color-body-light), var(--mantine-color-body-dark));
-  }
-  
+    background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-5));
+  }

web/ui/mantine-ui/src/pages/AlertsPage.tsx

@@ -283,15 +283,6 @@ export default function AlertsPage() {
                     return (
                       <Accordion.Item
                         mt={rem(5)}
-                        styles={{
-                          item: {
-                            // TODO: This transparency hack is an OK workaround to make the collapsed items
-                            // have a different background color than their surrounding group card in dark mode,
-                            // but it would be better to use CSS to override the light/dark colors for
-                            // collapsed/expanded accordion items.
-                            backgroundColor: "#c0c0c015",
-                          },
-                        }}
                         key={j}
                         value={j.toString()}
                         className={