feat: add section color coding to overview first paragraphs

The strong and code elements in .section-overview now use
section-specific colors (purple/pink/teal) instead of default purple.

🤖 Generated with [Claude Code](https://claude.com/claude-code)
This commit is contained in:
2026-01-16 15:05:12 +01:00
parent d26e1447ad
commit 3b1e4dc7c7

View File

@@ -2623,12 +2623,12 @@ input:checked + .toggle-slider::before {
} }
.section-overview strong { .section-overview strong {
color: var(--primary-dark); color: var(--section-color-dark, var(--primary-dark));
} }
.section-overview code { .section-overview code {
background: var(--primary-bg-light); background: rgba(var(--section-color-rgb, 145, 99, 184), 0.1);
color: var(--primary-dark); color: var(--section-color-dark, var(--primary-dark));
padding: 0.1rem 0.35rem; padding: 0.1rem 0.35rem;
border-radius: 4px; border-radius: 4px;
font-family: "JetBrains Mono", "Fira Code", Consolas, monospace; font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;