Google Docs blend webapp window decoration/theme color with header

Set theme color based on Google Docs header's background color

安裝腳本 ?

Wrap lines

// ==UserScript==
// @name         Google Docs blend webapp window decoration/theme color with header
// @namespace    https://gf.qytechs.cn/users/1257389
// @version      1.0.00
// @description  Set theme color based on Google Docs header's background color
// @author       dvirzxc
// @match        https://docs.google.com/*
// @grant        none
// @license      MIT
// ==/UserScript==
 
(function() {
    'use strict';
 
    function getBackgroundColor() {
        const selector = '[class*=docs-grille-]';
        const elementClass = document.querySelector(selector);
        if (elementClass) {
            const element = elementClass.querySelector('#docs-chrome:not(.docs-hub-chrome)');
            if (element) {
                const style = window.getComputedStyle(element);
                return style.backgroundColor;
            }
        }
        return '#ffffff'; // Return white when there's no selector to be found
    }
 
    // Function to set the meta tag
    function setChromeThemeColor(color) {
        const metaThemeColor = document.createElement('meta');
        metaThemeColor.setAttribute('name', 'theme-color');
        metaThemeColor.setAttribute('content', color);
        document.head.appendChild(metaThemeColor);
    }
 
    // Run
    const backgroundColor = getBackgroundColor();
    setChromeThemeColor(backgroundColor);
})();

欢迎访问Greasy Fork镜像