This might be the final design

henrovnix_ok/assets/conf/desktop/notifications/ncsway/style.css

@@ -8,11 +8,9 @@
 @define-color text     rgba(255, 255, 255, 1.0);
 @define-color surface1 rgba(255, 255, 255, 0.08);
 @define-color subtext1 rgba(255, 255, 255, 0.35);
-
 @define-color blue     rgba(51, 204, 255, 0.933);
 @define-color green    rgba(0, 255, 153, 0.933);
 @define-color red      rgba(255, 0, 0, 0.90);
-
 * {
     color: @text;
     font-family:
@@ -21,7 +19,6 @@
         Sans;
     font-size: 13px;
 }
-
 /* Remove list selection glow */
 list,
 listview,
@@ -36,12 +33,10 @@ listview row:active {
     box-shadow: none;
     outline: none;
 }
-
 /* Popups: keep window transparent, but make the *notification surfaces* opaque base */
 window#notification-window {
     background: transparent;
 }
-
 /* Control center — EXACT same as Waybar base */
 .control-center {
     background-color: @base;
@@ -52,7 +47,6 @@ window#notification-window {
     border: 1px solid rgba(255, 255, 255, 0.08);
     box-shadow: none;
 }
-
 /* Widget headers — use Waybar surface1 */
 .widget-title {
     margin-bottom: 10px;
@@ -61,19 +55,16 @@ window#notification-window {
     background-color: @surface1;
     border: 1px solid rgba(255, 255, 255, 0.08);
 }
-
 .widget-title > label {
     font-size: 14px;
     font-weight: 700;
 }
-
 /* Cards — EXACT same as Waybar base */
 .notification-background {
     margin: 10px 0;
     padding: 0;
     background: transparent;
 }
-
 .notification-background .notification {
     background-color: @base;
     border-radius: 10px;
@@ -81,7 +72,6 @@ window#notification-window {
     border: 1px solid rgba(255, 255, 255, 0.08);
     box-shadow: none;
 }
-
 /* Accent by urgency */
 .notification.critical {
     border-left: 4px solid @red;
@@ -92,7 +82,6 @@ window#notification-window {
 .notification.normal {
     border-left: 4px solid @green;
 }
-
 /* Meta */
 .notification .app-name {
     color: @subtext1;
@@ -102,20 +91,17 @@ window#notification-window {
     color: @subtext1;
     font-size: 12px;
 }
-
 /* Text */
 .notification .summary {
     color: @text;
     font-weight: 800;
     font-size: 14px;
 }
-
 .notification .body {
     color: @subtext1;
     margin-top: 6px;
     line-height: 1.25;
 }
-
 /* Buttons */
 .notification button {
     border-radius: 10px;
@@ -124,7 +110,6 @@ window#notification-window {
     box-shadow: none;
     padding: 6px 10px;
 }
-
 .notification button:hover {
     background-color: rgba(255, 255, 255, 0.14);
 }

henrovnix_ok/assets/conf/desktop/waybar/config.jsonc

@@ -1,6 +1,6 @@
 {
   "layer": "top",
-  "height": 42,
+  "height": 34,
 
   //"modules-left": ["hyprland/window"],
 

henrovnix_ok/assets/conf/desktop/waybar/style.css

@@ -22,7 +22,7 @@
 }
 
 window#waybar {
-    background-color: @base;
+    background-color: transparent;
     color: @text;
     transition-property: background-color;
     border-bottom: 0px solid rgba(0, 0, 0, 0);