more changes, all should work pretty nicely now

2025-05-21 15:45:30 +02:00
parent 0e34591f0a
commit ab93aae1b6
56 changed files with 6674 additions and 229 deletions
@@ -0,0 +1,140 @@
+@import "../../.cache/wal/colors-waybar.css";
+
+@define-color main-color @color13;
+
+* {
+  font: bold 16px "JetBrainsMono Nerd Font Propo";
+  border: none;
+  border-radius: 0px;
+  box-shadow: none;
+  text-shadow: none;
+}
+
+window#waybar {
+  background: alpha(@background, 0.3);
+  border-radius: 10px;
+}
+
+#window {
+  padding: 2px 10px;
+  margin: 4px 2px 4px 4px;
+  background: alpha(@background, 0.3);
+  border-radius: 10px;
+  color: lighter(@main-color);
+}
+
+tooltip {
+  background: alpha(@background, 0.3);
+  border: 2px solid alpha(lighter(@main-color), 0.3);
+  border-radius: 10px;
+}
+
+tooltip label {
+  color: @foreground;
+}
+
+#custom-arrow-right {
+  color: @main-color;
+  margin: 0px 4px;
+}
+
+#cpu,
+#memory,
+#disk {
+  padding: 0px 6px;
+  margin: 8px 4px;
+  background: alpha(darker(@main-color), 0.3);
+  color: @main-color;
+  border-radius: 10px;
+}
+
+#workspaces {
+  margin: 4px 4px;
+  background: alpha(@background, 0.5);
+  border-radius: 10px;
+}
+
+#workspaces button {
+  padding: 0px 4px;
+  margin: 4px 4px;
+  color: alpha(@foreground, 0.5);
+}
+
+#workspaces button.active {
+  transition: color 0.5s;
+  color: lighter(@main-color);
+}
+
+#workspaces button.urgent,
+#workspaces button:hover {
+  color: @color5;
+  background-color: transparent;
+}
+
+#control-center {
+  padding: 0px 8px;
+  margin: 8px 4px;
+  color: lighter(@main-color);
+  background: alpha(@background, 0.3);
+  border-radius: 10px;
+}
+
+#bluetooth,
+#network,
+#pulseaudio {
+  padding: 0px 0 0 4px;
+}
+
+#pulseaudio-slider slider {
+  min-height: 0px;
+  min-width: 0px;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+#pulseaudio-slider {
+  margin: 10px;
+}
+
+#pulseaudio-slider highlight {
+  border-radius: 8px;
+  background-color: lighter(@main-color);
+}
+
+#language {
+  padding: 0px 3px 2px 0px;
+}
+
+#custom-arrow-left {
+  color: lighter(@main-color);
+  margin: 0px 4px;
+}
+
+#custom-notifications,
+#custom-weather,
+#custom-theme-switcher {
+  padding: 0px 8px;
+  margin: 8px 4px;
+  color: @main-color;
+  background: alpha(darker(@main-color), 0.3);
+  border-radius: 10px;
+}
+
+#clock {
+  padding: 0px 8px;
+  margin: 4px 2px 4px 2px;
+  background: alpha(@background, 0.3);
+  border-radius: 10px;
+  color: lighter(@main-color);
+}
+
+#power {
+  background: alpha(@main-color, 0.3);
+  border-radius: 10px;
+  margin: 4px;
+}
+
+#battery {
+  padding: 0px 8px;
+}