Dark mode that reaches the Riddle

1 · On your page

Call this from your own theme switch. Push the first value before the Riddle embed loads, so the quiz never flashes in the wrong theme.

window.riddleDataLayer = window.riddleDataLayer || [];

// the names of your two palettes in the Riddle Creator
var PALETTES = { light: 'Daily Gladiator 2026', dark: 'Daily Gladiator 2026 Dark' };

function setTheme(dark) {
  document.documentElement.classList.toggle('dark', dark);
  window.riddleDataLayer.push(
    { key: 'r_p', value: dark ? PALETTES.dark : PALETTES.light }
  );
}

// follow the reader's device setting
var mq = matchMedia('(prefers-color-scheme: dark)');
setTheme(mq.matches);
mq.addEventListener('change', function (e) { setTheme(e.matches); });