initial commit

waybar/style.css

@@ -0,0 +1,100 @@
+@import "frappe.css";
+
+
+* {
+  all: unset;
+  font-family: "JetBrainsMono Nerd Font Propo", "JetBrainsMono Nerd Font", monospace;
+  font-size: 12px;
+  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
+  letter-spacing: 0.2px;
+  border: none;
+  border-radius: 0;
+  /*min-height: 0;*/
+  margin: 0;
+  padding: 0;
+}
+
+#waybar {
+  background: @theme_bg_color;
+  color: @theme_fg_color;
+}
+#window,
+#mpris {
+  padding: 0 0.5rem;
+}
+#clock,
+#battery,
+#pulseaudio,
+#custom-notification,
+#tray,
+#custom-power {
+  padding: 0 0.75rem;
+}
+#tags {
+  padding-right: 0.25rem;
+}
+
+#tags button {
+  font-weight: normal;
+  border-radius: 4px;
+  margin: 2px 3px;
+  padding: 0px;
+  min-width: 24px;
+  color: rgba(198, 208, 245, 0.3);
+}
+
+#tags button.occupied {
+  background-color: transparent;
+  color: @theme_fg_color;
+}
+
+#tags button.focused {
+  background-color: rgba(186, 187, 241, 0.18);
+  color: @theme_selected_bg_color;
+  font-weight: bold;
+}
+
+#tags button.urgent {
+  /* background-color: rgba(231, 130, 132, 0.2); */
+  color: @error_color;
+  animation: blink 1s infinite;
+}
+
+#tags button:hover {
+  /* background-color: rgba(255, 255, 255, 0.08); */
+  /* color: @theme_fg_color; */
+  background-color: transparent;
+  color: @theme_selected_bg_color;
+}
+
+/* Optional: Add subtle transition for hover effects */
+#tags button {
+  /* transition: all 0.2s ease-in-out; */
+}
+
+@keyframes blink {
+  0%   { opacity: 1; }
+  50%  { opacity: 0.5; }
+  100% { opacity: 1; }
+}
+
+#battery.charging {
+  color: @success_color;
+}
+
+#battery.warning:not(.charging) {
+  color: @warning_color;
+}
+
+#custom-power {
+  color: @theme_selected_fg_color;
+}
+
+#tray button {
+  padding: 0 4px;
+  border-radius: 4px;
+}
+
+#tray button:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}