Initial commit

home/.config/eww/css/_colors.scss

@@ -0,0 +1,43 @@
+$rosewater:   #f5e0dc;
+$flamingo:    #f2cdcd;
+$pink:        #f5c2e7;
+$mauve:       #cba6f7;
+$red:         #f38ba8;
+$maroon:      #eba0ac;
+$peach:       #fab387;
+$yellow:      #f9e2af;
+$gold:        #efcb10;
+$green:       #a6e3a1;
+$lime:        #78db32;
+$teal:        #94e2d5;
+$sky:         #89dceb;
+$sapphire:    #74c7ec;
+$blue:        #89b4fa;
+$lavender:    #b4befe;
+$orange:      #ffa500;
+
+$text:        #cdd6f4;
+$subtext1:    #bac2de;
+$subtext0:    #a6adc8;
+$overlay2:    #9399b2;
+$overlay1:    #7f849c;
+$overlay0:    #6c7086;
+
+$surface2:    #585b70;
+$surface1:    #45475a;
+$surface0:    #313244;
+
+$base-a:        rgba(30, 30, 40, 0.65);
+$base:          rgba(30, 30, 40, 1);
+$base1-a:       rgba(49, 50, 68, 0.85);
+$base1:         rgba(49, 50, 68, 1);
+$mantle:      #181825;
+$crust:       #11111b;
+
+$fg: $text;
+$bg-a: $base-a;
+$bg: $base;
+$bg1: $base1;
+$bg1-a: $base1-a;
+$border: #28283d;
+$shadow: $crust;

home/.config/eww/css/modules/_battery.scss

@@ -0,0 +1,46 @@
+@keyframes blink {
+   0%{
+     opacity: 0;
+   }
+   50%{
+     opacity: 0.7;
+   }
+   100%{
+     opacity: 0;
+   }
+ }
+
+// .unplugged.low {
+//    color: #0000ff;
+//  }
+
+.battery {
+  .critical { 
+    .unplugged {
+      color: #f00; 
+      .extra { animation: blink 1.2s linear infinite; }
+    }
+
+    .plugged {
+      .icon { color: $orange }
+      .extra { color: $green; }
+    }
+  }
+
+  .normal {
+    .unplugged {
+      .icon { color: $orange }
+    }
+    .plugged {
+      .icon { color: $green; } 
+    }
+  }
+
+  .full {
+    .icon { color: $green; }
+    .extra { color: $lime; }
+  }
+
+  .extra { margin-right: 5px; }
+  .icon { margin-right: 5px; }
+}

home/.config/eww/css/modules/_bitcoin.scss

@@ -0,0 +1,3 @@
+.bitcoin {
+  .icon { margin-right: 6px; color: $gold; }
+}

home/.config/eww/css/modules/_clock.scss

@@ -0,0 +1,4 @@
+.clock {
+  // color: $sapphire;
+  .icon { margin-right: 6px; color: $sapphire; }
+}

home/.config/eww/css/modules/_cpu.scss

@@ -0,0 +1,3 @@
+.cpu {
+  .icon { color: $lime; }
+}

home/.config/eww/css/modules/_kernel.scss

@@ -0,0 +1,3 @@
+.kernel {
+  .icon { color: $lavender; }
+}

home/.config/eww/css/modules/_memory.scss

@@ -0,0 +1,3 @@
+.memory {
+  .icon { color: $maroon; }
+}

home/.config/eww/css/modules/_uptime.scss

@@ -0,0 +1,3 @@
+.uptime {
+  .icon { color: $green; }
+}

home/.config/eww/css/modules/_volume.scss

@@ -0,0 +1,9 @@
+.volume {
+  .icon { color: $peach; }
+  .speaker {
+    .icon {
+      margin-left: 8px;
+      margin-right: 5px;
+    }
+  }
+}

home/.config/eww/css/modules/_workspaces.scss

@@ -0,0 +1,26 @@
+.workspaces {
+  background-color: $bg1-a;
+  border-radius: 25px;
+
+  .value {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+
+  .focused {
+    // text-decoration: underline;
+    // text-decoration-color: red;
+    // text-decoration-style: double;
+    font-weight: 900;
+    // color: $sapphire;
+    color: #fff;
+  }
+
+  .active {
+    color: #bbb;
+  }
+
+  .inactive {
+    color: #555;
+  }
+}

home/.config/eww/css/windows/_calendar.scss

@@ -0,0 +1,32 @@
+.calendar-win {
+  @include window;
+  background-color: $bg;
+  border: 1px solid $border;
+  color: $fg;
+  padding: .2em;
+}
+
+calendar {
+  padding: 5px;
+
+  :selected {
+    color: $mauve;
+  }
+
+  .header {
+    color: $subtext1;
+  }
+
+  .highlight {
+    color: $maroon;
+    font-weight: bold;
+  }
+
+  .button {
+    color: $sapphire;
+  }
+
+  :indeterminate {
+    color: $overlay0;
+  }
+}