From f6d949a3458e43d2f3609750b155b519876769ca Mon Sep 17 00:00:00 2001
From: Benjamin Palko <benjaminpalko@hotmail.com>
Date: Sat, 6 Apr 2024 18:27:33 -0500
Subject: [PATCH] transparent

---
 rofi/config.rasi | 13 ++++++-------
 swaync/style.css | 22 +++++++++++-----------
 2 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/rofi/config.rasi b/rofi/config.rasi
index 1106ce2..54509f1 100644
--- a/rofi/config.rasi
+++ b/rofi/config.rasi
@@ -17,8 +17,8 @@ configuration {
     window-format:              "{w} · {c} · {t}";
     
 }
-
-@import "~/.cache/wal/colors-rofi-pywal.rasi"
+/* ---- Load pywal colors (custom wal template) ---- */
+@import "~/.cache/wal/colors-rofi-pywal"
 
 * { border-width: 3px; }
 
@@ -32,7 +32,6 @@ window {
     margin:                       0px; 
     color:                        #FFFFFF;
     border:                       @border-width;
-    border-color:                 @foreground;
     cursor:                       "default";
     transparency:                 "real";
     location:                     center;
@@ -49,7 +48,7 @@ mainbox {
     orientation:                  horizontal;
     spacing:                      0px;
     margin:                       0px;
-    background-color:             @background;
+    background-color:             transparent;
     background-image:             @current-image;
     children:                     ["imagebox","listbox"];
 }
@@ -83,7 +82,7 @@ inputbar {
     padding:                      15px;
     border-radius:                10px;
     border-color:                 @foreground;
-    background-color:             @background;
+    background-color:             transparent;
     children:                     [ "textbox-prompt-colon", "entry" ];
 }
 
@@ -116,7 +115,7 @@ mode-switcher{
 button {
     padding:                      10px;
     border-radius:                10px;
-    background-color:             @background;
+    background-color:             transparent;
     text-color:                   inherit;
     cursor:                       pointer;
     border:                       0px;
@@ -142,7 +141,7 @@ listview {
     spacing:                      0px;
     padding:                      10px;
     margin:                       0px;
-    background-color:             @background;
+    background-color:             transparent;
     border:0px;
 }
 
diff --git a/swaync/style.css b/swaync/style.css
index 9d7b224..f49cbef 100644
--- a/swaync/style.css
+++ b/swaync/style.css
@@ -1,17 +1,16 @@
 /* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
 
-@import url("~/.cache/wal/colors.css") 
+@import "../../.cache/wal/colors-waybar.css";
 
-@define-color noti-border-color @color2;
-@define-color noti-bg rgba(0, 0, 0, 0.8);
-@define-color noti-bg-alt #111111;
-@define-color noti-bg-hover @color2;
-@define-color text-color @color2;
+@define-color noti-border-color @color4;
+@define-color noti-bg rgba(0, 0, 0, 0.4);
+@define-color noti-bg-alt rgba(0, 0, 0, 0.6);
+@define-color noti-bg-hover @color4;
+@define-color text-color @color4;
 @define-color text-color-alt @color7;
 @define-color text-color-disabled rgba(150, 150, 150, 0.8);
 
 * {
-  font-family: FiraCode;
   font-weight: Bolder;
 }
 
@@ -19,7 +18,7 @@
 .control-center .notification-row:hover {
   opacity: 1;
   background: @noti-bg;
-  border-radius: 10px;
+  border-radius: 0px;
 }
 
 .notification-row {
@@ -28,14 +27,14 @@
 }
 
 .notification {
-  border-radius: 10px;
+  border-radius: 0px;
 }
 
 .notification-content {
   color: @text-color;
   background: @noti-bg;
   padding: 3px 10px 3px 6px;
-  border-radius: 10px;
+  border-radius: 0px;
   border: 2px solid @noti-border-color;
   margin: 0px;
 }
@@ -162,6 +161,7 @@
   border: 2px solid @noti-border-color;
   color: @text-color;
   border-radius: 10px;
+  padding: 8px;
 }
 
 .control-center-list {
@@ -212,7 +212,7 @@
 }
 
 .widget-dnd > switch {
-  border-radius: 10px;
+  border-radius: 9999px;
   /* border: 1px solid #7aa2f7; */
   background: @noti-border-color;
 }