add Personal+ziap waybar configs

2024-08-20 22:13:02 -07:00
parent 51d86bfee9
commit 43b3a016a1
3 changed files with 193 additions and 1 deletions
--- a/configs/waybar_l/Meself/Personal+ziap/style.css
+++ b/configs/waybar_l/Meself/Personal+ziap/style.css
@@ -0,0 +1,103 @@
+* {
+  border: none;
+  border-radius: 0;
+  font-family: VictorMono Nerd Font Bold;
+  font-size: 20px;
+  font-weight: 500;
+  padding: 0 8px;
+}
+
+window#waybar {
+  background-color: #282828;
+  color: #ebdbb2;
+  transition-property: background-color;
+  transition-duration: 0.5s;
+  border-bottom: solid 0px #3c3836;
+}
+
+window#waybar.hidden {
+  opacity: 0.2;
+}
+
+#workspaces button {
+  padding: 0 4px;
+  color: #ebdbb2;
+  border-radius: 5px;
+}
+
+#workspaces button.focused {
+  background-color: #ebdbb2;
+  color: #282828;
+  border-bottom: none;
+}
+
+#workspaces button.urgent {
+  background-color: #cc241d;
+}
+
+widget > * {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+.modules-left > widget > * {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+.modules-left > widget:first-child > * {
+  margin-left: 6px;
+}
+
+.modules-left > widget:last-child > * {
+  margin-right: 18px;
+}
+
+.modules-right > widget > * {
+  padding: 0 12px;
+  margin-left: 0;
+  margin-right: 0;
+  color: #282828;
+  background-color: #ebdbb2;
+}
+
+.modules-right > widget:first-child > * {
+  border-radius: 5px 0 0 5px;
+}
+
+.modules-right > widget:last-child > * {
+  border-radius: 0 5px 5px 0;
+  margin-right: 6px;
+}
+
+#mode {
+  background: transparent;
+  color: #fb4934;
+}
+
+@keyframes blink {
+  to {
+    color: #ebdbb2;
+  }
+}
+
+#battery.critical:not(.charging) {
+  animation-name: blink;
+  animation-duration: 1s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+}
+
+label:focus {
+  background-color: #282828;
+}
+
+tooltip {
+  border-radius: 5px;
+  background: #504945;
+}
+
+tooltip label {
+  color: #ebdbb2;
+}