From 0f85e087efcc644bea7729a8d0e9399501344119 Mon Sep 17 00:00:00 2001 From: shortstack Date: Mon, 28 Jul 2025 10:29:33 -0400 Subject: [PATCH 1/2] previous background/border vars were undefined, replacing for visibility --- src/components/PwaInstallPrompt.vue | 4 ++-- src/components/UpdateNotifier.vue | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/PwaInstallPrompt.vue b/src/components/PwaInstallPrompt.vue index b6b79cb..de596b3 100644 --- a/src/components/PwaInstallPrompt.vue +++ b/src/components/PwaInstallPrompt.vue @@ -83,8 +83,8 @@ onUnmounted(() => { bottom: 20px; left: 50%; transform: translateX(-50%); - background: var(--color-background-soft); - border: 1px solid var(--color-border); + background: var(--bg-primary); + border: 1px solid var(--border-primary); border-radius: 8px; padding: 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); diff --git a/src/components/UpdateNotifier.vue b/src/components/UpdateNotifier.vue index 6005e47..c6ddc93 100644 --- a/src/components/UpdateNotifier.vue +++ b/src/components/UpdateNotifier.vue @@ -43,7 +43,7 @@ onMounted(() => { position: fixed; bottom: 20px; left: 20px; - background: var(--color-background-soft); + background: var(--bg-primary); border: 1px solid var(--color-border); border-radius: 8px; padding: 12px 20px; From 0a90b101bfa2b260521edbc2715322542e57b34d Mon Sep 17 00:00:00 2001 From: shortstack Date: Mon, 28 Jul 2025 10:47:49 -0400 Subject: [PATCH 2/2] install button text to --color-text --- src/components/PwaInstallPrompt.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/PwaInstallPrompt.vue b/src/components/PwaInstallPrompt.vue index de596b3..d27eda2 100644 --- a/src/components/PwaInstallPrompt.vue +++ b/src/components/PwaInstallPrompt.vue @@ -121,7 +121,7 @@ onUnmounted(() => { .install-button { background: var(--color-primary); - color: white; + color: var(--color-text) } .install-button:hover {