feat(waybar): refine

waybar/config.jsonc

@@ -48,8 +48,7 @@
     "active-only": false,
   },
   "hyprland/window": {
-    "format": "{initialTitle}",
-    "icon": true
+    "format": "{title}",
   },
   "tray": {
     "show-passive-items": true,

waybar/style.css

@@ -1,11 +1,12 @@
 @define-color bg #1e1e2e;
+@define-color accent #ffffff;
 
 * {
   min-height: 0;
   min-width: 0;
   font-family: "Adwaita Sans", "JetBrainsMono Nerd Font";
   font-size: 13px;
-  font-weight: 500;
+  font-weight: 400;
 }
 
 window#waybar {
@@ -22,23 +23,22 @@ window#waybar.empty #window {
   padding: 0.1rem 0.6rem;
   margin: 0.1rem 0.25rem;
   border-radius: 6px;
-  /* background-color: #181825; */
-  background-color: #1e1e2e;
+  background-color: alpha(@bg, 0.6);
   color: #cdd6f4;
 }
 
 #workspaces button:hover {
   color: #1e1e2e;
-  background-color: #cdd6f4;
+  background-color: alpha(#cdd6f4, 0.3);
 }
 
 #workspaces button.active {
-  background-color: #1e1e2e;
-  color: #89b4fa;
+  background-color: alpha(@accent, 0.6);
+  color: black
 }
 
 #workspaces button.urgent {
-  background-color: #1e1e2e;
+  background-color: alpha(@bg, 0.5);
   color: #f38ba8;
 }
 
@@ -58,7 +58,7 @@ window#waybar.empty #window {
   margin: 0.1rem 0.25rem;
   border-radius: 6px;
   /* background-color: #181825; */
-  background-color: alpha(@bg, 0.7);
+  background-color: alpha(@bg, 0.6);
 }
 
 #mpris.playing {
@@ -73,7 +73,7 @@ window#waybar.empty #window {
   padding: 0px;
   color: #585b70;
 }
-
+/*
 #cpu {
   color: #94e2d5;
 }
@@ -119,4 +119,4 @@ tooltip {
   background-color: #181825;
   border: 2px solid #89b4fa;
 }
-
+*/