Major config overhaul: use custom modules, setup for multi-host config, and less boilerplate

modules/user/hyprland/eww/eww.scss.mustache

@@ -0,0 +1,78 @@
+.bar {
+    border-radius: 10px;
+    background: rgba({{base00-rgb-r}},{{base00-rgb-g}},{{base00-rgb-b}},0.35);
+    font-size: 18px;
+}
+
+.button {
+    background: rgba(0,0,0,0.0);
+}
+
+.active-workspace {
+    color: #{{base07-hex}};
+    background: rgba(0,0,0,0.0);
+    margin-right: -30px;
+    margin-left: -30px;
+}
+
+.inactive-workspace {
+    color: #{{base03-hex}};
+    background: rgba(0,0,0,0.0);
+}
+
+.inactive-workspace:hover {
+    color: #{{base0A-hex}};
+}
+
+.calendar_window {
+    background: rgba({{base01-rgb-r}},{{base01-rgb-g}},{{base01-rgb-b}},0.65);
+    font-size: 1.2em;
+    padding: 12px;
+    border-radius: 10px;
+    border-width: 0px;
+}
+
+.calendar_window:selected {
+    background: #{{base08-hex}};
+}
+
+.calendar_window.header {
+    background: rgba(0,0,0,0.0);
+}
+
+.time-box {
+    background: rgba(0,0,0,0.0);
+    margin-right: 5px;
+}
+
+.time-box:hover {
+}
+
+progressbar trough {
+    min-width: 30px;
+    background: #{{base05-hex}};
+}
+
+progressbar trough progress {
+    background: #{{base07-hex}};
+}
+
+.battery-text-normal {
+    color: #{{base07-hex}};
+    font-size: 10px;
+}
+
+.battery-text-danger {
+    color: #{{base08-hex}};
+    font-size: 10px;
+}
+
+.battery-icon-normal {
+    color: #{{base07-hex}};
+    font-size: 20px;
+}
+
+.battery-icon-danger {
+    color: #{{base08-hex}};
+    font-size: 20px;
+}