/* * Light/dark-mode toggle. * * De site is oorspronkelijk uitsluitend als donker thema gebouwd: alle * Disco-Train plugins (Locaties, Fotogalleries, Artiesten, DJ Mixes, * Video's, deze MEC-styling-plugin, de events-ticker) definiëren dezelfde * --discotrain-*-variabelen in hun eigen :root-blok (bewust gedupliceerd, * zie de losse plugin-bestanden). Omdat :root in elk bestand hetzelfde * -element target, hoeft dit ene bestand die variabelen maar ÉÉN keer * te herdefiniëren onder html[data-theme="light"] — de hogere specificiteit * van een attribuut-selector (0-1-1) t.o.v. :root (0-1-0) wint dan overal, * ongeacht laad-volgorde, en werkt zo automatisch door in alle plugins die * er al op bouwen (verreweg de meeste kaarten/knoppen/badges/grids). * * Wat NIET via die variabelen loopt (Betheme's eigen header/footer/tekst- * kleur, de custom Pagina-achtergrond-laag, en een handvol losse * hardcoded kleuren die ik onderweg ben tegengekomen) staat hieronder apart * overruled. */ /* ---------------------------------------------------------------------- */ /* 1. Kernpalet — licht */ /* ---------------------------------------------------------------------- */ html[data-theme="light"] { --discotrain-accent: #ff007f; --discotrain-accent-hover: #e6006f; --discotrain-teal: #006b7d; --discotrain-teal-hover: #005866; --discotrain-dark: #ffffff; --discotrain-dark-alt: #f4f4f7; --discotrain-input-bg: #ffffff; --discotrain-text: #15151a; --discotrain-text-muted: #62626c; --discotrain-border: rgba(0, 0, 0, 0.1); } /* ---------------------------------------------------------------------- */ /* 2. Betheme's eigen basis-chrome (gebruikt geen --discotrain-variabelen, */ /* dus apart overruled). !important nodig: Betheme's eigen, via de */ /* Customizer gegenereerde inline