From 1a452fe7ecf9887012257ce6206ecb96d5e9f4b4 Mon Sep 17 00:00:00 2001
From: Patrick Mulligan <patjmulligan@protonmail.com>
Date: Fri, 27 Feb 2026 11:04:19 -0500
Subject: [PATCH] fix(machine): replace remaining hardcoded colors with
 semantic classes

Replace bg-orange-500 lightning bolt overlay with bg-bitcoin, bg-white
receipt placeholders with bg-qr/text-qr-foreground, and remove redundant
bg-white QR wrappers in IdleView overlays (QRCode.vue already has bg-qr).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/machine/src/views/CashInView.vue  | 6 +++---
 apps/machine/src/views/CashOutView.vue | 4 ++--
 apps/machine/src/views/IdleView.vue    | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/machine/src/views/CashInView.vue b/apps/machine/src/views/CashInView.vue
index c229ef6..d89d5a6 100644
--- a/apps/machine/src/views/CashInView.vue
+++ b/apps/machine/src/views/CashInView.vue
@@ -383,7 +383,7 @@ const isProcessing = computed(() => atmStore.isPayingInvoice || atmStore.isReque
                   class="absolute inset-0 flex items-center justify-center pointer-events-none"
                 >
                   <div
-                    class="w-12 h-12 rounded-full bg-orange-500 flex items-center justify-center shadow-lg"
+                    class="w-12 h-12 rounded-full bg-bitcoin flex items-center justify-center shadow-lg"
                   >
                     <span class="text-2xl">⚡</span>
                   </div>
@@ -493,8 +493,8 @@ const isProcessing = computed(() => atmStore.isPayingInvoice || atmStore.isReque
             <div class="text-6xl text-success">✅</div>
             <CardTitle>Payment Sent!</CardTitle>
             <p class="text-muted-foreground">Would you like a receipt?</p>
-            <div class="flex h-32 w-32 items-center justify-center rounded-lg bg-white">
-              <p class="text-black">📱 Scan npub</p>
+            <div class="flex h-32 w-32 items-center justify-center rounded-lg bg-qr">
+              <p class="text-qr-foreground">📱 Scan npub</p>
             </div>
             <Button variant="outline" @click="skipReceipt">No Thanks</Button>
           </CardContent>
diff --git a/apps/machine/src/views/CashOutView.vue b/apps/machine/src/views/CashOutView.vue
index 5967b69..8c9819e 100644
--- a/apps/machine/src/views/CashOutView.vue
+++ b/apps/machine/src/views/CashOutView.vue
@@ -323,8 +323,8 @@ function formatFiat(cents: number): string {
             <p class="text-sm text-muted-foreground">
               Scan your npub to receive a Nostr DM receipt
             </p>
-            <div class="flex h-32 w-32 items-center justify-center rounded-lg bg-white">
-              <p class="text-black">📱 Scan npub</p>
+            <div class="flex h-32 w-32 items-center justify-center rounded-lg bg-qr">
+              <p class="text-qr-foreground">📱 Scan npub</p>
             </div>
             <Button variant="outline" @click="skipReceipt">No Thanks</Button>
           </CardContent>
diff --git a/apps/machine/src/views/IdleView.vue b/apps/machine/src/views/IdleView.vue
index 932f27f..877bd6a 100644
--- a/apps/machine/src/views/IdleView.vue
+++ b/apps/machine/src/views/IdleView.vue
@@ -156,7 +156,7 @@ function handleCashOut() {
       @click.self="showZeusQR = false"
     >
       <p class="text-sm text-white/70">Scan with Zeus to connect to lnd-alice</p>
-      <div class="rounded-2xl bg-white p-3 sm:p-4">
+      <div class="rounded-2xl">
         <QRCode :value="lndconnectUrl" :size="280" class="sm:hidden" />
         <QRCode :value="lndconnectUrl" :size="400" class="hidden sm:block" />
       </div>
@@ -182,7 +182,7 @@ function handleCashOut() {
       @click.self="showLpQR = false"
     >
       <p class="text-sm text-white/70">Lightning.Pub nprofile</p>
-      <div class="rounded-2xl bg-white p-3 sm:p-4">
+      <div class="rounded-2xl">
         <QRCode :value="lpNprofile" :size="280" class="sm:hidden" />
         <QRCode :value="lpNprofile" :size="400" class="hidden sm:block" />
       </div>