From b390ba3d0b3ba9d25f68ee0a835a43519e22e308 Mon Sep 17 00:00:00 2001
From: Joscha <joscha@plugh.de>
Date: Wed, 9 Apr 2025 18:28:54 +0200
Subject: [PATCH] Make disabled buttons a bit transparent

---
 showbits-thermal-printer-ui/src/AppPhoto.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/showbits-thermal-printer-ui/src/AppPhoto.vue b/showbits-thermal-printer-ui/src/AppPhoto.vue
index ba6551a..5d6fcc5 100644
--- a/showbits-thermal-printer-ui/src/AppPhoto.vue
+++ b/showbits-thermal-printer-ui/src/AppPhoto.vue
@@ -152,10 +152,12 @@ onMounted(() => {
 
 <style>
 :root {
+  --drawer-bg: #fffa;
+
   --button-fg: #000;
   --button-active-fg: #fff;
   --button-active-bg: #000;
-  --button-disabled-fg: #888;
+  --button-disabled-fg: #888a;
 
   --record-button-fg: #f00;
   --record-button-active-fg: #800;
@@ -196,7 +198,7 @@ video.mirrored {
 .originals p,
 .buttons div {
   border-radius: 100px;
-  background-color: #fffa;
+  background-color: var(--drawer-bg);
   backdrop-filter: blur(8px);
 }