marek/guides
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
team3
2026-06-04 00:27:29 +02:00
parent 614bce2c89
commit d08878289e
11 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/TopicDetail.vue
View File

@@ -84,6 +84,10 @@ function injectStyles(doc) {
html[data-theme="dark"] body { html[data-theme="dark"] body {
background: #1c1f26; background: #1c1f26;
color: var(--ink, #e6e8ee); 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 { style.textContent = `@media screen {
${portrait} ${portrait}

2
templates/Format/Cheatsheet.md
View File

@@ -118,4 +118,6 @@ DARKMODE (PFLICHT)
Links auf dunklem Grund lesbar bleiben (Kontrast prüfen). Elemente mit hellem Links auf dunklem Grund lesbar bleiben (Kontrast prüfen). Elemente mit hellem
Text auf Akzent-Hintergrund (z. B. Tabellenköpfe) dürfen ihre helle Text auf Akzent-Hintergrund (z. B. Tabellenköpfe) dürfen ihre helle
Hintergrundfarbe behalten. 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. - Nur innerhalb von @media screen — Druck/PDF bleibt unverändert hell.

2
templates/Format/EndGuide.md
View File

@@ -157,4 +157,6 @@ DARKMODE (PFLICHT)
Links auf dunklem Grund lesbar bleiben (Kontrast prüfen). Elemente mit hellem Links auf dunklem Grund lesbar bleiben (Kontrast prüfen). Elemente mit hellem
Text auf Akzent-Hintergrund (z. B. Tabellenköpfe) dürfen ihre helle Text auf Akzent-Hintergrund (z. B. Tabellenköpfe) dürfen ihre helle
Hintergrundfarbe behalten. 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. - Nur innerhalb von @media screen — Druck/PDF bleibt unverändert hell.

1
templates/Format/Guide.md
View File

@@ -771,5 +771,6 @@ The app toggles dark mode by setting `data-theme="dark"` on `<html>` inside its
``` ```
- Do NOT use `prefers-color-scheme` — the app controls the attribute. - 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. - 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. - Elements with light text on accent backgrounds (table headers, cover) may keep their light-theme background.

2
templates/Format/MiniGuide.md
View File

@@ -162,4 +162,6 @@ DARKMODE (PFLICHT)
Links auf dunklem Grund lesbar bleiben (Kontrast prüfen). Elemente mit hellem Links auf dunklem Grund lesbar bleiben (Kontrast prüfen). Elemente mit hellem
Text auf Akzent-Hintergrund (z. B. Tabellenköpfe) dürfen ihre helle Text auf Akzent-Hintergrund (z. B. Tabellenköpfe) dürfen ihre helle
Hintergrundfarbe behalten. 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. - Nur innerhalb von @media screen — Druck/PDF bleibt unverändert hell.

2
templates/Format/OnePager.md
View File

@@ -110,4 +110,6 @@ DARKMODE (PFLICHT)
Links auf dunklem Grund lesbar bleiben (Kontrast prüfen). Elemente mit hellem Links auf dunklem Grund lesbar bleiben (Kontrast prüfen). Elemente mit hellem
Text auf Akzent-Hintergrund (z. B. Tabellenköpfe) dürfen ihre helle Text auf Akzent-Hintergrund (z. B. Tabellenköpfe) dürfen ihre helle
Hintergrundfarbe behalten. 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. - Nur innerhalb von @media screen — Druck/PDF bleibt unverändert hell.

1
templates/Referenz/Cheatsheet.md
View File

@@ -31,6 +31,7 @@
--bg-soft: #23262e; --bg-soft: #23262e;
} }
html[data-theme="dark"] body { background: #15171c; } html[data-theme="dark"] body { background: #15171c; }
html[data-theme="dark"] .callout { background: var(--bg-soft); }
} }
html, body { html, body {

1
templates/Referenz/EndGuide.md
View File

@@ -68,6 +68,7 @@
--bg-soft: #23262e; --bg-soft: #23262e;
} }
html[data-theme="dark"] body { background: #15171c; } html[data-theme="dark"] body { background: #15171c; }
html[data-theme="dark"] .callout { background: var(--bg-soft); }
} }
html, body { html, body {

1
templates/Referenz/Guide.md
View File

@@ -73,6 +73,7 @@
--bg-soft: #23262e; --bg-soft: #23262e;
} }
html[data-theme="dark"] body { background: #15171c; } html[data-theme="dark"] body { background: #15171c; }
html[data-theme="dark"] .callout { background: var(--bg-soft); }
} }
html, body { html, body {

1
templates/Referenz/MiniGuide.md
View File

@@ -47,6 +47,7 @@
--bg-soft: #23262e; --bg-soft: #23262e;
} }
html[data-theme="dark"] body { background: #15171c; } html[data-theme="dark"] body { background: #15171c; }
html[data-theme="dark"] .callout { background: var(--bg-soft); }
} }
html, body { html, body {

1
templates/Referenz/OnePager.md
View File

@@ -28,6 +28,7 @@
--bg-soft: #23262e; --bg-soft: #23262e;
} }
html[data-theme="dark"] body { background: #15171c; } html[data-theme="dark"] body { background: #15171c; }
html[data-theme="dark"] .callout { background: var(--bg-soft); }
} }
html, body { html, body {