waybar changes 1

2024-12-27 16:46:50 +01:00
parent 542bac2fe7
commit 10716da678
22 changed files with 1007 additions and 159 deletions
--- a/modules/home/programs/waybar/style.css
+++ b/modules/home/programs/waybar/style.css
@@ -0,0 +1,167 @@
+* {
+  all: unset;
+  background: #282828;
+  border: none;
+  border-radius: 0;
+  font-family:
+    Input Mono Narrow Light,
+    "Font Awesome 6 Free Solid";
+  font-size: 13px;
+  min-height: 0;
+}
+
+window#waybar {
+  background: transparent;
+  color: #fbf1c7;
+  /* transition-property: background-color; */
+  /* transition-duration: 0.5s; */
+}
+
+#workspaces button {
+  padding: 0 0px;
+  margin: 0 6px;
+  background-color: transparent;
+  color: #fbf1c7;
+  border-top: 3px solid transparent;
+  border-bottom: 3px solid transparent;
+}
+#workspaces button:hover {
+  background-color: #282828;
+  background: #282828;
+  color: #ebdbb2;
+  animation: ws_active 0s ease-in-out 1;
+  transition: all 0.2s cubic-bezier(0.55, -0.68, 0.48, 1.682);
+}
+
+#workspaces button.active {
+  color: #fbf1c7;
+  animation: ws_active 0s ease-in-out 1;
+  transition: all 0.2s cubic-bezier(0.55, -0.68, 0.48, 1.682);
+}
+
+#custom-logo {
+  font-size: 16px;
+  background-image: url("../waybar/images/button.svg");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 18px 15px;
+}
+
+#custom-trayicon {
+  color: #fbf1c7;
+  background: transparent;
+  opacity: 1;
+  margin: 1px 0px 0px 0px;
+  padding-left: 2px;
+  padding-right: 2px;
+  font-family: "Cantarell";
+  font-size: 14px;
+}
+
+#custom-usbguard,
+#custom-decrypted,
+#custom-mail,
+#battery.warning,
+#disk.warning,
+#memory.warning,
+#cpu.warning,
+#custom-dnd.dnd-notification,
+#custom-dnd.dnd-none {
+  border-top: 3px solid #282828;
+  border-bottom: 3px solid #c35e0a;
+}
+
+#custom-systemd,
+#battery.critical,
+#disk.critical,
+#memory.critical,
+#cpu.critical,
+#custom-yubikey,
+#custom-recording {
+  border-top: 3px solid #282828;
+  border-bottom: 3px solid #c14a4a;
+}
+
+#battery.charging {
+  border-top: 3px solid #282828;
+  border-bottom: 3px solid #4c7a5d;
+}
+
+#pulseaudio,
+#custom-systemd,
+#custom-mail,
+#network,
+#cpu,
+#disk,
+#memory,
+#backlight,
+#battery,
+#clock {
+  padding: 0 3px;
+  margin: 0 3px;
+}
+
+#custom-dnd,
+#custom-recording,
+#language {
+  padding: 0;
+  margin: 0 6px;
+}
+
+#backlight,
+#battery,
+#clock,
+#cpu,
+#custom-mail,
+#custom-progress,
+#custom-recording,
+#custom-systemd,
+#custom-usbguard,
+#custom-yubikey,
+#disk,
+#memory,
+#mode,
+#network,
+#pulseaudio {
+  color: #fbf1c7;
+}
+
+#custom-mako {
+  color: #928374;
+  background: transparent;
+  opacity: 1;
+  margin: 1px 0px 0px 0px;
+  padding-right: 12px;
+  padding-left: 8px;
+  font-family: "Cantarell";
+  font-size: 16px;
+}
+
+#tray menu * {
+  color: #fbf1c7;
+  font-family: "Input Sans Compressed";
+}
+
+#tray {
+  padding: 0px 5px;
+}
+
+#tray > .passive {
+  -gtk-icon-effect: dim;
+}
+
+@keyframes needs-attention {
+  to {
+    background-color: rgba(235, 77, 75, 0.5);
+  }
+}
+
+#tray > .needs-attention {
+  -gtk-icon-effect: highlight;
+  animation-name: needs-attention;
+  animation-duration: 1s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+  background-color: transparent;
+}