From d08878289ebbf4193b657e71c3712b9fbed0dd6c Mon Sep 17 00:00:00 2001 From: team3 Date: Thu, 4 Jun 2026 00:27:29 +0200 Subject: [PATCH] update --- frontend/src/components/TopicDetail.vue | 4 ++++ templates/Format/Cheatsheet.md | 2 ++ templates/Format/EndGuide.md | 2 ++ templates/Format/Guide.md | 1 + templates/Format/MiniGuide.md | 2 ++ templates/Format/OnePager.md | 2 ++ templates/Referenz/Cheatsheet.md | 1 + templates/Referenz/EndGuide.md | 1 + templates/Referenz/Guide.md | 1 + templates/Referenz/MiniGuide.md | 1 + templates/Referenz/OnePager.md | 1 + 11 files changed, 18 insertions(+) diff --git a/frontend/src/components/TopicDetail.vue b/frontend/src/components/TopicDetail.vue index d5143d8..a6fe1c1 100644 --- a/frontend/src/components/TopicDetail.vue +++ b/frontend/src/components/TopicDetail.vue @@ -84,6 +84,10 @@ function injectStyles(doc) { html[data-theme="dark"] body { background: #1c1f26; color: var(--ink, #e6e8ee); + } + /* Callouts haben hartkodierte helle Hintergründe (#e8f4ea u. ä.) */ + html[data-theme="dark"] .callout { + background: var(--bg-soft, #23262e); }` style.textContent = `@media screen { ${portrait} diff --git a/templates/Format/Cheatsheet.md b/templates/Format/Cheatsheet.md index dafcb27..37f9664 100644 --- a/templates/Format/Cheatsheet.md +++ b/templates/Format/Cheatsheet.md @@ -118,4 +118,6 @@ DARKMODE (PFLICHT) Links auf dunklem Grund lesbar bleiben (Kontrast prüfen). Elemente mit hellem Text auf Akzent-Hintergrund (z. B. Tabellenköpfe) dürfen ihre helle Hintergrundfarbe behalten. +- Callout-/Infobox-Hintergründe nicht hartkodieren oder im Dunkelmodus + explizit abdunkeln (z. B. auf var(--bg-soft)); farbige Border bleibt. - Nur innerhalb von @media screen — Druck/PDF bleibt unverändert hell. diff --git a/templates/Format/EndGuide.md b/templates/Format/EndGuide.md index 50bb258..e55a2cd 100644 --- a/templates/Format/EndGuide.md +++ b/templates/Format/EndGuide.md @@ -157,4 +157,6 @@ DARKMODE (PFLICHT) Links auf dunklem Grund lesbar bleiben (Kontrast prüfen). Elemente mit hellem Text auf Akzent-Hintergrund (z. B. Tabellenköpfe) dürfen ihre helle Hintergrundfarbe behalten. +- Callout-/Infobox-Hintergründe nicht hartkodieren oder im Dunkelmodus + explizit abdunkeln (z. B. auf var(--bg-soft)); farbige Border bleibt. - Nur innerhalb von @media screen — Druck/PDF bleibt unverändert hell. diff --git a/templates/Format/Guide.md b/templates/Format/Guide.md index f7be108..d3137bd 100644 --- a/templates/Format/Guide.md +++ b/templates/Format/Guide.md @@ -771,5 +771,6 @@ The app toggles dark mode by setting `data-theme="dark"` on `` inside its ``` - Do NOT use `prefers-color-scheme` — the app controls the attribute. +- Do not hardcode callout/infobox backgrounds — or darken them explicitly in the dark block (e.g. to `var(--bg-soft)`); the colored border stays. - Keep dark rules inside `@media screen` only, so WeasyPrint/PDF renders the light theme. - Elements with light text on accent backgrounds (table headers, cover) may keep their light-theme background. diff --git a/templates/Format/MiniGuide.md b/templates/Format/MiniGuide.md index 7974111..0bba8ec 100644 --- a/templates/Format/MiniGuide.md +++ b/templates/Format/MiniGuide.md @@ -162,4 +162,6 @@ DARKMODE (PFLICHT) Links auf dunklem Grund lesbar bleiben (Kontrast prüfen). Elemente mit hellem Text auf Akzent-Hintergrund (z. B. Tabellenköpfe) dürfen ihre helle Hintergrundfarbe behalten. +- Callout-/Infobox-Hintergründe nicht hartkodieren oder im Dunkelmodus + explizit abdunkeln (z. B. auf var(--bg-soft)); farbige Border bleibt. - Nur innerhalb von @media screen — Druck/PDF bleibt unverändert hell. diff --git a/templates/Format/OnePager.md b/templates/Format/OnePager.md index 5921f10..7bbaf8f 100644 --- a/templates/Format/OnePager.md +++ b/templates/Format/OnePager.md @@ -110,4 +110,6 @@ DARKMODE (PFLICHT) Links auf dunklem Grund lesbar bleiben (Kontrast prüfen). Elemente mit hellem Text auf Akzent-Hintergrund (z. B. Tabellenköpfe) dürfen ihre helle Hintergrundfarbe behalten. +- Callout-/Infobox-Hintergründe nicht hartkodieren oder im Dunkelmodus + explizit abdunkeln (z. B. auf var(--bg-soft)); farbige Border bleibt. - Nur innerhalb von @media screen — Druck/PDF bleibt unverändert hell. diff --git a/templates/Referenz/Cheatsheet.md b/templates/Referenz/Cheatsheet.md index 0da62f7..8a8393b 100644 --- a/templates/Referenz/Cheatsheet.md +++ b/templates/Referenz/Cheatsheet.md @@ -31,6 +31,7 @@ --bg-soft: #23262e; } html[data-theme="dark"] body { background: #15171c; } + html[data-theme="dark"] .callout { background: var(--bg-soft); } } html, body { diff --git a/templates/Referenz/EndGuide.md b/templates/Referenz/EndGuide.md index 79301c5..9bbd670 100644 --- a/templates/Referenz/EndGuide.md +++ b/templates/Referenz/EndGuide.md @@ -68,6 +68,7 @@ --bg-soft: #23262e; } html[data-theme="dark"] body { background: #15171c; } + html[data-theme="dark"] .callout { background: var(--bg-soft); } } html, body { diff --git a/templates/Referenz/Guide.md b/templates/Referenz/Guide.md index 796fd84..4a8e916 100644 --- a/templates/Referenz/Guide.md +++ b/templates/Referenz/Guide.md @@ -73,6 +73,7 @@ --bg-soft: #23262e; } html[data-theme="dark"] body { background: #15171c; } + html[data-theme="dark"] .callout { background: var(--bg-soft); } } html, body { diff --git a/templates/Referenz/MiniGuide.md b/templates/Referenz/MiniGuide.md index cc8058f..a0201f3 100644 --- a/templates/Referenz/MiniGuide.md +++ b/templates/Referenz/MiniGuide.md @@ -47,6 +47,7 @@ --bg-soft: #23262e; } html[data-theme="dark"] body { background: #15171c; } + html[data-theme="dark"] .callout { background: var(--bg-soft); } } html, body { diff --git a/templates/Referenz/OnePager.md b/templates/Referenz/OnePager.md index 94b52e5..f315337 100644 --- a/templates/Referenz/OnePager.md +++ b/templates/Referenz/OnePager.md @@ -28,6 +28,7 @@ --bg-soft: #23262e; } html[data-theme="dark"] body { background: #15171c; } + html[data-theme="dark"] .callout { background: var(--bg-soft); } } html, body {