add Mac OS 9 inspired styling

colors from https://github.com/B00merang-Project/Mac-OS-9
lots of visual inspiration from
https://www.reddit.com/r/unixporn/comments/1nsmnhx/xfce_a_little_update_on_my_mac_os_9_themed/

1 files changed, 20 insertions, 16 deletions

diff --git a/dot-config/swaync/style.css b/dot-config/swaync/style.css
index 8305718..d5cde4e 100644
--- a/dot-config/swaync/style.css
+++ b/dot-config/swaync/style.css
@@ -1,32 +1,37 @@
 :root {
-  --cc-bg: rgba(46, 46, 46, 0.7);
-  --noti-border-color: rgba(255, 255, 255, 0.15);
-  --noti-bg: 48, 48, 48;
-  --noti-bg-alpha: 0.8;
-  --noti-bg-darker: rgb(38, 38, 38);
-  --noti-bg-hover: rgb(56, 56, 56);
-  --noti-bg-focus: rgba(68, 68, 68, 0.6);
-  --noti-close-bg: rgb(78, 78, 78);
-  --noti-close-bg-hover: rgb(94, 94, 94);
-  --text-color: rgb(255, 255, 255);
-  --text-color-disabled: rgb(150, 150, 150);
+  --cc-bg: rgb(220, 220, 220); /* DCDCDC */
+  --noti-border-color: rgb(0, 0, 0);
+  --noti-bg: 220, 220, 220; /* DCDCDC */
+  --noti-bg-alpha: 1;
+  --noti-bg-darker: rgb(255, 0, 255); /* bright color to stand out b/c I haven't seen what it changes yet */
+  --noti-bg-hover: rgb(194, 194, 194); /* C2C2C2 */
+  --noti-bg-focus: rgb(176, 176, 176); /* B0B0B0 */
+  --noti-close-bg: transparent;
+  --noti-close-bg-hover: transparent;
+  --text-color: rgb(0, 0, 0);
+  --text-color-disabled: rgb(255, 0, 0); /* bright color to stand out b/c I haven't seen what it changes yet */
   --bg-selected: rgb(0, 128, 255);
   --notification-icon-size: 64px;
   --notification-app-icon-size: calc(var(--notification-icon-size) / 3);
   --notification-group-icon-size: 32px;
-  --border: 1px solid var(--noti-border-color);
-  --border-radius: 12px;
+  --border: 2px solid var(--noti-border-color);
+  --border-radius: 0px;
   --notification-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3),
     0 1px 3px 1px rgba(0, 0, 0, 0.7), 0 2px 6px 2px rgba(0, 0, 0, 0.3);
   --font-size-body: 15px;
   --font-size-summary: 16px;
   /* Deprecated variables (because of their typos). Keeeping them around for backwards compatibility. */
-  --hover-tranistion: background 0.15s ease-in-out;
-  --group-collapse-tranistion: opacity 400ms ease-in-out;
+  --hover-tranistion: none;
+  --group-collapse-tranistion: none;
   --hover-transition: var(--hover-tranistion);
   --group-collapse-transition: var(--group-collapse-tranistion);
 }
 
+* {
+    font-family: Berkeley Mono;
+    font-weight: 500;
+}
+
 /* Fallback for older CSS themes */
 /* Fallback for older CSS themes */
 @define-color cc-bg rgba(46, 46, 46, 0.7);
@@ -175,7 +180,6 @@ notificationwindow, blankwindow {
 .notification-row .notification-background .notification .notification-default-action .notification-content .text-box .body {
   /* Notification body */
   font-size: var(--font-size-body);
-  font-weight: normal;
   background: transparent;
   color: var(--text-color);
   text-shadow: none;