From b630418ef967b53e6725c920992b9cc690529bf8 Mon Sep 17 00:00:00 2001
From: michael <me@mgineer85.de>
Date: Sun, 26 Jan 2025 11:47:57 +0100
Subject: [PATCH] fix
 https://github.com/photobooth-app/photobooth-app/issues/408

---
 src/css/app.scss | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index 6f0e178..bbf7777 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -47,23 +47,27 @@ h6 {
 .q-btn.glass-effect {
   backdrop-filter: blur(10px);
   &.bg-primary {
-    background: rgba($primary, 0.4) !important;
+    background: color-mix(in srgb, var(--q-primary) 40%, transparent) !important;
   }
 
   &.bg-secondary {
-    background: rgba($secondary, 0.4) !important;
+    background: color-mix(in srgb, var(--q-secondary) 40%, transparent) !important;
+  }
+
+  &.bg-accent {
+    background: color-mix(in srgb, var(--q-accent) 40%, transparent) !important;
   }
 
   &.bg-positive {
-    background: rgba($positive, 0.4) !important;
+    background: color-mix(in srgb, var(--q-positive) 40%, transparent) !important;
   }
 
   &.bg-negative {
-    background: rgba($negative, 0.4) !important;
+    background: color-mix(in srgb, var(--q-negative) 40%, transparent) !important;
   }
 
   &.bg-grey {
-    background: rgba($grey, 0.4) !important;
+    background: color-mix(in srgb, var(--q-grey) 50%, transparent) !important;
   }
 }