perco/HouseHub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Uniformisation body : data-page au lieu de classes par page
Deploy HouseHub / deploy (push) Successful in 2s
Details

Browse Source 
- <body data-page="pageName"> uniforme sur toutes les pages
- <main> reçoit la classe module via $mainClass (pas le body)
- home.css : body.pf-home → body[data-page="home"]
- family-calendar.css : .pf-family-calendar .pf-main → .pf-family-calendar.pf-main
- dark-mode.css : mise à jour références body.pf-home

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
perco
2026-05-12 10:36:17 +02:00
co-authored by Claude Sonnet 4.6
parent 63d71ab7e4
commit 1e43f4bdc1
8 changed files with 28 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dark-mode.css
+6 -6
View File
@@ -5,22 +5,22 @@
/* ─── HOME PAGE ─────────────────────────────────────────────────────────────── */
/* Le header home.css a plus de spécificité que global.css → on le force ici */
[data-theme="dark"] body.pf-home .pf-header {
[data-theme="dark"] body[data-page="home"] .pf-header {
background: rgba(13,17,23,.92) !important;
border-color: rgba(48,54,61,.6) !important;
backdrop-filter: blur(8px) !important;
}
[data-theme="dark"] body.pf-home .pf-module-card {
[data-theme="dark"] body[data-page="home"] .pf-module-card {
background: rgba(22,27,34,.92) !important;
border: 1px solid var(--border-light) !important;
box-shadow: 0 4px 15px rgba(0,0,0,.4) !important;
}
[data-theme="dark"] body.pf-home .pf-module-card:hover {
[data-theme="dark"] body[data-page="home"] .pf-module-card:hover {
border-color: var(--primary) !important;
}
[data-theme="dark"] body.pf-home .pf-card-title { color: var(--text-main); }
[data-theme="dark"] body.pf-home .pf-card-desc { color: var(--text-muted); }
[data-theme="dark"] body.pf-home .pf-card-cta { color: var(--primary); }
[data-theme="dark"] body[data-page="home"] .pf-card-title { color: var(--text-main); }
[data-theme="dark"] body[data-page="home"] .pf-card-desc { color: var(--text-muted); }
[data-theme="dark"] body[data-page="home"] .pf-card-cta { color: var(--primary); }
/* ─── SHARED / GLOBAL PATTERNS ──────────────────────────────────────────────── */
[data-theme="dark"] .pf-card { background: var(--bg-panel) !important; border-color: var(--border-light) !important; color: var(--text-main) !important; }