Add support for dark mode, fixes #30

src/app.scss

@@ -68,12 +68,19 @@ $modal-content-width: 1000px;
 
 @keyframes pulse {
   0% {
-    background-color: $info-light; /* Green */
+    background-color: initial; /* Default color */
   }
   50% {
-    background-color: $danger-light; /* Red */
+    background-color: $danger; /* Red */
   }
   100% {
-    background-color: $info-light /* Green */
+    background-color: initial /* Default color */
   }
+}
+
+/* Support for dark mode */
+$modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove this once a new version of bulma-prefers-dark is released
+@import "/node_modules/bulma-prefers-dark/build/bulma-prefers-dark.sass";
+.modal-card-body { // remove this once https: //github.com/jloh/bulma-prefers-dark/pull/90 is merged and released
+  background-color: $background-dark;
 }

src/lib/Chat.svelte

@@ -395,14 +395,12 @@
     />
   </p>
   <p class="control" class:is-hidden={!recognition}>
-    <button class="button is-info is-light" class:is-pulse={recording} on:click|preventDefault={recordToggle}
+    <button class="button" class:is-pulse={recording} on:click|preventDefault={recordToggle}
       ><span class="greyscale">🎤</span></button
     >
   </p>
   <p class="control">
-    <button class="button is-link is-light" on:click|preventDefault={showSettings}
-      ><span class="greyscale">⚙️</span></button
-    >
+    <button class="button" on:click|preventDefault={showSettings}><span class="greyscale">⚙️</span></button>
   </p>
   <p class="control">
     <button class="button is-info" type="submit">Send</button>