From 194ff90d3d21548b1dde8c71c848af85f3a1b28f Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sun, 28 Jul 2024 13:14:55 +0600
Subject: [PATCH] web/layout: fix elevated colored button hover & active states

---
 web/src/routes/+layout.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index adf439d4..997bb218 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -337,7 +337,7 @@
         background-color: var(--button-elevated);
     }
 
-    :global(.button.elevated:active) {
+    :global(.button.elevated:not(.color):active) {
         background-color: var(--button-elevated-hover);
     }
 
@@ -365,8 +365,8 @@
         :global(button:hover) {
             background-color: var(--button-hover);
         }
-    
-        :global(.button.elevated:hover) {
+
+        :global(.button.elevated:not(.color):hover) {
             background-color: var(--button-elevated-hover);
         }