From 4d0ccb40d97b82025a885126a61b344950c23888 Mon Sep 17 00:00:00 2001
From: John Mertz <git@john.me.tz>
Date: Wed, 16 Oct 2024 20:13:45 -0600
Subject: [PATCH] Better notification styles

---
 waybar/config.template |  9 +++++----
 waybar/style.css       | 20 ++++++++++----------
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/waybar/config.template b/waybar/config.template
index eaaff2fce..213d02f71 100644
--- a/waybar/config.template
+++ b/waybar/config.template
@@ -163,13 +163,13 @@
     	"tooltip": true,
     	"format": "{icon}",
     	"format-icons": {
-            "notification": "",
             "none": "",
-            "dnd-notification": "",
+            "notification": "<span foreground=\"red\"><sup></sup></span>",
             "dnd-none": "",
-            "inhibited-notification": "",
+            "dnd-notification": "<span foreground=\"red\"><sup></sup></span>",
+            "inhibited-notification": "<span foreground=\"red\"><sup></sup></span>",
             "inhibited-none": " ",
-            "dnd-inhibited-notification": "",
+            "dnd-inhibited-notification": "<span foreground=\"red\"><sup></sup></span>",
             "dnd-inhibited-none": " "
     	},
     	"return-type": "json",
@@ -180,3 +180,4 @@
     	"escape": true
     }
 }]
+
diff --git a/waybar/style.css b/waybar/style.css
index 9dcf618c6..ad443a31e 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -254,7 +254,7 @@ window#waybar.empty #window {
 }
 
 #custom-battery.charging {
-    margin-top: 2px;
+    padding-top: 2px;
 }
 
 #custom-battery.discharging {
@@ -285,7 +285,7 @@ window#waybar.empty #window {
 
 #custom-wallpaper {
     font-size: 16px;
-    padding-right: 4px;
+    margin-right: -10px;
 }
 
 /* Package upgrades */
@@ -302,8 +302,7 @@ window#waybar.empty #window {
 
 #custom-idle_mode {
     font-family: "Font Awesome 6 Brands", "Font Awesome 6 Free";
-    padding-right: 3px;
-    padding-left: 0px;
+    padding-right: 5px;
 }
 
 #custom-idle_mode.none {
@@ -314,7 +313,8 @@ window#waybar.empty #window {
 
 #custom-clock {
     color: @fg;
-    font-weight: bold;
+    background: @bg;
+    border: solid 1px @fg;
     margin: 0px;
     padding-right: 5px;
 }
@@ -327,11 +327,11 @@ window#waybar.empty #window {
     margin: 0px;
     padding-right: 5px;
     padding-left: 5px;
-}
-
-#custom-nc.dnd-none {
+    background: @fg;
     color: @bg;
 }
-#custom-nc.dnd-notification {
-    background: @orange;
+
+#custom-nc.dnd-none, #custom-nc.dnd-notification {
+    background: @grey03;
+    color: @fg;
 }