nicer waybar

home/.config/hypr/hyprland.conf

@@ -69,6 +69,7 @@ exec-once = waybar & hyprpaper #& firefox
 exec-once = dbus-update-activation-environment --systemd WAYLAND_DISPLAY XDG_CURRENT_DESKTOP
 exec-once = vesktop & nheko
 exec-once = env LD_PRELOAD=/usr/lib32/libextest.so /usr/bin/steam-runtime %U -pipewire
+exec-once = swayosd-server
 # env XDG_SESSION_TYPE=x11 discord 
 
 #############################
@@ -198,8 +199,8 @@ input {
 
     follow_mouse = 1
 
-    #sensitivity = -.76 # -1.0 - 1.0, 0 means no modification.
+    sensitivity = -.76 # -1.0 - 1.0, 0 means no modification.
-    sensitivity = -.15 # -1.0 - 1.0, 0 means no modification.
+    #sensitivity = -.15 # -1.0 - 1.0, 0 means no modification.
 
     touchpad {
         natural_scroll = false

home/.config/hypr/hyprpaper.conf

@@ -1,4 +1,4 @@
 #preload = /usr/share/hyprland/wall2.png
 # wallpaper = , /usr/share/hyprland/wall2.png
-preload = ~/Media/Images/andromeda.jpg
+preload = ~/Pictures/Wallpaper/outer.png
-wallpaper = , ~/Media/Images/andromeda.jpg
+wallpaper = , ~/Pictures/Wallpaper/outer.png

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;
 }