From 4532ba393b05a9370604fbc4d7d1dee39cfaa825 Mon Sep 17 00:00:00 2001
From: DerEchteAlec <bycraky@gmail.com>
Date: Mon, 17 Aug 2026 05:15:36 +0200
Subject: [PATCH] FIX - keep dialog action labels white

---
 frontend/src/ui/overlays.css                     | 4 ++++
 frontend/src/ui/overlays/SkyDialogButton.test.ts | 7 +++++++
 2 files changed, 11 insertions(+)

diff --git a/frontend/src/ui/overlays.css b/frontend/src/ui/overlays.css
index 6f05b72..985504b 100644
--- a/frontend/src/ui/overlays.css
+++ b/frontend/src/ui/overlays.css
@@ -382,6 +382,10 @@
   flex: 1 1 0;
 }
 
+.sky-dialog-button.sky-button {
+  color: #fff;
+}
+
 .sky-dialog-button:disabled {
   background: var(--sky-pressed);
   color: var(--sky-subtle);
diff --git a/frontend/src/ui/overlays/SkyDialogButton.test.ts b/frontend/src/ui/overlays/SkyDialogButton.test.ts
index 8ed7286..b0ce97b 100644
--- a/frontend/src/ui/overlays/SkyDialogButton.test.ts
+++ b/frontend/src/ui/overlays/SkyDialogButton.test.ts
@@ -19,6 +19,10 @@ async function renderDialogButton(
 describe('SkyDialogButton', () => {
   it('uses the Konsta iOS tonal button for a regular action', async () => {
     const html = await renderDialogButton()
+    const overlays = readFileSync(
+      new URL('../overlays.css', import.meta.url),
+      'utf8',
+    )
 
     expect(html).toContain('<button')
     expect(html).toContain('type="button"')
@@ -28,6 +32,9 @@ describe('SkyDialogButton', () => {
     expect(html).toContain('sky-button--rounded')
     expect(html).toContain('sky-button--tonal')
     expect(html).not.toContain('sky-dialog-button--strong')
+    expect(overlays).toMatch(
+      /\.sky-dialog-button\.sky-button\s*\{\s*color:\s*#fff;/,
+    )
   })
 
   it('uses the Konsta iOS filled button for a strong action', async () => {