Volleyball Elite Academy development update

Volleyball Elite Academy Show a dark-mode preview of the chosen brand colours Show a dark-mode preview of the chosen brand colours Volleyball Elite Academy — Development Update • June 5, 2026 --- title: Show a dark-mode preview of the chosen brand colours --- Show a dark-mode preview of the chosen brand colours ## What & Why The brand colour picker at /admin/branding previews colours against a light background only. Now that dark mode adjusts each colour's lightness into a readable band (and recomputes contrast text), admins can't see what their brand will actually look like in dark mode before saving. A side-by-side or toggleable dark preview would let admins confirm the adjusted result. ## Done looks like - The branding settings page shows how the accent and secondary will render in dark mode (e.g. a dark-themed preview swatch/hero), reflecting the same lightness clamping and recomputed foreground used at runtime. - The preview stays in sync with the live builder so it never diverges from what ships. ## Relevant files - (preview swatches/helpers) - (buildBrandingThemeCss, adjustLightnessForDark, foregroundForRgb — reuse these so preview matches runtime) Volleyball Elite Academy Reply to this email — we read every reply. You received this because you have an account with Volleyball Elite Academy. elitevolleyball.training