final tweaking

CHANGELOG.md

@@ -10,9 +10,7 @@
 <p align="center">
     <img align="center" width="49%" src="https://raw.githubusercontent.com/JaKooLit/screenshots/main/Hyprland-V2-Screenshots/waybar/waybar1.png" /> <img align="center" width="49%" src="https://raw.githubusercontent.com/JaKooLit/screenshots/main/Hyprland-V2-Screenshots/waybar/waybar2.png" />   
     <img align="center" width="49%" src="https://raw.githubusercontent.com/JaKooLit/screenshots/main/Hyprland-V2-Screenshots/waybar/waybar3.png" /> <img align="center" width="49%" src="https://raw.githubusercontent.com/JaKooLit/screenshots/main/Hyprland-V2-Screenshots/waybar/waybar4.png" />
-
-
-
+- more screenshot can be checked [here](https://github.com/JaKooLit/screenshots/tree/main/Hyprland-V2-Screenshots/waybar)
 
 ### 13-Nov-2023
 - created a separated conf for Laptop (Laptops.conf) in ~/.config/hyp/configs . This was mostly from Keybinds.conf. This is just to easily identity for laptop Keybinds specific.

config/waybar/style/colorful.css

@@ -237,6 +237,7 @@ tooltip label{
 	background-color: #89dceb;
 }
 
+#custom-keybinds,
 #pulseaudio {
 	background-color: #fab387;
 }

config/waybar/style/dark.css

@@ -48,6 +48,8 @@ tooltip label {
     background-color: rgba(0, 0, 0, 0.8);
     border: 0px solid #b4befe;
     border-radius: 10px;
+    padding-right: 2px;
+    padding-left: 2px;
 }
 
 .modules-center {
@@ -60,6 +62,8 @@ tooltip label {
     background-color: rgba(0, 0, 0, 0.8);
     border: 0px solid #b4befe;
     border-radius: 10px;
+    padding-right: 2px;
+    padding-left: 2px;
     
 }
 

config/waybar/style/light.css

@@ -48,6 +48,8 @@ tooltip label {
 	background-color: rgba(232, 236, 241, 0.8);
 	border: 0px solid #b4befe;
 	border-radius: 10px;
+	padding-right: 2px;
+	padding-left: 2px;
 }
 
 .modules-center {
@@ -60,6 +62,8 @@ tooltip label {
 	background-color: rgba(232, 236, 241, 0.8);
 	border: 0px solid #b4befe;
 	border-radius: 10px;
+    padding-right: 2px;
+    padding-left: 2px;
 	
 }
 

config/waybar/style/pywal.css

@@ -5,7 +5,6 @@
 /* --- 👍 designed by https://github.com/Krautt  👍 --- */
 
 @import '../../.cache/wal/colors-waybar.css';
-@import "../waybar/style/catppuccin-themes/latte.css";
 
 * {
     font-family: "JetBrainsMono Nerd Font";
@@ -49,16 +48,16 @@ tooltip {
 
 /*-----module groups----*/
 .modules-right {
-	border: 5px solid @color14;
+	border: 3px solid @color14;
 	border-radius: 100px 0px 0px 0px;
 	background-color: @color1;
-    padding-right: 5px;
-    padding-left: 5px;
+    padding-right: 2px;
+    padding-left: 2px;
 
 }
 
 .modules-center {
-	border: 5px solid @color14;
+	border: 3px solid @color14;
 	border-radius: 100px 0px 100px 0px;
 	background-color: @background;
 
@@ -66,9 +65,9 @@ tooltip {
 }
 
 .modules-left {
-    padding-right: 5px;
-    padding-left: 5px;
-	border: 5px solid @color14;
+    padding-right: 2px;
+    padding-left: 2px;
+	border: 3px solid @color14;
 	border-radius: 0px 0px 100px 0px;
 	background-color: @color1;
 
@@ -147,8 +146,8 @@ tooltip {
 #custom-weather.snowyIcyNight,
 #custom-weather.sunnyDay {
 	color: @foreground;
-    padding-right: 10px;
-    padding-left: 15px;
+    padding-right: 8px;
+    padding-left: 12px;
 }
 
 #temperature.critical {