Script to inject into mymind.com to make its color scheme stay in sync with the system’s

dark-mode-sync.js

const darkQuery = '(prefers-color-scheme: dark)';

// Make mymind’s color scheme match the system’s
function updateDarkMode() {
  const darkModeToggle = document.querySelector('.color-scheme-toggle');
  const isDark = !darkModeToggle.classList.contains('light');
  if (window.matchMedia(darkQuery).matches !== isDark) {
    darkModeToggle.click();
  }
}

// Color scheme should update when the page loads
updateDarkMode();
// Color scheme should update when the user toggles dark mode
window.matchMedia(darkQuery).addEventListener('change', updateDarkMode);
// Color scheme should update when the page is refocused (in case it missed a background update)
document.addEventListener('visibilitychange', updateDarkMode);