add niri

home/packages/waybar/waybar.css

@@ -1,12 +1,11 @@
 * {
-  font-family: JetBrains Mono, Font Awesome 6 Free;
+  font-family: "Hack Nerd Font Mono";
   font-size: 13px;
 }
 
 window#waybar {
-  color: #ffffff;
-  background-color: #1e3b28;
-  border-bottom: 3px solid #8f2fef;
+  color: #d3c6aa;
+  background-color: #2b3339;
   transition-property: background-color;
   transition-duration: .5s;
 }
@@ -15,34 +14,53 @@ window#waybar.hidden {
   opacity: 0.2;
 }
 
+.modules-left,
+.modules-center,
+.modules-right {
+  border: 3px solid #7fbbb3;
+  border-radius: 4px;
+  padding: 0 5px;
+}
+
+#custom-weather {
+  /* border-bottom: #a7c080; */
+}
+
 button {
   box-shadow: inset 0 -3px transparent;
-  border: none;
+  border: 1px #000000 solid;
   border-radius: 0;
+  color: #d3c6aa;
 }
 
 button:hover {
   background: inherit;
-  box-shadow: inset 0 -3px #ffffff;
+  box-shadow: inset 0 -3px #7fbbb3;
+  opacity: 0.8;
 }
 
-#workspaces button {
-  padding: 0 15px;
+#tags button {
+  padding: 0 5px;
   background-color: transparent;
-  border: 2px solid #8f2fef
+  border: 2px solid #d3c6aa;
+  margin: 3px;
 }
 
-#workspaces button:hover {
-  background: rgba(255, 255, 255, 0.2);
+#tags button.occupied {
+  background: #d3c6aa;
+  border: 1px solid #2b3339;
+  color: #2b3339;
 }
 
-#workspaces button.focused {
-  background-color: #8f2fef;
-  box-shadow: inset 0 -3px #ffffff;
+#tags button.focused {
+  background-color: #7fbbb3;
+  color: #2b3339;
+  border: 1px solid #2b3339;
+  /* border-bottom: 3px solid #2b3339; */
 }
 
-#workspaces button.urgent {
-  background-color: #f38ba8;
+#tags button.urgent {
+  background-color: #e67e80;
 }
 
 #backlight,
@@ -55,10 +73,9 @@ button:hover {
 #pulseaudio,
 #temperature,
 #tray,
-#idle_inhibitor,
-#keyboard-state,
 #power-profiles-daemon {
   padding: 0 8px;
+  color: #d3c6aa;
 }
 
 #window,
@@ -66,126 +83,79 @@ button:hover {
   margin: 0 8px;
 }
 
-.modules-left>widget:first-child>#workspaces {
-  margin-left: 0;
-}
-
-.modules-right>widget:last-child>#workspaces {
-  margin-right: 0;
-}
-
 #backlight {
-  color: #ffffff;
   background-color: transparent;
-  border-bottom: 3px solid #cba6f7;
+  /* border-bottom: 3px solid #7fbbb3; */
 }
 
 #battery {
-  color: #ffffff;
   background-color: transparent;
-  border-bottom: 3px solid #a6e3a1;
+  border-right: 3px solid #7fbbb3;
+  font-size: 18px;
 }
 
 #battery.critical.discharging {
-  background-color: #f38ba8;
-  animation: blink 1s infinite;
+  background-color: #e67e80;
+  /* animation: blink 5s infinite; */
 }
 
 #battery.warning.discharging {
-  background-color: #f9e2af;
-  animation: blink 1s infinite;
+  background-color: #dbbc7f;
+  /* animation: blink 10s infinite; */
 }
 
-@keyframes blink {
-  to {
-    background-color: transparent;
-  }
-}
+/* @keyframes blink { */
+/* to { */
+/* background-color: transparent; */
+/* } */
+/* } */
 
 #clock {
-  color: #ffffff;
   background-color: transparent;
-  border-bottom: 3px solid #a6e3a1;
+  /* border-bottom: 3px solid #a7c080; */
 }
 
 #cpu {
-  color: #ffffff;
   background-color: transparent;
-  border-bottom: 3px solid #cba6f7;
+  border-right: 3px solid #7fbbb3;
 }
 
 #memory {
-  color: #ffffff;
   background-color: transparent;
-  border-bottom: 3px solid #f9e2af;
-}
-
-#mode {
-  color: #ffffff;
-  background-color: #8f2fef;
-  border-bottom: 3px solid #ffffff;
+  border-right: 3px solid #7fbbb3;
 }
 
 #network {
-  color: #ffffff;
   background-color: transparent;
-  border-bottom: 3px solid #a6e3a1;
+  border-right: 3px solid #7fbbb3;
 }
 
 #network.disconnected {
-  color: #ffffff;
   background-color: transparent;
-  border-bottom: 3px solid #f38ba8;
+  /* border-bottom: 3px solid #f38ba8; */
 }
 
 #pulseaudio {
-  color: #ffffff;
   background-color: transparent;
-  border-bottom: 3px solid #a6e3a1;
+  border-right: 3px solid #7fbbb3;
 }
 
 #pulseaudio.muted {
-  color: #ffffff;
   background-color: transparent;
-  border-bottom: 3px solid #f38ba8;
+  /* border-bottom: 3px solid #e67e80; */
 }
 
 #temperature {
-  color: #ffffff;
   background-color: transparent;
-  border-bottom: 3px solid #a6e3a1;
+  border-right: 3px solid #7fbbb3;
 }
 
 #temperature.critical {
   background-color: transparent;
-  border-bottom: 3px solid #f38ba8;
+  /* border-bottom: 3px solid #e67e80; */
 }
 
 #tray {
   background-color: transparent;
-  border-bottom: 3px solid #8f2fef;
-}
-
-#idle_inhibitor {
-  color: #ffffff;
-  background-color: transparent;
-  border-bottom: 3px solid #f9e2af;
-}
-
-#idle_inhibitor.activated {
-  color: #1e3b28;
-  background-color: #f9e2af;
-  border-bottom: 3px solid #f9e2af;
-}
-
-#keyboard-state {
-  color: #ffffff;
-  background-color: transparent;
-  border-bottom: 3px solid #fab387;
-}
-
-#power-profiles-daemon {
-  color: #ffffff;
-  background-color: transparent;
-  border-bottom: 3px solid #94e2d5;
-}
+  border-left: 3px solid #7fbbb3;
+}