diff --git a/src/components/PwaInstallPrompt.vue b/src/components/PwaInstallPrompt.vue
index b6b79cb..d27eda2 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);
@@ -121,7 +121,7 @@ onUnmounted(() => {
 
 .install-button {
   background: var(--color-primary);
-  color: white;
+  color: var(--color-text)
 }
 
 .install-button:hover {
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;