You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
3.0 KiB
75 lines
3.0 KiB
/* |
|
* 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); |
|
}
|
|
|