New colors

This commit is contained in:
2026-02-27 15:45:36 +01:00
parent 8b8f3ce7c9
commit f199c0402a
2 changed files with 88 additions and 39 deletions
@@ -1,15 +1,17 @@
/* Match Waybar palette exactly */
/* SwayNotificationCenter (swaync) — EXACT Waybar match
* Put in: ~/.config/swaync/style.css
*
* swaync loads GTK CSS for theming.
*/
@define-color base rgba(30, 30, 46, 1.0);
@define-color text rgba(255, 255, 255, 1.0);
@define-color blue rgba(51, 204, 255, 0.933);
@define-color green rgba(0, 255, 153, 0.933);
@define-color surface1 rgba(255, 255, 255, 0.08);
@define-color subtext1 rgba(255, 255, 255, 0.35);
@define-color red rgba(255, 0, 0, 0.90);
/* Opaque so it visually matches Waybar */
@define-color panel_rgba rgba(30, 30, 46, 1.0);
@define-color card_rgba rgba(30, 30, 46, 1.0);
@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;
@@ -20,20 +22,38 @@
font-size: 13px;
}
/* Notification popup */
window#notification-window {
background-color: @base;
/* Remove list selection glow */
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;
}
/* Control center */
/* 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: @panel_rgba;
background-color: @base;
border-radius: 10px;
padding: 12px;
/* Keep border subtle, like Waybar (no heavy shadow) */
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: none;
}
/* Widget headers */
/* Widget headers — use Waybar surface1 */
.widget-title {
margin-bottom: 10px;
padding: 6px 10px;
@@ -42,12 +62,24 @@ window#notification-window {
border: 1px solid rgba(255, 255, 255, 0.08);
}
/* Cards */
.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: @card_rgba;
background-color: @base;
border-radius: 10px;
padding: 12px;
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: none;
}
/* Accent by urgency */
@@ -81,6 +113,7 @@ window#notification-window {
.notification .body {
color: @subtext1;
margin-top: 6px;
line-height: 1.25;
}
/* Buttons */
@@ -88,6 +121,8 @@ window#notification-window {
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: none;
padding: 6px 10px;
}
.notification button:hover {