PWA标题栏颜色 (PWA Titlebar Color)

为不同的网站自定义标题栏颜色

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         PWA标题栏颜色 (PWA Titlebar Color)
// @version      2.2
// @description  为不同的网站自定义标题栏颜色
// @author       hiisme
// @match        *://*/*
// @grant        none
// @run-at       document-start
// @namespace http://tampermonkey.net/
// ==/UserScript==

(() => {
    'use strict';

    // 定义不同网站的标题栏颜色
    const colorConfig = {
        'www.youtube.com': '#0F0F0F',
        'kimi.moonshot.cn': '#1D1F20',
        'podcasts.apple.com': '#252526',
        'mypikpak.com': '#181A1B',
        'www.deepl.com': '#181A1B',
        'www.google.com': '#202124',
        'www.bing.com': '#181A1B',
        'yandex.com': '#111112',
        'm.weibo.cn': '#1F1F1F',
        'www.pinterest.com': '#121212',
        'message.bilibili.com': '#000000',
        'www.doubao.com': '#121212',
        'hailuoai.com': '#202123',
        'mail.google.com': '#111111',
        // 添加更多的网站和颜色
    };

    // 获取当前网站的主机名
    const currentHost = new URL(window.location.href).hostname;

    // 创建或更新 meta 标签
    const setMetaThemeColor = (color) => {
        let meta = document.querySelector('meta[name="theme-color"]');
        if (!meta) {
            meta = document.createElement('meta');
            meta.name = 'theme-color';
            document.head.appendChild(meta);
        }
        meta.content = color;
    };

    // 应用标题栏颜色
    const applyTitlebarColor = () => {
        const color = colorConfig[currentHost];
        if (color) {
            setMetaThemeColor(color);
        }
    };

    // 在页面加载后执行一次
    window.addEventListener('load', applyTitlebarColor, { once: true });
})();