diff --git a/henrovnix_ok/assets/conf/desktop/hypr/hyprland.conf b/henrovnix_ok/assets/conf/desktop/hypr/hyprland.conf index ac3bd80b7..9f27bb7e1 100644 --- a/henrovnix_ok/assets/conf/desktop/hypr/hyprland.conf +++ b/henrovnix_ok/assets/conf/desktop/hypr/hyprland.conf @@ -58,6 +58,8 @@ general { layout = scrolling resize_on_border = true extend_border_grab_area = 20 # Makes it easier to "grab" the edge + layerrule = blur, swaync-control-center + layerrule = blur, swaync-notification-window } decoration { rounding = 5 diff --git a/henrovnix_ok/assets/conf/desktop/notifications/ncsway/style.css b/henrovnix_ok/assets/conf/desktop/notifications/ncsway/style.css index 1859648a3..73dad6357 100644 --- a/henrovnix_ok/assets/conf/desktop/notifications/ncsway/style.css +++ b/henrovnix_ok/assets/conf/desktop/notifications/ncsway/style.css @@ -24,179 +24,184 @@ @define-color red #f38ba8; /* If you want even more blur-through effect, increase transparency a bit */ -@define-color panel_rgba rgba(30, 30, 46, 0.78); -@define-color card_rgba rgba(49, 50, 68, 0.78); +@define-color panel_rgba rgba(30, 30, 46, 0.15); +@define-color card_rgba rgba(49, 50, 68, 0.15); /* ---- Kill GTK list row selection glow (common tweak) ---- */ -list, listview, row, -listview row, listview row:selected, listview row:hover, -listview row:focus, listview row:active { - background-color: transparent; - background-image: none; - box-shadow: none; - outline: none; +list, +listview, +row, +listview row, +listview row:selected, +listview row:hover, +listview row:focus, +listview row:active { + background-color: transparent; + background-image: none; + box-shadow: none; + outline: none; } /* ---- Global defaults ---- */ * { - color: @text; - font-family: "Aporetic Sans Mono", "Iosevka Nerd Font", "Sans"; - font-size: 13px; + color: @text; + font-family: "Aporetic Sans Mono", "Iosevka Nerd Font", "Sans"; + font-size: 13px; } .notification-row { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } /* Notification popup window */ window#notification-window { - background: transparent; + background: transparent; } /* Control center window */ .control-center { - background-color: @panel_rgba; - border-radius: 18px; - padding: 14px; - box-shadow: 0 10px 30px rgba(0,0,0,0.45); - border: 1px solid rgba(186, 194, 222, 0.10); + background-color: @panel_rgba; + border-radius: 18px; + padding: 14px; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45); + border: 1px solid rgba(186, 194, 222, 0.1); } /* Widgets */ .widget-title { - margin: 0 0 10px 0; - padding: 6px 10px; - border-radius: 14px; - background-color: rgba(24, 24, 37, 0.70); - border: 1px solid rgba(186, 194, 222, 0.08); + margin: 0 0 10px 0; + padding: 6px 10px; + border-radius: 14px; + background-color: rgba(24, 24, 37, 0.7); + border: 1px solid rgba(186, 194, 222, 0.08); } .widget-title > label { - font-size: 14px; - font-weight: 700; + font-size: 14px; + font-weight: 700; } .widget-title button { - border-radius: 12px; - padding: 6px 10px; - background-color: rgba(69, 71, 90, 0.55); - border: 1px solid rgba(186, 194, 222, 0.10); - box-shadow: none; + border-radius: 12px; + padding: 6px 10px; + background-color: rgba(69, 71, 90, 0.55); + border: 1px solid rgba(186, 194, 222, 0.1); + box-shadow: none; } .widget-title button:hover { - background-color: rgba(88, 91, 112, 0.55); + background-color: rgba(88, 91, 112, 0.55); } .widget-dnd { - margin: 0 0 12px 0; - padding: 10px 12px; - border-radius: 16px; - background-color: rgba(24, 24, 37, 0.65); - border: 1px solid rgba(186, 194, 222, 0.08); + margin: 0 0 12px 0; + padding: 10px 12px; + border-radius: 16px; + background-color: rgba(24, 24, 37, 0.65); + border: 1px solid rgba(186, 194, 222, 0.08); } .widget-dnd .switch { - border-radius: 999px; + border-radius: 999px; } .widget-notifications { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } /* ---- Notification cards (both popup + center list) ---- */ .notification-background { - margin: 10px 0; - padding: 0; - background: transparent; + margin: 10px 0; + padding: 0; + background: transparent; } .notification-background .notification { - background-color: @card_rgba; - border-radius: 16px; - padding: 12px 12px; - border: 1px solid rgba(186, 194, 222, 0.10); - box-shadow: 0 8px 22px rgba(0,0,0,0.35); + background-color: @card_rgba; + border-radius: 16px; + padding: 12px 12px; + border: 1px solid rgba(186, 194, 222, 0.1); + box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35); } /* Left colored accent bar using urgency */ .notification.critical { - border-left: 4px solid @red; + border-left: 4px solid @red; } .notification.low { - border-left: 4px solid @blue; + border-left: 4px solid @blue; } .notification.normal { - border-left: 4px solid @green; + border-left: 4px solid @green; } /* Header/meta */ .notification .app-name { - color: @subtext1; - font-weight: 700; + color: @subtext1; + font-weight: 700; } .notification .time { - color: @subtext0; - font-size: 12px; + color: @subtext0; + font-size: 12px; } /* Text */ .notification .summary { - color: @text; - font-weight: 800; - font-size: 14px; - margin-top: 2px; + color: @text; + font-weight: 800; + font-size: 14px; + margin-top: 2px; } .notification .body { - color: @subtext1; - margin-top: 6px; - line-height: 1.25; + color: @subtext1; + margin-top: 6px; + line-height: 1.25; } /* Icons */ .notification .image { - border-radius: 12px; + border-radius: 12px; } .notification .app-icon { - border-radius: 10px; + border-radius: 10px; } /* Buttons */ .notification button { - border-radius: 12px; - background-color: rgba(69, 71, 90, 0.55); - border: 1px solid rgba(186, 194, 222, 0.10); - box-shadow: none; - padding: 6px 10px; + border-radius: 12px; + background-color: rgba(69, 71, 90, 0.55); + border: 1px solid rgba(186, 194, 222, 0.1); + box-shadow: none; + padding: 6px 10px; } .notification button:hover { - background-color: rgba(88, 91, 112, 0.55); + background-color: rgba(88, 91, 112, 0.55); } .notification .close-button { - border-radius: 12px; - background-color: rgba(243, 139, 168, 0.12); - border: 1px solid rgba(243, 139, 168, 0.18); + border-radius: 12px; + background-color: rgba(243, 139, 168, 0.12); + border: 1px solid rgba(243, 139, 168, 0.18); } .notification .close-button:hover { - background-color: rgba(243, 139, 168, 0.20); + background-color: rgba(243, 139, 168, 0.2); } /* Empty state */ .control-center .placeholder { - color: @subtext0; + color: @subtext0; } /* Optional: nicer separators if you use them in your build */ separator { - background: rgba(186, 194, 222, 0.08); -} \ No newline at end of file + background: rgba(186, 194, 222, 0.08); +} diff --git a/henrovnix_ok/assets/conf/desktop/waybar/style.css b/henrovnix_ok/assets/conf/desktop/waybar/style.css index 7f0d0dc28..68bd1a0cd 100644 --- a/henrovnix_ok/assets/conf/desktop/waybar/style.css +++ b/henrovnix_ok/assets/conf/desktop/waybar/style.css @@ -38,28 +38,18 @@ window#waybar { border-radius: 10px; } -/* Main notification window */ -.notification-row, -.notification, -.notification-group { - background-color: rgba(30, 30, 46, 0.15); - border: 1px solid rgba(255, 255, 255, 0.08); +#custom-notifications { + margin: 0 4px; + padding: 0 4px; + min-width: 0; } -/* Control center */ -.control-center { - background-color: rgba(30, 30, 46, 0.15); +#custom-notifications.empty { + color: @overlay1; } -/* Notification body */ -.notification-content { - background-color: rgba(30, 30, 46, 0.15); -} - -/* Optional: blur look */ -.notification, -.control-center { - backdrop-filter: blur(8px); +#custom-notifications.unread { + color: @yellow; } #workspaces button:hover {