Scarriffle/Calendarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: settings page nav/header follow the surface colour too

Browse Source 
The settings modal's own left nav and header were on --bg-app; point them at
--bg-sidebar / --bg-topbar so they track surface_color like the main sidebar.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-14 22:08:22 +02:00
parent 131f6b496d
commit 7a89cc44f8
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/css/app.css
View File

@@ -1280,6 +1280,7 @@ a { color: var(--primary); text-decoration: none; }
display: flex; align-items: center; gap: 8px; display: flex; align-items: center; gap: 8px;
padding: 14px 20px; border-bottom: 1px solid var(--border); padding: 14px 20px; border-bottom: 1px solid var(--border);
flex-shrink: 0; 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-header h3 { font-size: 16px; font-weight: 600; color: var(--text-1); margin: 0; }
.settings-page-body { .settings-page-body {
@@ -1290,6 +1291,7 @@ a { color: var(--primary); text-decoration: none; }
border-right: 1px solid var(--border); border-right: 1px solid var(--border);
padding: 12px 8px; padding: 12px 8px;
display: flex; flex-direction: column; gap: 2px; display: flex; flex-direction: column; gap: 2px;
background: var(--bg-sidebar);
} }
.settings-nav-btn { .settings-nav-btn {
display: block; width: 100%; text-align: left; display: block; width: 100%; text-align: left;

2
frontend/sw.js
View File

@@ -7,7 +7,7 @@
// the entry HTML / version files). New releases take effect on the next // the entry HTML / version files). New releases take effect on the next
// reload, no manual SW unregister required. // reload, no manual SW unregister required.
const CACHE_VERSION = 'calendarr-v28'; const CACHE_VERSION = 'calendarr-v29';
const OFFLINE_SHELL = ['/', '/index.html']; const OFFLINE_SHELL = ['/', '/index.html'];
self.addEventListener('install', event => { self.addEventListener('install', event => {