Improve logo/accent contrast for dark mode

Author: breadthe

src/Main.svelte

@@ -14,7 +14,7 @@
         on:click={refreshFeed}
         use:tooltip={{ theme: "dark-border" }}
         title="Click to refresh"
-        class="flex items-center gap-1 text-xl font-extrabold bg-gradient-to-br from-blue-600 to-indigo-800 hover:opacity-90 bg-clip-text text-transparent"
+        class="flex items-center gap-1 text-xl font-extrabold bg-gradient-to-br from-blue-600 to-indigo-600 hover:opacity-90 bg-clip-text text-transparent"
       >
         <img src={appLogo} alt="Seismic logo" width="24" />
         Seismic

src/Settings.svelte

@@ -40,7 +40,7 @@
         on:click={closeSettings}
         use:tooltip={{ theme: "dark-border" }}
         title="Close Settings"
-        class="text-2xl text-indigo-800 hover:opacity-90"
+        class="text-2xl text-blue-600 hover:opacity-90"
       >
         ×
       </button>
@@ -84,7 +84,7 @@
         />
         <button
           on:click={saveRefreshInterval}
-          class="text-sm bg-gradient-to-br from-blue-600 to-indigo-800 hover:opacity-90 text-white px-2 py-1 rounded"
+          class="text-sm bg-gradient-to-br from-blue-600 to-indigo-600 hover:opacity-90 text-white px-2 py-1 rounded"
           >Save</button
         >
       </div>

src/lib/SettingsButton.svelte

@@ -7,7 +7,7 @@
   }
 </script>
 
-<button on:click={openSettings} use:tooltip={{ theme: "dark-border" }} title="Settings" class="text-indigo-800">
+<button on:click={openSettings} use:tooltip={{ theme: "dark-border" }} title="Settings" class="text-blue-600">
   <svg viewBox="0 0 20 20" fill="currentColor" width="20" height="20">
     <path
       fill-rule="evenodd"