64 lines
2.2 KiB
CSS
64 lines
2.2 KiB
CSS
/*
|
|
* Optional warm-dark overlay for castopod.hacktivism.ch
|
|
* NOT an official Castopod theme — Castopod only documents 6 accent colors
|
|
* (pine, crimson, lake, amber, jacaranda, onyx). See:
|
|
* https://docs.castopod.org/main/en/user-guide/instance/settings/
|
|
*
|
|
* Palette matches git.hacktivism.ch / bonfire (exchange-dark):
|
|
* body #1a1410, cream text, gold accent #e8a838, teal #3ecfbf.
|
|
* Prefer official theme "amber" first; this CSS deepens the page chrome.
|
|
*/
|
|
|
|
:root,
|
|
.theme-amber,
|
|
.theme-pine,
|
|
.theme-onyx {
|
|
--color-accent-base: 38 78% 56% !important; /* ~#e8a838 */
|
|
--color-accent-hover: 38 72% 48% !important;
|
|
--color-accent-muted: 38 60% 32% !important;
|
|
--color-accent-contrast: 28 22% 8% !important;
|
|
--color-heading-foreground: 40 80% 75% !important;
|
|
--color-heading-background: 28 22% 14% !important;
|
|
--color-background-elevated: 28 18% 14% !important;
|
|
--color-background-base: 28 22% 8% !important;
|
|
--color-background-navigation: 28 20% 10% !important;
|
|
--color-background-header: 28 22% 9% !important;
|
|
--color-background-highlight: 28 18% 16% !important;
|
|
--color-background-backdrop: 0 0% 0% !important;
|
|
--color-border-subtle: 32 18% 28% !important;
|
|
--color-border-contrast: 40 50% 70% !important;
|
|
--color-border-navigation: 32 18% 28% !important;
|
|
--color-text-base: 36 80% 95% !important; /* ~#fff6e8 */
|
|
--color-text-muted: 32 20% 72% !important;
|
|
}
|
|
|
|
body {
|
|
background-color: #1a1410 !important;
|
|
background-image:
|
|
radial-gradient(ellipse 90% 55% at 50% 108%, rgba(26, 107, 110, 0.35) 0%, transparent 55%),
|
|
radial-gradient(circle 420px at 12% 18%, rgba(232, 168, 56, 0.22) 0%, transparent 62%),
|
|
linear-gradient(165deg, #2c1e14 0%, #1a1410 38%, #12181a 72%, #0e1c1e 100%) !important;
|
|
background-attachment: fixed !important;
|
|
color: #fff6e8 !important;
|
|
}
|
|
|
|
a {
|
|
color: #f0c86a;
|
|
}
|
|
a:hover {
|
|
color: #5eead4;
|
|
}
|
|
|
|
/* Primary-ish buttons / chips that use solid white on accent */
|
|
.bg-white {
|
|
background-color: rgba(42, 32, 24, 0.92) !important;
|
|
color: #fff6e8 !important;
|
|
border: 1px solid rgba(232, 168, 56, 0.28);
|
|
}
|
|
|
|
/* Footer */
|
|
footer,
|
|
.page-footer {
|
|
border-top: 1px solid rgba(232, 168, 56, 0.22);
|
|
color: #c9b8a0 !important;
|
|
}
|