☰

Google Invert Colors

Inverts the colors of Google services for dark mode

当前为 2025-06-16 提交的版本，查看 最新版本。

// ==UserScript==
// @name         Google Invert Colors
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Inverts the colors of Google services for dark mode
// @author       You
// @license      MIT
// @match        https://drive.google.com/drive/*
// @match        https://mail.google.com/chat/u/*
// @match        https://meet.google.com/*
// @match        https://docs.google.com/spreadsheets/*
// @match        https://admin.google.com/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function () {
	"use strict";

	const url = location.href;

	const sites = [
		{
			match: "drive.google.com", // Google Drive
			selectors: [".vhoiae"],
		},
		{
			match: "mail.google.com/chat", // Google Chat
			selectors: ["#loading", ".brC-brG", ".YADHBe"],
		},
		{
			match: "meet.google.com", // Google Meets
			selectors: ["body", ".NONs6c", ".OMfBQ", ".p2ZbV:not(.zKHdkd)", ".R3Gmyc"],
		},
		{
			match: "docs.google.com/spreadsheets", // Google Spreadsheets
			selectors: ["body"],
		},
        {
            match: "admin.google.com", // Google Admin
            selectors: ["body"],
        }
	];

	const activeSelectors = sites.filter((site) => url.includes(site.match)).flatMap((site) => site.selectors);
	if (activeSelectors.length) {
		const style = document.createElement("style");
		style.textContent = `${activeSelectors.join(", ")} { filter: invert(100%) hue-rotate(180deg); box-shadow: none !important; }`;
		document.head.appendChild(style);
	}

	// Google Meet auto-close banner
    // TODO: Fix bug that causes overflow when opening chat
	if (url.includes("meet.google.com")) {
		const observer = new MutationObserver(() => {
			const closeBtn = document.querySelector(".pYTkkf-Bz112c-kBDsod-Rtc0Jf");
			if (closeBtn) {
				closeBtn.click();
				observer.disconnect();
			}
		});
		observer.observe(document.body, { childList: true, subtree: true });
	}
})();