/* * Theme color variants, selected per page via the `data-theme` attribute on * (see Classes/UserFunc/PageBranding.php). `:root` carries the * default (stura) values so pages without an explicit/inherited theme still * render correctly. */ :root, [data-theme="stura"] { --theme-color: oklch(90.5% 0.182 98.111); --theme-color-dark-bg: oklch(90.5% 0.182 98.111); --theme-color-text: #27272a; --accent-color: oklch(50% 0.134 242.749); --accent-color-1: oklch(44.3% 0.11 240.79); --accent-color-text: #ffffff; } @media (prefers-color-scheme: dark) { :root, [data-theme="stura"] { --accent-color: #ffdd00; --accent-color-1: #ffdd00; --accent-color-text: #27272a; } } [data-theme="erstiwoche"] { --theme-color: #f18e00; --theme-color-dark-bg: #f18e00; --theme-color-text: #27272a; --accent-color: #f18e00; --accent-color-1: #f18e00; --accent-color-text: #ffffff; } [data-theme="stubra"] { --theme-color: #3197b9; --theme-color-dark-bg: #329bbd; --theme-color-text: #ffffff; --accent-color: #277994; --accent-color-1: #3197b9; --accent-color-text: #ffffff; } [data-theme="promo"] { --theme-color: #009fe3; --theme-color-dark-bg: #009fe3; --theme-color-text: #27272a; --accent-color: #163456; --accent-color-1: #075985; --accent-color-text: #ffffff; } [data-theme="sap"] { --theme-color: #eb6d21; --theme-color-dark-bg: #eb6d21; --theme-color-text: #27272a; --accent-color: #eb6d21; --accent-color-2: #eb6d21; --accent-color-text: #ffffff; } [data-theme="fsr"] { --theme-color: #ee0000; --theme-color-dark-bg: #ff4b4b; --theme-color-text: #ffffff; --accent-color: #ee0000; --accent-color-1: #dd0000; --accent-color-text: #ffffff; }