☰

Gemini Start Menu

Gemini Logo Replacement with Dropdown

// ==UserScript==
// @name         Gemini Start Menu
// @namespace    https://greasyfork.org
// @version      1.0.1
// @description  Gemini Logo Replacement with Dropdown
// @description.zh-CN  将 Gemini 界面左上角的 Logo 替换为一个自定义的下拉菜单。
// @author       Wesley King
// @match        *://gemini.google.com/*
// @grant        none
// @run-at       document-idle
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // 1. 定位器：精确定位 "Gemini" 文本所在的元素
    const LOGO_SELECTOR = '[data-test-id="bard-text"]';

    // 2. 自定义下拉菜单的选项配置
    const menuOptions = [
        { label: '🇺🇸 🖼️📄Google AI Std', url: 'https://aistudio.google.com/prompts/new_chat' },
        { label: '🇺🇸 🖼️📄ChatGPT', url: 'https://chatgpt.com/' },
        { label: '🇺🇸 🖼️📄MS Copilot', url: 'https://copilot.microsoft.com/' },
        { label: '🇺🇸 🖼️📄Grok', url: 'https://x.com/i/grok/' },
        { label: '🇨🇳 📄Deepseek', url: 'https://chat.deepseek.com/' },
        { label: '🇨🇳 📄Kimi', url: 'https://www.kimi.com/' },
        { label: '🇨🇳 🖼️📄Qwen(WW)', url: 'https://chat.qwen.ai/' },
        { label: '🇨🇳 🖼️📄Qwen(CN)', url: 'https://www.tongyi.com/qianwen/' },
        { label: '🇨🇳 📽️🖼️📄Doubao AI', url: 'https://www.doubao.com' },
        { label: '🇨🇳 📽️🖼️Hailuo AI(WW)', url: 'https://hailuoai.video/' },
        { label: '🇨🇳 📽️🖼️Hailuo AI(CN)', url: 'https://hailuoai.com/' },
        { label: '🇨🇳 📽️🖼️Jimeng AI', url: 'https://jimeng.jianying.com/ai-tool/home' },
        { label: '🇨🇳 📽️🖼️Kaipai AI', url: 'https://www.kaipai.com/home' }
    ];

    /**
     * 创建自定义下拉菜单的HTML元素
     * @returns {HTMLElement} 下拉菜单的DOM元素
     */
    function createCustomDropdown() {
        const select = document.createElement('select');
        select.id = 'custom-gemini-menu';

        // 基础样式：确保它融入原界面
        select.style.padding = '0 8px';
        select.style.cursor = 'pointer';
        select.style.border = 'none';

        // 关键主题自适应：背景透明以继承父元素颜色
        select.style.backgroundColor = 'transparent';

        // 关键主题自适应：使用 Gemini 界面的文本颜色变量
        // 这个变量会随着主题切换而改变其对应的值
        select.style.color = 'var(--gm-fill-color-dark-on-surface)';

        select.style.fontWeight = 'bold';
        select.style.height = '100%';
        select.style.appearance = 'none';
        select.style.direction = 'rtl';

        // 字体要求
        select.style.fontSize = '20px';
        select.style.fontFamily = 'Google Sans Flex, Google Sans, Helvetica Neue, sans-serif';

        // 定义用于下拉菜单选项的颜色变量（这些变量会随着主题切换）
        const optionTextColor = 'var(--gm-fill-color-dark-on-surface)';
        const optionBackgroundColor = 'var(--gm-surface-background-color)';

        // 辅助函数：创建选项元素并应用主题样式
        const createOption = (label, value, isDefault = false) => {
            const option = document.createElement('option');
            option.textContent = label;
            option.value = value;
            if (isDefault) {
                option.disabled = true;
                option.selected = true;
            }

            // 为选项设置适应主题的背景和文字颜色
            option.style.backgroundColor = optionBackgroundColor;
            option.style.color = optionTextColor;

            // 选项字体样式（通常略小）
            option.style.fontSize = '16px';
            option.style.fontFamily = 'Google Sans Flex, Google Sans, Helvetica Neue, sans-serif';

            return option;
        };

        // 添加默认选项（不跳转，只作标题）
        select.appendChild(createOption('Gemini', '#', true));

        // 添加配置的选项
        menuOptions.forEach(config => {
            select.appendChild(createOption(config.label, config.url));
        });

        // 监听下拉菜单的改变事件
        select.addEventListener('change', (event) => {
            const selectedUrl = event.target.value;
            if (selectedUrl && selectedUrl !== '#') {
                window.open(selectedUrl, '_blank');
                event.target.value = '#'; // 重置选择
            }
        });

        return select;
    }

    /**
     * 查找并替换Logo元素
     */
    function replaceLogoWithDropdown() {
        const logoElement = document.querySelector(LOGO_SELECTOR);

        if (logoElement) {
            console.log("找到Gemini文本元素，开始替换...");
            const dropdown = createCustomDropdown();

            // 清空原有 "Gemini" 文本
            logoElement.innerHTML = '';

            // 插入自定义下拉菜单
            logoElement.appendChild(dropdown);

        } else {
            console.warn("未找到Gemini文本元素，请检查选择器是否正确：", LOGO_SELECTOR);
        }
    }

    // 使用 MutationObserver 来确保元素加载后立即执行替换
    const observer = new MutationObserver((mutationsList, observer) => {
        const logoElement = document.querySelector(LOGO_SELECTOR);
        if (logoElement) {
            observer.disconnect();
            replaceLogoWithDropdown();
        }
    });

    // 开始观察整个文档的子元素变化
    observer.observe(document.body, { childList: true, subtree: true });

    // 增加一个安全网
    if (document.querySelector(LOGO_SELECTOR)) {
        replaceLogoWithDropdown();
    }
})();