niri, waybar, swaylock

dotfiles/dot_config/waybar/style.css

@@ -1,6 +1,6 @@
 * {
     border: none;
-    font-size: 14px;
+    font-size: 12pt;
     font-family: "JetBrainsMono Nerd Font,JetBrainsMono NF" ;
     min-height: 25px;
 }
@@ -10,28 +10,26 @@ window#waybar {
   margin: 5px;
  }
 
-#custom-logo {
-  padding: 0 10px;
-}
-
 .modules-right {
   padding-left: 5px;
-  border-radius: 15px 0 0 15px;
   margin-top: 2px;
-  background: #000000;
+  color: #ccc;
 }
 
 .modules-center {
   padding: 0 15px;
   margin-top: 2px;
-  border-radius: 15px 15px 15px 15px;
-  background: #000000;
+  color: #ccc;
 }
 
 .modules-left {
-  border-radius: 0 15px 15px 0;
   margin-top: 2px;
-  background: #000000;
+  color: #ccc;
+  padding-right: 5px;
+}
+
+#network {
+  padding: 0 10px 0 15px;
 }
 
 #battery,
@@ -40,7 +38,7 @@ window#waybar {
 #custom-powerDraw,
 #bluetooth,
 #pulseaudio,
-#network,
+#wireplumber,
 #disk,
 #memory,
 #backlight,
@@ -53,10 +51,7 @@ window#waybar {
 #window,
 #workspaces,
 #clock {
-  padding: 0 5px;
-}
-#pulseaudio {
-  padding-top: 3px;
+  padding: 0 20px;
 }
 
 #temperature.critical,
@@ -65,11 +60,8 @@ window#waybar {
   padding-top: 0;
 }
 
-
-
-
 #clock{
-  color: #5fd1fa;
+  color: #d8bfff;
 }
 
 #battery.charging {
@@ -92,10 +84,30 @@ window#waybar {
     animation-direction: alternate;
 }
 
+#mpris {
+  margin-left: 15px;
+}
+
+#workspaces button {
+  color: #666;
+}
+
+#workspaces button.empty {
+  color: #222;
+}
+
+#workspaces button.focused
+{
+  color: #ccc;
+}
+
+#taskbar button.active {
+  background: #333;
+}
 
 @keyframes blink {
-    to {
-        background-color: #ffffff;
-        color: #000000;
-    }
+  to {
+    background-color: #ffffff;
+    color: #000000;
+  }
 }