Added the bri / vol scripts!

home/.bin/bri

@@ -0,0 +1,12 @@
+#!/usr/bin/env zsh 
+if \[ "$1" = "--up" \]; then
+    # eww -c $HOME/.dotfiles/eww/bar o bri && brightnessctl -q s 5%+  && sleep 3 &&  eww -c $HOME/.dotfiles/eww/bar c bri
+    swayosd-client --brightness raise
+    # brightnessctl -q s 5%+
+elif \[ "$1" = "--down" \]; then
+    # eww -c $HOME/.dotfiles/eww/bar o bri && brightnessctl -q s 5%- && sleep 3 &&  eww -c $HOME/.dotfiles/eww/bar c bri
+    swayosd-client --brightness lower
+    # brightnessctl -q s 5%-
+elif \[ "$1" = "--get" \]; then
+    echo $(brightnessctl | head -n 2 | tail -n 1 | awk '{print $4}' | tr -d '(%)')
+fi

home/.bin/vol

@@ -0,0 +1,10 @@
+#!/usr/bin/env zsh 
+if [ "$1" = "--up" ]; then
+    # eww -c $HOME/.dotfiles/eww/bar o vol && wpctl set-volume u/DEFAULT_AUDIO_SINK@ 5%+ && sleep 3 &&  eww -c $HOME/.dotfiles/eww/bar c vol
+    swayosd-client --output-volume raise
+    # wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+elif [ "$1" = "--down" ]; then
+    # eww -c $HOME/.dotfiles/eww/bar o vol && wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%- && sleep 3 &&  eww -c $HOME/.dotfiles/eww/bar c vol
+    swayosd-client --output-volume lower
+    # wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+fi

home/.config/waybar/config.jsonc

@@ -3,7 +3,7 @@
     // "layer": "top", // Waybar at top layer
     // "position": "bottom", // Waybar position (top|bottom|left|right)
     "height": 30, // Waybar height (to be removed for auto height)
-    // "width": 1280, // Waybar width
+    // "width": 90%, // Waybar width
     "spacing": 4, // Gaps between modules (4px)
     // Choose the order of the modules
     "modules-left": [
@@ -29,8 +29,8 @@
         "sway/language",
         "battery",
         "battery#bat2",
-        "clock",
+        "tray",
-        "tray"
+        "clock"
     ],
     // Modules configuration
     "hyprland/workspaces": {

home/.config/waybar/style.css

@@ -10,12 +10,13 @@
 
 * {
 	border: none;
-	border-radius: 0;
+	border-radius: 24px;
 	font-family: Nerd Font Hack;
 	font-size: 14px;
-	min-height: 24px;
+	min-height: 16px;
+	background-color: rgba(40, 42, 46, 0.86);
 }
-
+/*
 window#waybar {
 	background: transparent;
 }
@@ -23,9 +24,9 @@ window#waybar {
 window#waybar.hidden {
 	opacity: 0.2;
 }
-
+*/
 #window {
-    margin-top: 8px;
+    margin-top: 0px;
     padding-left: 16px;
     padding-right: 16px;
 	border-radius: 26px;
@@ -35,7 +36,7 @@ window#waybar.hidden {
 	background: #282a36;
     */
     color: white;
-	background: #585858;
+	background-color: rgba(88, 88, 88, 0.0);
 }
 
 window#waybar.termite #window,
@@ -47,10 +48,10 @@ window#waybar.PCSX2 #window {
 }
 
 #workspaces {
-	margin-top: 8px;
+	margin-top: 0px;
-	margin-left: 12px;
+	margin-left: 2px;
 	margin-bottom: 0;
-	border-radius: 26px;
+	/*border-radius: 26px;*/
 	background: #282a36;
 	transition: none;
 }
@@ -63,18 +64,20 @@ window#waybar.PCSX2 #window {
 }
 
 #workspaces button.active {
-	color: #9aedfe;
+	/*color: #9aedfe;*/
+	color: #d65d0e;
+	/*background-color: #231531;*/
 }
 
 #workspaces button:hover {
 	transition: none;
 	box-shadow: inherit;
 	text-shadow: inherit;
-	color: #ff79c6;
+	color: #9aedfe;
 }
 
 #mpd {
-	margin-top: 8px;
+	margin-top: 0px;
 	margin-left: 8px;
 	padding-left: 16px;
 	padding-right: 16px;
@@ -93,7 +96,7 @@ window#waybar.PCSX2 #window {
 }
 
 #network {
-	margin-top: 8px;
+	margin-top: 0px;
 	margin-left: 8px;
 	padding-left: 16px;
 	padding-right: 16px;
@@ -101,11 +104,11 @@ window#waybar.PCSX2 #window {
 	border-radius: 26px;
 	transition: none;
 	color: #4d4d4d;
-	background: #bd93f9;
+	background: #282A2E;
 }
 
 #pulseaudio {
-	margin-top: 8px;
+	margin-top: 0px;
 	margin-left: 8px;
 	padding-left: 16px;
 	padding-right: 16px;
@@ -113,11 +116,11 @@ window#waybar.PCSX2 #window {
 	border-radius: 26px;
 	transition: none;
 	color: #4d4d4d;
-	background: #9aedfe;
+	background: #282A2E;
 }
 
 #temperature {
-	margin-top: 8px;
+	margin-top: 0px;
 	margin-left: 8px;
 	padding-left: 16px;
 	padding-right: 16px;
@@ -125,11 +128,11 @@ window#waybar.PCSX2 #window {
 	border-radius: 26px;
 	transition: none;
 	color: #4d4d4d;
-	background: #5af78e;
+	background: #282A2E;
 }
 
 #cpu {
-	margin-top: 8px;
+	margin-top: 0px;
 	margin-left: 8px;
 	padding-left: 16px;
 	padding-right: 16px;
@@ -137,11 +140,11 @@ window#waybar.PCSX2 #window {
 	border-radius: 26px;
 	transition: none;
 	color: #4d4d4d;
-	background: #f1fa8c;
+	background: #282A2E;
 }
 
 #memory {
-	margin-top: 8px;
+	margin-top: 0px;
 	margin-left: 8px;
 	padding-left: 16px;
 	padding-right: 16px;
@@ -149,11 +152,11 @@ window#waybar.PCSX2 #window {
 	border-radius: 26px;
 	transition: none;
 	color: #4d4d4d;
-	background: #ff6e67;
+	background: #282A2E;
 }
 
 #clock {
-	margin-top: 8px;
+	margin-top: 0px;
 	margin-left: 8px;
 	margin-right: 12px;
 	padding-left: 16px;
@@ -161,6 +164,8 @@ window#waybar.PCSX2 #window {
 	margin-bottom: 0;
 	border-radius: 26px;
 	transition: none;
-	color: #f8f8f2;
+	color: #d65d0e;
-	background: #282a36;
+	font-size: 16px;
+	font-weight: bold;
+	background: #282A2E;
 }