fixed background

glance-system/glance-orsi.yaml

@@ -944,12 +944,6 @@ data:
       background-color: rgba(80, 50, 110, 0.8) !important;
     }
 
-    .widget-type-calendar,
-    .widget-type-weather,
-    .widget-type-to-do {
-      background-color: rgba(45, 31, 61, 0.55) !important;
-    }
-
     /* RSS feed items */
     .rss-item, .feed-item {
       background-color: rgba(60, 40, 80, 0.5) !important;
@@ -1178,6 +1172,52 @@ data:
       );
     }
 
+    /* =========================================================================
+      Fix split-column inner widgets - make them transparent
+      ========================================================================= */
+
+    /* Remove the old dark backgrounds from these widget types */
+    .widget-type-calendar,
+    .widget-type-weather,
+    .widget-type-to-do,
+    .widget-type-custom-api {
+      background: transparent !important;
+      background-color: transparent !important;
+    }
+
+    /* Widgets inside split-column should be fully transparent */
+    .widget-type-split-column .widget {
+      background: transparent !important;
+      background-color: transparent !important;
+      border: none !important;
+      backdrop-filter: none !important;
+      -webkit-backdrop-filter: none !important;
+      box-shadow: none !important;
+    }
+
+    /* Keep the split-column container itself glassy */
+    .widget-type-split-column {
+      background: rgba(45, 31, 61, 0.55) !important;
+      border: 1px solid rgba(226, 146, 255, 0.15) !important;
+      backdrop-filter: blur(6px) !important;
+      -webkit-backdrop-filter: blur(6px) !important;
+    }
+
+    /* Fix black borders - make them purple-tinted */
+    .widget {
+      border: 1px solid rgba(226, 146, 255, 0.15) !important;
+    }
+
+    /* Masonry columns inside split-column */
+    .widget-type-split-column .masonry-column {
+      background: transparent !important;
+    }
+
+    /* Widget content areas */
+    .widget-type-split-column .widget-content {
+      background: transparent !important;
+    }
+
     /* =========================================================================
       Forcing transparency on no-tint iframes
       ========================================================================= */