waybar latte and mocha tweaked abit

2 files changed, 28 insertions, 32 deletions

diff --git a/config/waybar/style/style-catppuccin-latte.css b/config/waybar/style/style-catppuccin-latte.css
index c497398b..80636d56 100644
--- a/config/waybar/style/style-catppuccin-latte.css
+++ b/config/waybar/style/style-catppuccin-latte.css
@@ -17,8 +17,9 @@ margin-bottom: 1px;
 window#waybar {
   transition-property: background-color;
   transition-duration: 0.5s;
+  /*background: transparent;*/
+  border: 2px solid @sapphire;
   background: @theme_base_color;
-  border: 2px solid @overlay0;
   border-radius: 10px;
 }
 
@@ -30,18 +31,20 @@ window#waybar.hidden {
   background: none;
 }
 
-/* This section can be use if you want to separate waybar modules */
-/* .modules-left, .modules-center, .modules-right { */
-/*   background: @theme_base_color; */
-/*   border: 3px solid @overlay0; */
-/*   padding: 0px 5px; */
-/*   border-radius: 5; */
-/* } */
+/* This section can be use if you want to separate waybar modules*/
+/* Remember to set transparent on waybar above */
+/*.modules-left, .modules-center, .modules-right { */
+/*  background: @theme_base_color; */
+/*  border: 0.5px solid @overlay0; */
+/*  padding: 0px 5px; */
+/*  border-radius: 10px; */
+/*} */
+
+/* .modules-left, .modules-right { */
+/*   border: 1px solid @blue; */
+/*   margin: 0px 5px;*/ 
+/*}*/
 
-/* .modules-center { */
-  /* border: 3px solid @lavender; */
-  /* margin: 0px 5px; */
-/* } */
 
 #backlight,
 #battery,
@@ -138,10 +141,6 @@ window#waybar.hidden {
   color: @teal;
 }
 
-#temperature.critical {
-  background-color: @red;
-}
-
 #tray > .passive {
   -gtk-icon-effect: dim;
 }
diff --git a/config/waybar/style/style-catppuccin-mocha.css b/config/waybar/style/style-catppuccin-mocha.css
index 1b8c296c..23ee293a 100644
--- a/config/waybar/style/style-catppuccin-mocha.css
+++ b/config/waybar/style/style-catppuccin-mocha.css
@@ -17,8 +17,9 @@ margin-bottom: 1px;
 window#waybar {
   transition-property: background-color;
   transition-duration: 0.5s;
-  background: @theme_base_color;
-  border: 2px solid @overlay0;
+  background: transparent;
+  /*border: 2px solid @overlay0;*/
+  /*background: @theme_base_color;*/
   border-radius: 10px;
 }
 
@@ -31,17 +32,17 @@ window#waybar.hidden {
 }
 
 /* This section can be use if you want to separate waybar modules */
-/* .modules-left, .modules-center, .modules-right { */
-/*   background: @theme_base_color; */
-/*   border: 3px solid @overlay0; */
-/*   padding: 0px 5px; */
-/*   border-radius: 5; */
-/* } */
+.modules-left, .modules-center, .modules-right {
+  background: @theme_base_color; 
+  border: 0.5px solid @overlay0;
+  padding: 0px 5px;
+  border-radius: 10px;
+} 
 
-/* .modules-center { */
-  /* border: 3px solid @lavender; */
-  /* margin: 0px 5px; */
-/* } */
+ .modules-left, .modules-right {
+   border: 1px solid @blue;
+   /*margin: 0px 5px;*/
+} 
 
 #backlight,
 #battery,
@@ -138,10 +139,6 @@ window#waybar.hidden {
   color: @teal;
 }
 
-#temperature.critical {
-  background-color: @red;
-}
-
 #tray > .passive {
   -gtk-icon-effect: dim;
 }