add gh-cli

home/config/waybar/style.css

@@ -1,149 +1,81 @@
 * {
-  border: none;
-  border-radius: 0;
-  font-family:
-    Jetbrains Mono Nerd Font,
-    monospace;
+  font-family: "JetBrainsMonoNerdFontMono";
   font-weight: bold;
-  font-size: 14px;
   min-height: 0;
+  font-size: 102%;
+  font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+  padding: 1px;
 }
 
 window#waybar {
-  background: rgba(21, 18, 27, 0);
-  color: #cdd6f4;
+  background-color: rgba(0, 0, 0, 0);
+  transition-property: background-color;
+  transition-duration: .5s;
+}
+
+window#waybar.hidden {
+  opacity: 0.5;
+}
+
+window#waybar.empty {
+  background-color: transparent;
+}
+
+window#waybar.empty #window {
+  padding: 0px;
+  border: 0px;
+  background-color: transparent;
 }
 
 tooltip {
-  background: #1e1e2e;
-  border-radius: 10px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: #11111b;
-}
-
-#workspaces button {
-  padding: 5px;
-  color: #313244;
-  margin-right: 5px;
-}
-
-#workspaces button.active {
-  color: #a6adc8;
-}
-
-#workspaces button.focused {
-  color: #a6adc8;
-  background: #eba0ac;
+  opacity: 1;
   border-radius: 10px;
 }
 
-#workspaces button.urgent {
-  color: #11111b;
-  background: #a6e3a1;
-  border-radius: 10px;
+tooltip label {
+  padding: 10px;
+  color: #ebdbb2;
 }
 
-#workspaces button:hover {
-  background: #11111b;
-  color: #cdd6f4;
-  border-radius: 10px;
-}
-
-#language,
-#custom-updates,
-#custom-caffeine,
-#custom-weather,
-#window,
+#custom-cava,
 #clock,
-#battery,
-#pulseaudio,
+#cpu,
+#memory,
+#mpris,
 #network,
+#pulseaudio,
+#temperature,
 #workspaces,
-#tray,
-#backlight {
-  background: #1e1e2e;
-  padding: 0px 10px;
-  margin: 3px 0px;
-  margin-top: 10px;
-  border: 1px solid #181825;
-}
-
-#tray {
+#custom-menu,
+#custom-swaync {
   border-radius: 10px;
-  margin-right: 10px;
-}
-
-#workspaces {
-  background: #1e1e2e;
-  border-radius: 10px;
-  margin-left: 10px;
-  padding-right: 0px;
-  padding-left: 5px;
-}
-
-#custom-caffeine {
-  color: #89dceb;
-  border-radius: 10px 0px 0px 10px;
-  border-right: 0px;
-  margin-left: 10px;
-}
-
-#custom-language {
-  color: #f38ba8;
-  border-left: 0px;
-  border-right: 0px;
-}
-
-#custom-updates {
-  color: #f5c2e7;
-  border-radius: 10px 0px 0px 10px;
-  border-left: 0px;
-  border-right: 0px;
+  color: #ebdbb2;
+  padding-top: 3px;
+  padding-bottom: 3px;
+  padding-left: 6px;
+  padding-right: 6px;
 }
 
 #window {
-  border-radius: 10px;
-  margin-left: 60px;
-  margin-right: 60px;
+  color: #ebdbb2;
+  padding-top: 3px;
+  padding-bottom: 3px;
+  padding-right: 6px;
+  padding-left: 6px;
+  border-radius: 12px;
 }
 
-#clock {
-  color: #fab387;
-  border-radius: 10px 0px 0px 10px;
-  margin-left: 5px;
-  border-right: 0px;
+#workspaces button {
+  margin: 1px;
+  box-shadow: none;
+  text-shadow: none;
+  border-radius: 12px;
+  padding-left: 6px;
+  padding-right: 6px;
+  background-color: #ebdbb2;
+  color: #282828;
 }
 
-#network {
-  color: #f9e2af;
-  border-left: 0px;
-  border-right: 0px;
-}
-
-#pulseaudio {
-  color: #89b4fa;
-  border-left: 0px;
-  border-right: 0px;
-}
-
-#pulseaudio.microphone {
-  color: #cba6f7;
-  border-radius: 0px 10px 10px 0px;
-  border-left: 0px;
-  border-right: 0px;
-  margin-right: 5px;
-}
-
-#battery {
-  color: #a6e3a1;
-  border-radius: 0 10px 10px 0;
-  margin-right: 10px;
-  border-left: 0px;
-}
-
-#custom-weather {
-  border-radius: 0px 10px 10px 0px;
-  border-right: 0px;
-  margin-left: 0px;
+#temperature.critical {
+  background-color: red;
 }