feat(waybar): update

waybar/config.jsonc

@@ -53,16 +53,12 @@
       "class<*>": "󰘔 ",
       "class<firefox>": "󰈹 ",
       "class<app.zen_browser.zen>": "󰖟 " ,
-      "class<Code>": "󰨞 ",
-      "class<Alacritty>": "󰆍 ",
-      "class<Spotify>": "󰓇 ",
-      "class<org.telegram.desktop>": "󰍡 ",
       "class<kitty>": " ",
       "class<com.seafile.seafile-applet>": "󰅟 ",
       "class<org.gnome.Nautilus>": " ",
       "class<org.gnome.Software>": " ",
       "class<chromium-browser>": " ",
-      "class<chrome-web.telegram.org__-Default>": " ",
+      "class<chrome-web.telegram.org__-Default>": " ",
       "class<chrome-music.youtube.com__-Default>": " "
     }
   },

waybar/style.css

@@ -23,7 +23,7 @@ window#waybar {
 }
 
 #workspaces button {
-  padding-left: 8px;
+  padding-left: 5px;
   padding-right: 0;
   margin-top: 3px;
   padding-top: 0;
@@ -36,23 +36,23 @@ window#waybar {
   min-width: 24px;
 
   border-radius: 6px;
-  background: alpha(@bg, 0.8);
+  background: alpha(@bg, 0.3);
 
   transition: 
     all 180ms cubic-bezier(.4,0,.2,1),
     color 800ms cubic-bezier(.4, 0, .2, 1);
 
-  color: grey;
+  opacity: 0.3;
 }
 
 #workspaces button label {
-  font-size: 20px;
-  letter-spacing: -2px;
+  font-size: 18px;
+  letter-spacing: -3px;
 }
 
 #workspaces button:hover {
   background: rgba(255,255,255,0.45);
-  background: alpha(@bg,0.3);
+  opacity: 0.4;
 }
 
 #workspaces button.active {
@@ -61,6 +61,7 @@ window#waybar {
   background: alpha(@bg,0.3);
   color: white;
   border: 1px solid alpha(white, 0.7);
+  opacity: 1.0;
 }
 
 #workspaces button.visible {