tweaking css

glance-system/glance-orsi.yaml

@@ -1176,17 +1176,9 @@ 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 {
+    /* Widgets inside split-column/masonry should be fully transparent */
+    .widget-type-split-column .masonry-column .widget,
+    .widget-type-split-column .widget-content .widget {
       background: transparent !important;
       background-color: transparent !important;
       border: none !important;
@@ -1196,28 +1188,36 @@ data:
     }
 
     /* Keep the split-column container itself glassy */
-    .widget-type-split-column {
+    .widget.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 content areas inside split-column */
     .widget-type-split-column .widget-content {
       background: transparent !important;
     }
 
+    /* =========================================================================
+      Fix black borders - make them purple-tinted for ALL widgets
+      ========================================================================= */
+
+    .widget {
+      border: 1px solid rgba(226, 146, 255, 0.15) !important;
+    }
+
+    /* Widget headers should also have purple border if they have one */
+    .widget-header {
+      border-bottom-color: rgba(226, 146, 255, 0.15) !important;
+    }
+
     /* =========================================================================
       Forcing transparency on no-tint iframes
       ========================================================================= */