lots of fixes

CHANGELOG.md

@@ -1,5 +1,11 @@
 ## CHANGES
 
+### 24-Oct-2023
+- fix lots of waybar stylings
+- introducing waybar separators (only in default)
+<p align="center">
+    <img align="center" width="49%" src="https://raw.githubusercontent.com/JaKooLit/screenshots/main/Changelogs-Screenshots/24-10-2-23-waybar-separator.png" /> 
+
 #### 22 Oct 2023
 - initial commit
 - adding some waybar layouts (Super Alt W). YOu can also choose colors of your waybar panels (Super Shift W)

config/waybar/configs/config-default

@@ -16,30 +16,44 @@
 
 "modules-left": [
 	"hyprland/workspaces",
+	"custom/separator#dot-line",
 	"cpu",
+	"custom/separator#dot-line", 
 	"temperature",
+	"custom/separator#dot-line", 
 	"memory",
+	"custom/separator#dot-line",
 	"custom/weather",
 	],
   
 "modules-center": [
 	"custom/menu",
+	"custom/separator#dot-line",
 	"idle_inhibitor", 
+	"custom/separator#dot-line",
 	"clock",
+	"custom/separator#dot-line",
 	"custom/light_dark",
+	"custom/separator#dot-line",	
 	"custom/lock",	
 	], 
 
 "modules-right": [
-	"hyprland/window", 
+	//"hyprland/window", 
 	"tray",
+	"custom/separator#dot-line",
 	//"cava", 
 	"battery",
+	"custom/separator#dot-line", 
 	"backlight",
+	"custom/separator#dot-line",
 	"pulseaudio",
+	"custom/separator#dot-line",
 	//"wireplumber", 
 	"pulseaudio#microphone",
-	"keyboard-state",
+	"custom/separator#dot-line",
+	//"keyboard-state",
+	//"custom/separator#dot-line",
 	"custom/power",
 	],
 }

config/waybar/configs/config-dual-TL

@@ -55,7 +55,6 @@
    
 "modules-left": [
     "idle_inhibitor",     
-
     ],
     
 "modules-center": [

config/waybar/configs/config-left

@@ -24,10 +24,10 @@
 
 "modules-right": [
   "tray",
-  "backlight",
+  "backlight#vertical",
   "pulseaudio#microphone_vertical",
   "pulseaudio#vertical",
-  "custom/power",
+  "custom/power_vertical",
   "custom/menu",
 ],
 }

config/waybar/configs/config-right

@@ -24,9 +24,10 @@
 
 "modules-right": [
 	"tray",
-	"backlight",
+	"backlight#vertical",
 	"pulseaudio#microphone_vertical",
 	"pulseaudio#vertical",
-	"custom/power",
+	"custom/power_vertical",
+	"custom/menu",
 ],
 }

config/waybar/modules

@@ -317,7 +317,7 @@
 },
     
 "custom/power": {
-  "format": "  ",
+  "format": "⏻ ",
   "tooltip": false,
   //"on-click": "sh -c '(sleep 0.5s; wlogout --protocol layer-shell)' & disown",
   "on-click": "$HOME/.config/hypr/scripts/WofiPower.sh",
@@ -345,8 +345,44 @@
   "tooltip" : true,
 },
 
+
+// Separators
+"custom/separator#dot": {
+  "format": "",
+  "interval": "once",
+  "tooltip": false
+},
+
+"custom/separator#dot-line": {
+  "format": "",
+  "interval": "once",
+  "tooltip": false
+},
+
+"custom/separator#line": {
+  "format": "|",
+  "interval": "once",
+  "tooltip": false
+},
+
 // Modules below are for vertical layout
 
+"backlight#vertical": {
+  "interval": 2,
+  "align": 0,
+  "rotate": 0,
+  "format": "{icon}",
+  "format-icons": ["󰃞", "󰃟", "󰃠"],
+  "icon-size": 10,
+  "on-click": "",
+  "on-click-middle": "",
+  "on-click-right": "",
+  "on-update": "",
+  "on-scroll-up": "~/.config/hypr/scripts/Brightness.sh --inc",
+  "on-scroll-down": "~/.config/hypr/scripts/Brightness.sh --dec",
+  "smooth-scrolling-threshold": 1,
+},
+
 "clock#vertical": {
    "format": "{:\n%H\n%M\n\n \n%d\n%m\n%y}",
    "interval": 1,
@@ -361,6 +397,21 @@
      }
    }
 },
+"cpu#vertical": {
+  "format": "󰍛\n{usage}%",  
+  "interval": 1,
+  "on-click-right": "gnome-system-monitor",
+},
+
+"memory#vertical": {
+  "interval": 10,
+  "format": "󰾆\n{percentage}%",
+  "format-alt": "󰾆\n{used:0.1f}G",
+  "format-alt-click": "click",
+  "tooltip": true,
+  "tooltip-format": "{used:0.1f}GB/{total:0.1f}G",
+  "on-click-right": "foot --title btop sh -c 'btop'",
+},
 
 "pulseaudio#vertical": {
   "format": "{icon}",
@@ -396,22 +447,6 @@
   "tooltip-format": "{icon} {desc} {volume}%",
 },
 
-"cpu#vertical": {
-  "format": "󰍛\n{usage}%",  
-  "interval": 1,
-  "on-click-right": "gnome-system-monitor",
-},
-
-"memory#vertical": {
-  "interval": 10,
-  "format": "󰾆\n{percentage}%",
-  "format-alt": "󰾆\n{used:0.1f}G",
-  "format-alt-click": "click",
-  "tooltip": true,
-  "tooltip-format": "{used:0.1f}GB/{total:0.1f}G",
-  "on-click-right": "foot --title btop sh -c 'btop'",
-},
-
 "temperature#vertical": {
   "interval": 10,
   "tooltip": true,
@@ -423,5 +458,12 @@
   "format-icons": [""],
   "on-click-right": "foot --title nvtop sh -c 'nvtop'"
 },
+
+"custom/power_vertical": {
+  "format": "⏻",
+  "tooltip": false,
+  "on-click": "$HOME/.config/hypr/scripts/WofiPower.sh",
+  "on-click-right": "~/.config/hypr/scripts/ChangeBlur.sh",
+},
 }
 

config/waybar/style/style-b&w.css

@@ -86,50 +86,48 @@ tooltip label{
 	/*box-shadow:inherit;*/
 }
 
-#clock,
+#backlight,
 #battery,
+#bluetooth,
+#cava,
+#clock,
 #cpu,
-#memory,
 #disk,
-#temperature,
-#backlight,
-#network,
-#pulseaudio,
-#wireplumber,
-#mode,
-#tray,
-#cava,
 #idle_inhibitor,
-#keyboard-state,
 #keyboard-state label,
 #keyboard-state label.locked,
+#keyboard-state,
+#memory,
+#mode,
 #mpd,
+#network,
+#pulseaudio,
+#taskbar button,
+#taskbar,
+#temperature,
+#tray,
 #window,
+#wireplumber,
 #workspaces,
-#taskbar,
-#bluetooth,
-#taskbar,
-#taskbar button,
-#custom-light_dark,
 #custom-cycle_wall,
-#custom-updater,
+#custom-light_dark,
+#custom-lock,
 #custom-menu,
+#custom-power_vertical,
 #custom-power,
 #custom-spotify,
+#custom-updater,
 #custom-weather,
-#custom-power,
-#custom-lock,
-#custom-weather.severe,
-#custom-weather.sunnyDay,
 #custom-weather.clearNight,
 #custom-weather.cloudyFoggyDay,
 #custom-weather.cloudyFoggyNight,
+#custom-weather.default 
 #custom-weather.rainyDay,
 #custom-weather.rainyNight,
+#custom-weather.severe,
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
-#custom-weather.default 
-#idle_inhibitor {
+#custom-weather.sunnyDay {
 	padding: 0px 6px;
 }
 #mode {

config/waybar/style/style-dark.css

@@ -84,49 +84,48 @@
     border-radius: 15px;
 }
 
-  #clock,
+#backlight,
 #battery,
+#bluetooth,
+#cava,
+#clock,
 #cpu,
-  #memory,
 #disk,
-  #temperature,
-  #network,
-  #pulseaudio,
-  #wireplumber,
-  #mode,
-  #tray,
-  #cava,
-  #backlight,
-  #window,
 #idle_inhibitor,
-  #keyboard-state,
 #keyboard-state label,
 #keyboard-state label.locked,
+#keyboard-state,
+#memory,
+#mode,
 #mpd,
-  #bluetooth,
-  #taskbar,
+#network,
+#pulseaudio,
 #taskbar button,
+#taskbar,
+#temperature,
+#tray,
+#window,
+#wireplumber,
 #workspaces,
+#custom-cycle_wall,
 #custom-light_dark,
-  #custom-updater,
+#custom-lock,
 #custom-menu,
-  #custom-cycle_wall,
+#custom-power_vertical,
 #custom-power,
 #custom-spotify,
+#custom-updater,
 #custom-weather,
-  #custom-power,
-  #custom-lock,
-  #custom-weather.severe,
-  #custom-weather.sunnyDay,
 #custom-weather.clearNight,
 #custom-weather.cloudyFoggyDay,
 #custom-weather.cloudyFoggyNight,
+#custom-weather.default 
 #custom-weather.rainyDay,
 #custom-weather.rainyNight,
+#custom-weather.severe,
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
-  #custom-weather.default, 
-  #idle_inhibitor {
+#custom-weather.sunnyDay {
     color: #cba7f7;
     padding: 0px 10px;
     border-radius: 10px;

config/waybar/style/style-default.css

@@ -74,41 +74,48 @@
 	background-color: #eb4d4b;
 }
 
-  #clock,
+#backlight,
 #battery,
+#bluetooth,
+#cava,
+#clock,
 #cpu,
-  #memory,
 #disk,
-  #temperature,
-  #backlight,
-  #network,
-  #pulseaudio,
-  #wireplumber,
-  #mode,
-  #tray,
 #idle_inhibitor,
+#keyboard-state label,
+#keyboard-state label.locked,
 #keyboard-state,
+#memory,
+#mode,
 #mpd,
-  #cava,
-  #bluetooth,
+#network,
+#pulseaudio,
+#taskbar button,
 #taskbar,
+#temperature,
+#tray,
+#window,
+#wireplumber,
 #workspaces,
+#custom-cycle_wall,
 #custom-light_dark,
-  #custom-updater,
-  #custom-power,
 #custom-lock,
+#custom-menu,
+#custom-power_vertical,
+#custom-power,
+#custom-spotify,
+#custom-updater,
 #custom-weather,
-  #window,
-  #custom-weather.severe,
-  #custom-weather.sunnyDay,
 #custom-weather.clearNight,
 #custom-weather.cloudyFoggyDay,
 #custom-weather.cloudyFoggyNight,
+#custom-weather.default 
 #custom-weather.rainyDay,
 #custom-weather.rainyNight,
+#custom-weather.severe,
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
-  #custom-weather.default {
+#custom-weather.sunnyDay {
 	padding: 0px 10px;
 	color: #e5e5e5;
 	/* color: #bf616a; */
@@ -318,4 +325,3 @@
 #taskbar button.active {
 	background-color: #7f849c;
 }
-  

config/waybar/style/style-default_alter.css

@@ -108,30 +108,48 @@ tooltip label{
     border-bottom: 3px solid #ffffff;
 }
 
-#clock,
+#backlight,
 #battery,
+#bluetooth,
+#cava,
+#clock,
 #cpu,
-#memory,
-#temperature,
-#backlight,
-#network,
-#pulseaudio,
-#wireplumber,
-#keyboard-state,
+#disk,
+#idle_inhibitor,
 #keyboard-state label,
 #keyboard-state label.locked,
-#tray,
-#cava,
+#keyboard-state,
+#memory,
 #mode,
-#custom-light_dark,
-#taskbar,
+#mpd,
+#network,
+#pulseaudio,
 #taskbar button,
-#idle_inhibitor,
-#custom-updater,
+#taskbar,
+#temperature,
+#tray,
 #window,
+#wireplumber,
+#workspaces,
 #custom-cycle_wall,
-#custom-screen_locker,
-#custom-weather {
+#custom-light_dark,
+#custom-lock,
+#custom-menu,
+#custom-power_vertical,
+#custom-power,
+#custom-spotify,
+#custom-updater,
+#custom-weather,
+#custom-weather.clearNight,
+#custom-weather.cloudyFoggyDay,
+#custom-weather.cloudyFoggyNight,
+#custom-weather.default 
+#custom-weather.rainyDay,
+#custom-weather.rainyNight,
+#custom-weather.severe,
+#custom-weather.showyIcyDay,
+#custom-weather.snowyIcyNight,
+#custom-weather.sunnyDay {
     padding: 0px 10px;
     /*margin: 4px 3px 5px 3px;*/
     /*color: @fgcolor;*/

config/waybar/style/style-light.css

@@ -84,49 +84,48 @@ tooltip label {
 	border-radius: 15px;
 }
 
-#clock,
+#backlight,
 #battery,
+#bluetooth,
+#cava,
+#clock,
 #cpu,
-#memory,
 #disk,
-#temperature,
-#network,
-#pulseaudio,
-#wireplumber,
-#mode,
-#tray,
-#cava,
-#backlight,
-#window,
 #idle_inhibitor,
-#keyboard-state,
 #keyboard-state label,
 #keyboard-state label.locked,
+#keyboard-state,
+#memory,
+#mode,
 #mpd,
-#bluetooth,
-#taskbar,
+#network,
+#pulseaudio,
 #taskbar button,
+#taskbar,
+#temperature,
+#tray,
+#window,
+#wireplumber,
 #workspaces,
+#custom-cycle_wall,
 #custom-light_dark,
-#custom-updater,
+#custom-lock,
 #custom-menu,
-#custom-cycle_wall,
+#custom-power_vertical,
 #custom-power,
 #custom-spotify,
+#custom-updater,
 #custom-weather,
-#custom-power,
-#custom-lock,
-#custom-weather.severe,
-#custom-weather.sunnyDay,
 #custom-weather.clearNight,
 #custom-weather.cloudyFoggyDay,
 #custom-weather.cloudyFoggyNight,
+#custom-weather.default 
 #custom-weather.rainyDay,
 #custom-weather.rainyNight,
+#custom-weather.severe,
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
-#custom-weather.default, 
-#idle_inhibitor {
+#custom-weather.sunnyDay {
 	color: #000000;
 	padding: 0px 10px;
 	border-radius: 10px;

config/waybar/style/style-mauve.css

@@ -88,49 +88,48 @@ tooltip {
 	border-radius: 15px;
 }
    
-#clock,
+#backlight,
 #battery,
+#bluetooth,
+#cava,
+#clock,
 #cpu,
-#memory,
 #disk,
-#temperature,
-#network,
-#pulseaudio,
-#wireplumber,
-#mode,
-#tray,
-#cava,
-#backlight,
-#window,
 #idle_inhibitor,
-#keyboard-state,
 #keyboard-state label,
 #keyboard-state label.locked,
+#keyboard-state,
+#memory,
+#mode,
 #mpd,
-#bluetooth,
-#taskbar,
+#network,
+#pulseaudio,
 #taskbar button,
+#taskbar,
+#temperature,
+#tray,
+#window,
+#wireplumber,
 #workspaces,
+#custom-cycle_wall,
 #custom-light_dark,
-#custom-updater,
+#custom-lock,
 #custom-menu,
-#custom-cycle_wall,
+#custom-power_vertical,
 #custom-power,
 #custom-spotify,
+#custom-updater,
 #custom-weather,
-#custom-power,
-#custom-lock,
-#custom-weather.severe,
-#custom-weather.sunnyDay,
 #custom-weather.clearNight,
 #custom-weather.cloudyFoggyDay,
 #custom-weather.cloudyFoggyNight,
+#custom-weather.default 
 #custom-weather.rainyDay,
 #custom-weather.rainyNight,
+#custom-weather.severe,
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
-#custom-weather.default 
-#idle_inhibitor {
+#custom-weather.sunnyDay {
 	color: #cba7f7;
 	padding: 0px 10px;
 	border-radius:10px;

config/waybar/style/style-rgb.css

@@ -48,40 +48,48 @@ tooltip label{
 	color: #cdd6f4;
 }
 
-#clock,
-#battery,
-#cpu,
-#memory,
-#disk,
-#temperature,
 #backlight,
-#network,
-#pulseaudio,
+#battery,
 #bluetooth,
-#wireplumber,
-#mode,
-#tray,
 #cava,
-#window,
+#clock,
+#cpu,
+#disk,
 #idle_inhibitor,
-#keyboard-state,
 #keyboard-state label,
 #keyboard-state label.locked,
+#keyboard-state,
+#memory,
+#mode,
 #mpd,
-#custom-light_dark,
-#workspaces,
-#taskbar,
+#network,
+#pulseaudio,
 #taskbar button,
-#bluetooth,
+#taskbar,
+#temperature,
+#tray,
+#window,
+#wireplumber,
 #workspaces,
+#custom-cycle_wall,
+#custom-light_dark,
+#custom-lock,
 #custom-menu,
+#custom-power_vertical,
 #custom-power,
-#custom-cycle_wall,
-#custom-media,
+#custom-spotify,
 #custom-updater,
-#custom-lock,
 #custom-weather,
-#idle_inhibitor {
+#custom-weather.clearNight,
+#custom-weather.cloudyFoggyDay,
+#custom-weather.cloudyFoggyNight,
+#custom-weather.default 
+#custom-weather.rainyDay,
+#custom-weather.rainyNight,
+#custom-weather.severe,
+#custom-weather.showyIcyDay,
+#custom-weather.snowyIcyNight,
+#custom-weather.sunnyDay {
 	border-radius: 8px;
 	margin: 4px 1px;
 	padding: 0px 4px;
@@ -213,6 +221,7 @@ tooltip label{
   	background-color: #86b4fa;
 }
 
+#custom-power_vertical,
 #custom-light_dark,
 #idle_inhibitor {
   	background-color: #86b4fa;