fix: use theme variables for install banner readability

This commit is contained in:
2026-02-10 20:56:04 +01:00
parent b03e903fe6
commit a7f45f9d70

View File

@@ -188,8 +188,8 @@ onUnmounted(() => {
} }
.install-banner { .install-banner {
background: rgba(0, 242, 254, 0.1); background: var(--banner-bg);
border: 1px solid var(--primary-neon); border: 1px solid var(--banner-border);
border-radius: 8px; border-radius: 8px;
padding: 10px 20px; padding: 10px 20px;
display: flex; display: flex;
@@ -198,10 +198,11 @@ onUnmounted(() => {
width: 90%; width: 90%;
max-width: 600px; max-width: 600px;
margin-bottom: 20px; margin-bottom: 20px;
box-shadow: var(--banner-shadow);
} }
.install-text { .install-text {
color: #fff; color: var(--text-color);
} }
.install-actions { .install-actions {
@@ -213,7 +214,7 @@ onUnmounted(() => {
.install-close { .install-close {
background: transparent; background: transparent;
border: none; border: none;
color: #aaa; color: var(--text-muted);
font-size: 1.5rem; font-size: 1.5rem;
cursor: pointer; cursor: pointer;
} }