Migrate to snowfall lib

modules/home/wayland/apps/eww/css/_calendar.scss

@@ -0,0 +1,31 @@
+.calendar-win {
+  @include window;
+  background-color: $bg;
+  color: $fg;
+  padding: .2em;
+}
+
+calendar {
+  padding: 5px;
+
+  :selected {
+    color: $base0C;
+  }
+
+  .header {
+    color: $base05;
+  }
+
+  .highlight {
+    color: $base0C;
+    font-weight: bold;
+  }
+
+  .button {
+    color: $base0C;
+  }
+
+  :indeterminate {
+    color: $base03;
+  }
+}

modules/home/wayland/apps/eww/css/_sidebar.scss

@@ -0,0 +1,123 @@
+.system-menu-box {
+  @include window;
+  background-color: $bg;
+  color: $fg;
+}
+
+.separator {
+  font-size: 1rem;
+}
+
+.top-row {
+  margin: 1rem 1.5rem 0;
+
+  .time { font-size: 2rem; }
+
+  .date-box {
+    margin: 0 1rem;
+
+    label { font-size: 1.1rem; }
+
+    .date {
+      background: unset;
+      margin: 0 .5rem 0 0;
+      padding: 0;
+    }
+  }
+  
+  button {
+    background-color: $bg1;
+    border-radius: 16px;
+    margin-bottom: .1rem;
+    padding: 0 .5rem;
+
+    label { font-size: 1.5rem; }
+    &:hover { background-color: $bg1; }
+  }
+}
+
+.system-row {
+  margin: .5rem .7rem;
+
+  label {
+    font-size: 1rem;
+    margin: 0 .1rem;
+  }
+}
+
+.element {
+  @include rounding;
+  background-color: $bg1;
+  margin: .3rem;
+
+  button {
+    @include rounding;
+    padding: 1rem 3rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background-color: rgba(255, 255, 255, 0.2);
+    }
+  }
+}
+
+.sliders {
+  @include rounding;
+  background-color: $bg1;
+  margin: .5rem 1rem;
+  padding: .6rem 1rem;
+
+  scale {
+    margin-right: -1rem;
+    min-width: 21.5rem;
+
+    trough { margin-right: 0; }
+  }
+
+  box { margin: .2rem 0; }
+  label { font-size: 1.2rem; }
+}
+
+.volume-slider-box,
+.brightness-slider-box {
+  trough { background-color: $base02; }
+}
+
+.volume-bar highlight {
+  @include rounding;
+  background-image: linear-gradient(to right, $base0B, $base0C);
+}
+
+.brightness-bar highlight {
+  @include rounding;
+  background-image: linear-gradient(to right, $base0A, $base0B);
+}
+
+.bottom-row {
+  margin: .5rem 1rem;
+
+  .battery-icon { font-size: 2rem; }
+  .battery-wattage { color: $base0A; }
+
+  .battery-status {
+    color: $base04;
+    margin: 0 .5rem;
+  }
+}
+
+.bt-connected {
+  background-color: $base0C;
+  color: $base00;
+
+  button:hover { background-color: rgba(0, 0, 0, .3); }
+}
+
+.net-connected {
+  background-color: $base0C;
+  color: $base00;
+
+  button:hover { background-color: rgba(0, 0, 0, .3); }
+}

modules/home/wayland/apps/eww/css/_system.scss

@@ -0,0 +1,76 @@
+.membar {
+  color: $base08;
+}
+
+.cpubar {
+  color: $base0C;
+}
+
+.batbar {
+  color: $base0B;
+}
+
+.membar,
+.cpubar,
+.batbar {
+  background-color: $bg1;
+}
+
+.iconmem {
+  color: $base08;
+}
+
+.iconcpu {
+  color: $base0C;
+}
+
+.icon-text {
+  font-size: 3rem;
+  padding: .7rem;
+}
+
+.sys-text-sub {
+  color: $fg;
+}
+
+.sys-text-mem,
+.sys-text-cpu {
+  font-size: 1rem;
+  font-weight: bold;
+}
+
+.sys-icon-mem,
+.sys-icon-cpu {
+  font-size: 1.5rem;
+  margin: 1.5rem;
+}
+
+.system-info-box {
+  @include rounding;
+  background-color: $bg1;
+  margin: .5rem 1rem;
+  padding: .5rem;
+}
+
+.sys-mem,
+.sys-cpu {
+  background-color: $bg;
+}
+
+.sys-icon-mem,
+.sys-text-mem,
+.sys-mem {
+  color: $base08;
+}
+
+.sys-icon-cpu,
+.sys-text-cpu,
+.sys-cpu {
+  color: $base0C;
+}
+
+.sys-box {
+  margin: .3em;
+
+  box { margin-left: 1rem; }
+}