diff --git a/frontend/css/app.css b/frontend/css/app.css
index aee04a7..1595c5d 100644
--- a/frontend/css/app.css
+++ b/frontend/css/app.css
@@ -1280,6 +1280,7 @@ a { color: var(--primary); text-decoration: none; }
   display: flex; align-items: center; gap: 8px;
   padding: 14px 20px; border-bottom: 1px solid var(--border);
   flex-shrink: 0;
+  background: var(--bg-topbar);
 }
 .settings-page-header h3 { font-size: 16px; font-weight: 600; color: var(--text-1); margin: 0; }
 .settings-page-body {
@@ -1290,6 +1291,7 @@ a { color: var(--primary); text-decoration: none; }
   border-right: 1px solid var(--border);
   padding: 12px 8px;
   display: flex; flex-direction: column; gap: 2px;
+  background: var(--bg-sidebar);
 }
 .settings-nav-btn {
   display: block; width: 100%; text-align: left;
diff --git a/frontend/sw.js b/frontend/sw.js
index 38bf15d..5d758d4 100644
--- a/frontend/sw.js
+++ b/frontend/sw.js
@@ -7,7 +7,7 @@
 // the entry HTML / version files). New releases take effect on the next
 // reload, no manual SW unregister required.
 
-const CACHE_VERSION  = 'calendarr-v28';
+const CACHE_VERSION  = 'calendarr-v29';
 const OFFLINE_SHELL  = ['/', '/index.html'];
 
 self.addEventListener('install', event => {