From 33f36f7dc01a968323d1644e5a09e84997e92570 Mon Sep 17 00:00:00 2001 From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com> Date: Wed, 3 Sep 2025 10:27:51 +0300 Subject: [PATCH] Add files via upload --- .config/swaync/style.css | 74 +++++++++++++++++++++++++++++++++++----- 1 file changed, 65 insertions(+), 9 deletions(-) diff --git a/.config/swaync/style.css b/.config/swaync/style.css index 290d0d0..29cc8b3 100644 --- a/.config/swaync/style.css +++ b/.config/swaync/style.css @@ -16,6 +16,7 @@ @define-color text-color rgba(145, 200, 228, 255); @define-color text-color-disabled rgb(0, 0, 150); +@define-color bg-unselected rgb(28, 110, 164); @define-color bg-selected rgba(145, 200, 228, .8); @@ -243,8 +244,8 @@ .widget-dnd > switch { font-size: initial; border-radius: 24px; - background: @noti-bg; - border: 1px solid @noti-border-color; + background: @bg-unselected; + border: 1px solid @bg-unselected; box-shadow: none; } .widget-dnd > switch:checked { @@ -263,22 +264,77 @@ font-size: 1.1rem; } + + + /* Mpris widget */ +/* ------------------------ + Container & Player Card + ------------------------ */ .widget-mpris { - /* The parent to all players */ + margin: 8px; /* spacing around the entire MPRIS widget */ } -.widget-mpris-player { + +.widget-mpris .widget-mpris-player { + margin: 4px; /* inner card padding */ + border-radius: 12px; /* rounded corners */ + box-shadow: 0 0 10px rgba(37, 36, 35, 0.75); +} + +/* ------------------------- + Blurred Background Layer + ------------------------- */ +.widget-mpris .widget-mpris-player .mpris-background { + filter: blur(10px); +} + +/* ------------------- + Overlay & Controls + ------------------- */ +.widget-mpris .widget-mpris-player .mpris-overlay { padding: 8px; - margin: 4px; + background-color: rgba(60, 56, 54, 0.55); } -.widget-mpris-title { + +/* Button hover state */ +.widget-mpris .widget-mpris-player .mpris-overlay button:hover { + background-color: var(--noti-bg-hover); +} + +/* ----------------- + Album Art & Text + ----------------- */ +.widget-mpris .widget-mpris-player .mpris-overlay .widget-mpris-album-art { + border-radius: 12px; + box-shadow: 0 0 10px rgba(37, 36, 35, 0.75); + -gtk-icon-size: 96px; +} + +.widget-mpris .widget-mpris-player .mpris-overlay .widget-mpris-title { font-weight: bold; - font-size: 2.00rem; + font-size: 1.25rem; + color: var(--text-color); } -.widget-mpris-subtitle { - font-size: 1.0rem; + +.widget-mpris .widget-mpris-player .mpris-overlay .widget-mpris-subtitle { + font-size: 1.1rem; + color: var(--text-color); } +/* ---------------- + Control Buttons + ---------------- */ +.widget-mpris .widget-mpris-player .mpris-overlay > box > button { + color: var(--text-color); +} + +.widget-mpris .widget-mpris-player .mpris-overlay > box > button:disabled { + color: var(--text-disabled); +} + + + + /* Buttons widget */ .widget-buttons-grid { padding: 8px;