add waybar config

users/mara/config/waybar.css

@@ -0,0 +1,114 @@
+/*
+* Variant: Rosé Pine Moon
+* Maintainer: DankChoir
+*/
+
+@define-color base #232136;
+@define-color surface #2a273f;
+@define-color overlay #393552;
+
+@define-color muted #6e6a86;
+@define-color subtle #908caa;
+@define-color text #e0def4;
+
+@define-color love #eb6f92;
+@define-color gold #f6c177;
+@define-color rose #ea9a97;
+@define-color pine #3e8fb0;
+@define-color foam #9ccfd8;
+@define-color iris #856cd9;
+
+@define-color highlightLow #2a283e;
+@define-color highlightMed #44415a;
+@define-color highlightHigh #56526e;
+
+* {
+  font-family: Maple Mono NF;
+  font-size: 14px;
+  min-height: 0;
+  border: none;
+  background: none;
+  margin: 0;
+  padding: 0;
+}
+
+#waybar.bottom_bar {
+  border: 2px solid shade(@iris, 1);
+}
+
+#waybar.top_bar {
+  border-bottom: 2px solid shade(@iris, 1);
+}
+
+#waybar,
+tooltip,
+#tray menu,
+#tray menu menuitem {
+  background-color: alpha(@surface, 0.75);
+  padding: 0.5rem 0;
+  margin-bottom: 0;
+  color: @text;
+  border-radius: 0;
+}
+
+.modules-right,
+.modules-left,
+.modules-center {
+  margin: 2px;
+  padding: 0 2px;
+}
+
+#waybar.top_bar .modules-right,
+#waybar.top_bar .modules-left,
+#waybar.top_bar .modules-center {
+    margin-bottom: 6px;
+}
+
+tooltip,
+#tray menu {
+  border: 2px solid shade(@iris, 1);
+}
+
+#tray menu menuitem {
+  border-radius: 0;
+  border-top: none;
+  border-bottom: none;
+  background: none;
+  margin: 0;
+  padding: 0;
+}
+
+#tray menu menuitem:hover {
+  color: @text;
+  background: alpha(@iris, 0.2);
+}
+
+#battery.charging {
+  color: @pine;
+}
+
+#battery.warning:not(.charging) {
+  color: @rose;
+}
+
+#workspaces button {
+  color: @text;
+  border-radius: 0;
+}
+
+#workspaces button:hover {
+  color: @text;
+  box-shadow: inset 0 2px @iris;
+  text-shadow: none;
+}
+
+#workspaces button.active,
+#workspaces button.focused {
+  box-shadow: inset 0 1px @text;
+}
+
+#custom-bat-sep,
+#custom-back-sep,
+#custom-sep {
+  padding: 0 6px;
+}