web/DialogButtons: don't apply hover effect if button is colored

web/src/components/dialog/DialogButtons.svelte

@@ -9,6 +9,7 @@
     {#each buttons as button}
         <button
             class="button popup-button {button.color}"
+            class:color={button.color}
             class:active={button.main}
             on:click={async () => {
                 await button.action();

web/src/routes/+layout.svelte

@@ -323,7 +323,7 @@
         background-color: var(--secondary);
     }
 
-    :global(.button.active:active) {
+    :global(.button.active:not(.color):active) {
         background-color: var(--button-active-hover);
     }
 
@@ -339,7 +339,7 @@
             background-color: var(--button-hover);
         }
 
-        :global(.button.active:hover) {
+        :global(.button.active:not(.color):hover) {
             background-color: var(--button-active-hover);
         }
     }