feat: promote studio theme to default, add favicon, deep-linkable lightbox

- Studio aesthetic now the default dark/light theme
- Removed MonochromToggle and 3-way theme cycle
- Light mode uses warm Studio-toned palette
- Added favicon (icon.png, apple-touch-icon, PWA icons)
- Lightbox URL sync: #photo-N hash for shareable photo links
- Browser back closes lightbox, shared links open directly
This commit is contained in:
ralksta
2026-02-14 12:14:56 +01:00
parent 52fa16c1c8
commit 90afe205f5
11 changed files with 312 additions and 41 deletions

View File

@@ -227,3 +227,29 @@
right: 8px;
}
}
/* ── Studio-Inspired Lightbox Defaults ───────────── */
.overlay {
background: rgba(0, 0, 0, 0.98);
}
.close,
.nav,
.counter {
opacity: 0;
transition: opacity 400ms ease;
}
.overlay:hover .close,
.overlay:hover .nav,
.overlay:hover .counter {
opacity: 1;
}
.imageContainer {
border-radius: 0;
}
.image {
border-radius: 0;
}

View File

@@ -41,7 +41,7 @@ function applyTheme(theme: Theme) {
// Initialize from localStorage on module load (client-side only)
if (typeof window !== 'undefined') {
const stored = localStorage.getItem('theme') as Theme | null;
currentTheme = stored || 'dark';
currentTheme = stored === 'light' ? 'light' : 'dark';
document.documentElement.setAttribute('data-theme', currentTheme);
}