Rework on waybar styles. Added keyhints wiki page

1 files changed, 25 insertions, 10 deletions

diff --git a/config/waybar/style/Rose-Pine.css b/config/waybar/style/Rose-Pine.css
index 84c514ac..55d28766 100644
--- a/config/waybar/style/Rose-Pine.css
+++ b/config/waybar/style/Rose-Pine.css
@@ -15,19 +15,34 @@
 	font-weight: bold;
 	min-height: 0;
 	/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
-	font-size: 98%;
+	font-size: 97%;
 	font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
 	border-radius: 12px;
 }
 
 window#waybar {
-    background: @bar-bg;
+    background: #2B5D34;
+	border-bottom: 2px;
+	border-top: 1px;
+	border-color: #D4A2CB;
+	border-style: solid;
+	border-radius: 10px;
+	
 }
 
+.modules-left, .modules-center, .modules-right {
+	padding-top: 2px;
+	padding-bottom: 2px;
+	padding-right: 4px;
+	padding-left: 4px;
+	border-radius: 10px;
+
+}
+ 
 tooltip {
-    background: @main-bg;
-    color: @main-fg;
-    border-radius: 8px;
+    background: #2B5D34;
+    color: #D4A2CB;
+    border-radius: 10px;
     border-width: 0px;
 }
 
@@ -38,7 +53,7 @@ tooltip {
     border-radius: 9px;
     padding-left: 4px;
     padding-right: 4px;
-    color: @main-fg;
+    color: #D4A2CB;
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
 }
@@ -137,11 +152,11 @@ tooltip {
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
 #custom-weather.sunnyDay {
-    color: @main-fg;
-    background: @main-bg;
+    color: #D4A2CB;
+    background: #2B5D34;
     opacity: 1;
-	padding-top: 2px;
-	padding-bottom: 2px;
+	padding-top: 3px;
+	padding-bottom: 3px;
 	padding-right: 4px;
 	padding-left: 4px;
 }