web/layout: fix elevated colored button hover & active states

2024-07-28 13:14:55 +06:00
parent 2fa1ad8f12
commit 194ff90d3d
1 changed files with 3 additions and 3 deletions
--- 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);
        }