userscript to dynamically set dark/light mode on google according to os settings

google-dynamic-dark-mode.js

// ==UserScript==
// @name        Google Dynamic Dark Mode
// @description dynamically set dark/light mode on google according to os settings
// @author      Daniel Rotaermel
// @match       *://*google.com*
// ==/UserScript==

let shouldUseDarkmode = window.matchMedia('(prefers-color-scheme: dark)')
  .matches;

let isUsingDarkmode = document
  .querySelector('#logo > img')
  .src.includes('light');

function setDynamicDarkmode() {
  console.log('trying to set dark/light mode');
  setTimeout(() => {
    try {
      if (shouldUseDarkmode && !isUsingDarkmode) {
        console.log('dark mode');
        document
          .querySelector('#searchform > div:nth-child(2) > div > div')
          .click();
      } else if (!shouldUseDarkmode && isUsingDarkmode) {
        document
          .querySelector('#searchform > div:nth-child(2) > div > div')
          .click();
        console.log('light mode mode');
      }
    } catch {
      setDynamicDarkmode();
    }
  }, 10);
}

window.onload = setDynamicDarkmode;