Redesign Eww bars

modules/home/wayland/apps/eww/bar/css/_clock.scss

@@ -0,0 +1,54 @@
+.calendar-win {
+  @include window;
+  background-color: $bg;
+  color: $fg;
+  padding: .2em;
+}
+
+calendar {
+  padding: 5pt;
+
+  :selected {
+    color: $base0C;
+  }
+
+  .header {
+    color: $base05;
+  }
+
+  .highlight {
+    color: $base0C;
+    font-weight: bold;
+  }
+
+  .button {
+    color: $base0C;
+  }
+
+  :indeterminate {
+    color: $base03;
+  }
+}
+
+
+.hour, .month {
+  font-weight: bolder;
+}
+
+.minute, .month {
+  margin-top: -4pt;
+}
+
+.minute, .hour, .day, .month {
+  font-size: 20pt;
+}
+
+.date {
+  color: $base0C;
+  background-color: $base01;
+  border-radius: $border-radius;
+}
+
+.datetime {
+  padding: $border-width;
+}

modules/home/wayland/apps/eww/bar/css/_net.scss

@@ -0,0 +1,8 @@
+
+.net {
+    color: $base07;
+}
+
+.blt {
+    color: $base0C;
+}

modules/home/wayland/apps/eww/bar/css/_sys.scss

@@ -0,0 +1,31 @@
+
+.cpubar {
+color: $base0C;
+}
+
+.gpubar {
+color: $base0E;
+}
+
+.membar {
+color: $base08;
+}
+    
+.batbar {
+color: $base0B;
+}
+
+.cpubar,
+.gpubar,
+.membar,
+.batbar {
+    background-color: $bg;
+    margin: $gaps-window 0;
+}
+
+
+.icon-text {
+padding: 5pt;
+font-size: 5pt;
+font-weight: 900;
+}