major refactoring of preact components 🧩 (#689)

assets/sass/components/_global.scss

@@ -24,15 +24,6 @@ body {
       background-color: "background-outer",
     )
   );
-
-  // set themed lightbulb icons manually
-  &.light button.dark-mode-toggle {
-    background-image: url("data:image/svg+xml;charset=utf-8,#{themes.$icon-bulb-on}");
-  }
-
-  &.dark button.dark-mode-toggle {
-    background-image: url("data:image/svg+xml;charset=utf-8,#{themes.$icon-bulb-off}");
-  }
 }
 
 code,
@@ -141,8 +132,7 @@ main {
 
 // make SVG twemojis relative to surrounding text
 // https://github.com/twitter/twemoji#inline-styles
-img.emoji,
-svg.emoji {
+.emoji {
   height: 1.2em;
   width: 1.2em;
   margin: 0 0.05em;
@@ -160,16 +150,12 @@ a .emoji {
 }
 
 // pulsating loading spinner
-.loading {
-  display: inline-block;
-
-  > div {
-    @include themes.themed(
-      (
-        background-color: "medium-light",
-      )
-    );
-  }
+div.loading > div {
+  @include themes.themed(
+    (
+      background-color: "medium-light",
+    )
+  );
 }
 
 // Responsive