updated colors of dummy-text

.config/eww/widgets.scss

@@ -1,30 +1,35 @@
   /* Widgets */
-  .music {
+.lorem-text {
+  background: darkgrey;
+  color: black;
+}
+
+.music {
+  background: transparent;
+  color: transparent;
+
+  &--off {
     background: transparent;
     color: transparent;
-
-    &--off {
-      background: transparent;
-      color: transparent;
-    }
-
-    &--on {
-      background: #8ce513;
-      color: #010101;
-    }
-
-    &--spotify {
-      background: #17d860;
-      color: #282828;
-    }
-
-    &--firefox {
-      background: #ff6327;
-      color: #010101;
-    }
-
-    &--mpv {
-      background: #420042;
-      color: white;
-    }
   }
+
+  &--on {
+    background: #8ce513;
+    color: #010101;
+  }
+
+  &--spotify {
+    background: #17d860;
+    color: #282828;
+  }
+
+  &--firefox {
+    background: #ff6327;
+    color: #010101;
+  }
+
+  &--mpv {
+    background: #420042;
+    color: white;
+  }
+}

.config/eww/widgets.yuck

@@ -1,6 +1,6 @@
 (defwidget loremText [text]
   (label :text text
-         :style "color: black;"
+         :class 'lorem-text'
   )
 )