/* ============================================================= fsprojects Reports — switchable colour themes Usage: set data-theme="forest|river|canyon" on . Overrides the 7 brand-role vars defined in colors_and_type.css. forest = current defaults (no-op visually, but explicit). ============================================================= */ [data-theme="forest"] { --primary: 30,104,20; --primary-dark: 45,90,39; --secondary: 74,140,110; --header-medium: 90,154,176; --info: 90,154,176; --step-tint: 244,236,224; /* light cream */ --sidebar-tint: 233,223,202; /* light warm brown page wash (not lime green) */ --header: 26,58,82; } [data-theme="river"] { --primary: 26,58,82; --primary-dark: 12,32,48; --secondary: 90,154,176; --header-medium: 74,140,110; --info: 74,140,110; --step-tint: 235,243,248; --sidebar-tint: 224,236,243; --header: 12,32,48; } [data-theme="canyon"] { --primary: 74,53,32; --primary-dark: 46,31,18; --secondary: 139,94,52; --header-medium: 74,140,110; --info: 74,140,110; --step-tint: 245,237,226; --sidebar-tint: 237,225,206; --header: 26,58,82; }