[Init]

home/gui/eww/eww.scss

@@ -0,0 +1,110 @@
+@import 'css/colors';
+
+@mixin rounding {
+  border-radius: 16px;
+}
+
+@mixin window {
+  border: 2px solid $base03;
+  margin: 5px 5px 10px;
+  @include rounding;
+}
+
+* {
+  all: unset;
+  font-family: "IBM Plex Mono";
+  transition: 200ms ease;
+}
+
+@import 'css/calendar';
+@import 'css/sidebar';
+@import 'css/system';
+@import 'css/volume';
+
+.bar {
+  background-color: $bg;
+  color: $fg;
+  border-bottom: 2px solid $base03;
+
+  label {
+    font-size: 1.2rem;
+  }
+}
+
+tooltip {
+  background: $bg;
+  border: 1px solid $border;
+  border-radius: 8px;
+
+  label {
+    font-size: 1rem;
+  }
+}
+
+.icon,
+.icon label { font-family: Material Design Icons; }
+
+.ws {
+  border-radius: 2rem;
+  margin: .7rem .25rem;
+}
+
+.focused {
+  background-color: $bg;
+  border-radius: 1rem;
+  margin: .3rem;
+  padding: .25rem;
+}
+
+.module { margin: 0 5px; }
+
+.hour {
+  font-weight: bold;
+  padding-left: 5px;
+}
+
+.minute {
+  padding-right: .7rem;
+}
+
+.date {
+  background: $bg;
+  color: $base0C;
+
+  label {
+    font-size: 1.2rem;
+  }
+}
+
+.bright-icon { color: $base09; }
+.module-bt { font-size: 1.2rem; }
+
+scale trough {
+  background-color: $bg1;
+  border-radius: 24px;
+  margin: 0 1rem;
+  min-height: 10px;
+  min-width: 70px;
+}
+
+.workspaces { margin-left: 10px; }
+
+.grey {
+  background-color: $base02;
+}
+
+.red {
+  background-color: $base0F;
+}
+
+.orange {
+  background-color: $base08;
+}
+
+.green {
+  background-color: $base0B;
+}
+
+.blue {
+  background-color: $base0C;
+}