diff --git a/glance-system/glance-orsi.yaml b/glance-system/glance-orsi.yaml index 47c1bac..e40cd8b 100644 --- a/glance-system/glance-orsi.yaml +++ b/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 ========================================================================= */