/* * GitCitadel dark color scheme. * Loaded only when data-color-scheme="dark" and config theme_stylesheet_dark is set. * Palette mirrors gitcitadel-online/static/css/main.css exactly: * bg-primary #2d2d2d, bg-secondary #1e1e1e, accent #7c9eff, hover #9bb3ff, visited #a58fff. */ html[data-color-scheme="dark"] { /* Backgrounds */ --color-bg: #1e1e1e; /* --bg-secondary from gitcitadel-online */ --color-bg-light: #2d2d2d; /* --bg-primary */ --color-bg-primary: #3a3a3a; /* Slightly lifted surface */ /* Text */ --color-text: #f0f0f0; /* --text-primary */ --color-text-mid: #c0c0c0; /* --text-secondary */ --color-text-contrast: #1e1e1e; /* Accents — periwinkle/lavender from gitcitadel-online */ --color-primary: #7c9eff; /* --accent-color / --link-color */ --color-secondary: #9bb3ff; /* --link-hover */ --color-primary-strong: #6b8bef; --color-border: #404040; /* --border-color */ --color-border-soft: #333333; --color-text-light: var(--color-text-mid); --color-footer-bg: #1e1e1e; --color-footer-text: var(--color-text); --color-footer-link: var(--color-primary); --color-highlight-mark-fg: #1e1e1e; --color-link: #7c9eff; --color-link-hover: #9bb3ff; --color-link-visited: #a58fff; /* --link-visited: lavender-purple */ --color-focus-ring: #9bb3ff; --color-shadow: color-mix(in srgb, #000 32%, transparent); --brand-color: #f0f0f0; --accent-color: var(--color-secondary); --article-reading-pane-bg: color-mix(in srgb, var(--color-bg) 30%, var(--color-bg-light) 70%); --article-reading-prose-color: color-mix(in srgb, var(--color-text-mid) 35%, var(--color-text) 65%); } html[data-color-scheme="dark"] a:visited { color: var(--color-link-visited); } html[data-color-scheme="dark"] .article-main p, html[data-color-scheme="dark"] .article-main ul, html[data-color-scheme="dark"] .article-main ol, html[data-color-scheme="dark"] .article-main li { font-weight: 450; } html[data-color-scheme="dark"] .home-aside-highlights__item-inner { border-left: 2px solid var(--color-primary); padding-left: 0.5rem; background: color-mix(in srgb, var(--color-bg-light) 55%, transparent); } html[data-color-scheme="dark"] .home-aside-highlights__quote { color: #d8d4ee; } html[data-color-scheme="dark"] .home-aside-highlights__item-inner:hover, html[data-color-scheme="dark"] .home-aside-highlights__item-inner:has(.home-aside-highlights__hit:focus-visible) { background: #3a3a3a; } /* Reply toasts: override base article.css for dark. */ html[data-color-scheme="dark"] .reply-toast--success { border-color: #3a8a55; background: color-mix(in srgb, var(--color-bg) 70%, #2f7a4b 30%); color: var(--color-text); } html[data-color-scheme="dark"] .reply-toast--error { border-color: #b03030; background: color-mix(in srgb, var(--color-bg) 70%, #a12b2b 30%); color: var(--color-text); }