From 59bee106972652f87e1bbec1f53184dc32b12105 Mon Sep 17 00:00:00 2001
From: oddlama <oddlama@oddlama.org>
Date: Sun, 1 Oct 2023 17:33:27 +0200
Subject: [PATCH] chore: some more playing around with deadd, but still not to
 my liking

---
 users/modules/deadd-notification-center.nix |   4 +-
 users/myuser/graphical/deadd.css            | 196 +++++++++++++-------
 2 files changed, 130 insertions(+), 70 deletions(-)

diff --git a/users/modules/deadd-notification-center.nix b/users/modules/deadd-notification-center.nix
index 8e7ab7a..526fbe1 100644
--- a/users/modules/deadd-notification-center.nix
+++ b/users/modules/deadd-notification-center.nix
@@ -60,13 +60,13 @@ in {
           config.xdg.configFile."deadd/deadd.yml".source
           config.xdg.configFile."deadd/deadd.css".source
         ];
-        Restart = "always";
-        RestartSec = "1sec";
       };
       Service = {
         Type = "dbus";
         BusName = "org.freedesktop.Notifications";
         ExecStart = "${cfg.package}/bin/deadd-notification-center";
+        Restart = "always";
+        RestartSec = "1sec";
       };
     };
   };
diff --git a/users/myuser/graphical/deadd.css b/users/myuser/graphical/deadd.css
index d6ae14f..601be72 100644
--- a/users/myuser/graphical/deadd.css
+++ b/users/myuser/graphical/deadd.css
@@ -1,139 +1,199 @@
 /* Notification center */
 
-.blurredBG, #main_window, .blurredBG.low, .blurredBG.normal {
-    background: rgba(255, 255, 255, 0.5);
+.deadd-noti-center {
+	color: #ffffff;
 }
 
-.noti-center.time {
-    font-size: 32px;
+.blurredBG, #main_window, .blurredBG.low, .blurredBG.normal {
+	background: #000000;
 }
 
 /* Notifications */
 
-.notification.content {
-    margin-left: 15px;
-    margin-right: 15px;
-}
-
-.title {
-    font-weight: bold;
-    font-size: 16px;
-}
-
-.appname {
-    font-size: 12px;
-}
-
-.time {
-    font-size: 12px;
+.notificationInCenter, .notification.container {
+	background: #333;
+	border-radius: .825em;
+	padding: .75em;
+	margin-left: .25em;
+	margin-right: .25em;
+	margin-top: .25em;
+	margin-bottom: -.75em;
 }
 
 .blurredBG.notification {
-    background:  rgba(255, 255, 255, 0.4);
+	background: #333;
 }
 
-.blurredBG.notification.critical {
-    background: rgba(255, 0, 0, 0.5);
+.notificationInCenter > *, .notification > * {
+	margin: 0em;
 }
 
-.notificationInCenter.critical {
-    background: rgba(155, 0, 20, 0.5);
+.notification.appname, .in-center.appname {
+	color: #aaa;
+	font-weight: normal;
+	font-size: 1.125rem;
+}
+.notification.body, .in-center.body {
+	font-size: 1.5rem;
+	margin-bottom: .25em;
+	margin-top: .25em;
+	margin-left: 0em;
+}
+.notification.title, .in-center.title {
+	font-weight: bold;
+	font-size: 1.75rem;
+}
+.notification.image, .in-center.image {
+}
+.notification.icon, .in-center.icon {
+}
+.notification.actionbutton, .in-center.actionbutton {
 }
 
-/* Labels */
-
-label {
-    color: #322;
+.notification.scale, .in-center.scale {
+	margin-top: .25em;
+	margin-bottom: .25em;
+	margin-left: -.75em;
+	margin-right: -.75em;
 }
 
-label.notification {
-    color: #322;
+.notification.scale slider, .in-center.scale slider {
+	margin: -.375em;
+	min-width: 1.375em;
+	min-height: 1.375em;
 }
 
-label.critical {
-    color: #000;
+.notification.scale trough, .in-center.scale trough {
+	background-color: #111;
+	color: #111;
+	border-color: transparent;
+	border-radius: 1em;
 }
-.notificationInCenter label.critical {
-    color: #000;
+
+.notification.scale trough highlight, .in-center.scale trough highlight {
+	background-color: #f00;
+	color: #f00;
+	border-color: transparent;
+	border-radius: 1em;
+}
+
+.notification.appname {
+}
+.notification.body {
+}
+.notification.title {
+}
+.notification.image {
+	margin-left: -1em;
+	margin-right: 1em;
+}
+.notification.icon {
+}
+.notification.actionbutton {
+}
+
+.in-center {
+}
+.in-center.appname {
+}
+.in-center.body {
+}
+.in-center.title {
+}
+.in-center.time {
+	color: #777;
+	font-weight: bold;
+	font-size: 1.125rem;
+	font-family: normal;
+}
+.in-center.image {
+}
+.in-center.icon {
+}
+.in-center.button-close {
+}
+.in-center.actionbutton {
+}
+
+.noti-center.body {
+}
+.noti-center.time {
+	font-size: 4rem;
+	font-weight: normal;
+	margin-left: .25em;
+}
+.noti-center.date {
+	font-size: 2rem;
+	margin-left: .75em;
+}
+/* BUG: missing .noti-center class upstream */
+.deadd-noti-center.delete-all {
+	font-size: 2rem;
+}
+.noti-center.userbutton {
 }
 
 
 /* Buttons */
 
 button {
-    background: transparent;
-    color: #322;
-    border-radius: 3px;
-    border-width: 0px;
-    background-position: 0px 0px;
-    text-shadow: none;
+	background: transparent;
+	border-radius: 3px;
+	border-width: 0px;
+	background-position: 0px 0px;
+	text-shadow: none;
 }
 
 button:hover {
-    border-radius: 3px;
-    background: rgba(0, 20, 20, 0.2);
-    border-width: 0px;
-    border-top: transparent;
-    border-color: #f00;
-    color: #fee;
+	border-radius: 3px;
+	background: rgba(0, 20, 20, 0.2);
+	border-width: 0px;
+	border-top: transparent;
+	border-color: #f00;
 }
 
 
 /* Custom Buttons */
 
 .userbutton {
-    background: rgba(20,0,0, 0.15);
+	background: rgba(20,0,0, 0.15);
 }
 
 .userbuttonlabel {
-    color: #222;
-    font-size: 12px;
+	font-size: 12px;
 }
 
 .userbutton:hover {
-    background: rgba(20, 0, 0, 0.2);
+	background: rgba(20, 0, 0, 0.2);
 }
 
 .userbuttonlabel:hover {
-    color: #111;
 }
 
 button.buttonState1 {
-    background: rgba(20,0,0,0.5);
+	background: rgba(20,0,0,0.5);
 }
 
 .userbuttonlabel.buttonState1 {
-    color: #fff;
 }
 
 button.buttonState1:hover {
-    background: rgba(20,0,0, 0.4);
+	background: rgba(20,0,0, 0.4);
 }
 
 .userbuttonlabel.buttonState1:hover {
-    color: #111;
 }
 
 button.buttonState2 {
-    background: rgba(255,255,255,0.3);
+	background: rgba(255,255,255,0.3);
 }
 
 .userbuttonlabel.buttonState2 {
-    color: #111;
 }
 
 button.buttonState2:hover {
-    background: rgba(20,0,0, 0.3);
+	background: rgba(20,0,0, 0.3);
 }
 
 .userbuttonlabel.buttonState2:hover {
-    color: #000;
 }
-
-
-/* Images */
-
-image.deadd-noti-center.notification.image {
-    margin-left: 20px;
-}
-