Swap Google Search Background color scriptlet

README.md

Do not paste code randomly on your browser

We are kinda forced since Google treat us as lab rats

For Brave:

brave://settings/shields/filters

Make sure developer mode is on, add this custom filter:

google.com##+js(user-google-bg-color.js)

Under Custom scriptlets copy paste the code above

Name the scriptlet google-bg-color.js

The prefix user- will be added by Brave automatically.

What's up with the background color?

https://www.reddit.com/r/google/comments/1i8sub3/whats_up_with_the_background_color/

Google runs the biggest lab experiment in the universe, we are the lab rats

user-google-bg-color.js

console.log('Color Scriptlet');

function getRootCSSVariables() {
  const cssVars = {};

  for (const sheet of document.styleSheets) {
    try {
      for (const rule of sheet.cssRules || []) {
        if (rule.selectorText === ":root") {
          for (const prop of rule.style) {
            if (prop.startsWith("--")) {
              cssVars[prop] = rule.style.getPropertyValue(prop).trim();
            }
          }
        }
      }
    } catch {}
  }

  return cssVars;
}

function swapRootColors(colorTable) {
  const css = getRootCSSVariables();
  for (const [oldColor, newColor] of Object.entries(colorTable)) {
    for (const [prop, value] of Object.entries(css)) {
      if (value.includes(oldColor)) {
        document.documentElement.style.setProperty(prop, newColor);
      }
    }
  }
}

document.addEventListener('readystatechange', () => {
  // Set your colors here
  swapRootColors({
    '#101218': '#202124',
  })
});