Updates

waybar/style.css

@@ -3,59 +3,51 @@
 * {
     font-family: "Fira Sans Semibold", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
     font-size: 14px;
-    border-radius: 4px;
+    border-radius: 20px;
 }
 
 window#waybar {
-    background-color: rgba(0,0,0,0.3);
+    background-color: rgba(0,0,0,0.8);
     /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */
     color: #FFFFFF;
+    background: transparent;
     transition-property: background-color;
     transition-duration: .5s;
-    border-radius: 0;
-}
-
-window#waybar.hidden {
-    opacity: 0.2;
-}
-
-window#waybar.termite {
-    background-color: #3F3F3F;
-}
-
-window#waybar.chromium {
-    background-color: #000000;
-    border: none;
+    border-radius: 20;
 }
 
+/*
 button {
-    /* box-shadow: inset 0 -3px transparent; */
+    box-shadow: inset 0 -3px transparent; 
     border: none;
     border-radius: 0;
 }
-
-button:hover {
-    background: inherit;
-    box-shadow: inset 0 0px @foreground;
-}
+*/
 
 #workspaces button {
-    padding: 0 10px;
-    color: #ffffff;
-}
-
-#workspaces button:hover {
-    background-color: @foreground;
-    color: @background;
+    padding: 0px 10px;
+    border-radius: 10px;
+    color: #FFFFFF;
+    /* font-weight:bold; */
+    border:0;
 }
 
 #workspaces button.active {
-    background-color: @color11;
     color: #FFFFFF;
+    border-radius: 15px;
+    font-weight:bold;
+    border:0;
 }
 
+#workspaces button:hover {
+	color: #FFFFFF;
+	border-radius: 15px;
+    border:0;
+}
 #workspaces button.focused {
-    background-color: @foreground;
+	color: #FFFFFF;
+	border-radius: 15px;
+    font-weight:bold;
 }
 
 #workspaces button.urgent {
@@ -82,19 +74,21 @@ button:hover {
 #mode,
 #idle_inhibitor,
 #scratchpad,
+#language,
 #mpd {
-    margin: 6px 6px;
-    padding: 0 10px;
+    margin: 6px 10px 6px 0px;
+    padding: 0 0px;
     color: #ffffff;
+    font-size:14;
 }
 
 #window,
 #workspaces {
-    margin: 0 10px 0 6px;
+    margin: 5 10px 5 10px;
+    background-color:@color11;
+    opacity:0.8;
 }
 
-
-
 .modules-left > widget:first-child > #workspaces {
     margin-left: 0;
 }
@@ -104,24 +98,28 @@ button:hover {
 }
 
 #custom-appmenu {
-    margin-left:10;
+    margin-left:16;
+    font-size:18;
+    font-weight:bold;
 }
 
-#custom-brave, #custom-outlook, #custom-teams, #custom-chatgpt, #custom-calculator {
+#custom-appmenu, #custom-brave, #custom-outlook, #custom-teams, #custom-chatgpt, #custom-calculator, #custom-lookingglass {
     margin-right:10px;
+    font-size:16px;
 }
 
 #custom-exit {
     margin-right: 10px;
+    font-size:16px;
 }
 
 #clock {
-    background-color: @color11;
+    background-color: transparent;
+    font-size:18;
 }
 
 #battery {
-    background-color: #ffffff;
-    color: #000000;
+    color: @color11;
 }
 
 #battery.charging, #battery.plugged {
@@ -151,13 +149,11 @@ label:focus {
 }
 
 #cpu {
-   background-color: @foreground;
-   color: #000000;
+   background-color: transparent;
 }
 
 #memory {
-    background-color: @foreground;
-    color:#000000;
+    background-color: transparent;
 }
 
 #disk {
@@ -177,8 +173,7 @@ label:focus {
 }
 
 #pulseaudio {
-    background-color: @foreground;
-    color: #000000;
+    background-color: transparent;
 }
 
 #pulseaudio.muted {
@@ -259,6 +254,7 @@ label:focus {
 }
 
 #language {
+    color:#FFFFFF;
     /*
     background: #00b093;
     color: #740864;
@@ -284,6 +280,10 @@ label:focus {
     background: rgba(0, 0, 0, 0.2);
 }
 
+#window {
+    margin:0;
+}
+
 #scratchpad {
     background: rgba(0, 0, 0, 0.2);
 }