google aistudio 聊天界面美化

优化 aistudio.google.com/prompts/new_chat 界面的样式,包括侧边栏、内容宽度、设置面板和字体。左侧禁用点击折叠+右侧虚化+内容缩窄+中文友好字体+去掉鼠标放上去的边框线+淡黄背景

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         google aistudio 聊天界面美化
// @namespace    Bronya0
// @version      2.3
// @description  优化 aistudio.google.com/prompts/new_chat 界面的样式,包括侧边栏、内容宽度、设置面板和字体。左侧禁用点击折叠+右侧虚化+内容缩窄+中文友好字体+去掉鼠标放上去的边框线+淡黄背景
// @author       Bronya0
// @match        https://aistudio.google.com/prompts/*
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // 自定义 CSS 样式
    const customCSS = `

.empty-space.clickable {
    pointer-events: none;
}

.settings-items-wrapper, .content-container {
    width: 250px !important;
}

.chat-turn-container {
    border: none !important;
}

.promo-gallery {
    display: none !important;
}


.inline-code{
    background: #ce601c1a !important;
    color: #9e3f00 !important;
    border: 0 !important;
}

.settings-items-wrapper {
    opacity: .5 !important;
}

:root .light-theme{
    --color-gradient-background-top: #f8f7f6 !important;
    --color-gradient-background: #f8f7f6 !important;
    --color-canvas-background: #f8f7f6 !important;
    --color-v3-surface:  #f8f7f6 !important;
}

.light-theme .gmat-body-medium, .light-theme ms-cmark-node blockquote, ms-cmark-node .light-theme blockquote, .light-theme ms-cmark-node div, ms-cmark-node .light-theme div, .light-theme ms-cmark-node dl, ms-cmark-node .light-theme dl, .light-theme ms-cmark-node dt, ms-cmark-node .light-theme dt, .light-theme ms-cmark-node td, ms-cmark-node .light-theme td, .light-theme ms-cmark-node th, ms-cmark-node .light-theme th, .light-theme ms-cmark-node li, ms-cmark-node .light-theme li, .light-theme ms-cmark-node p, ms-cmark-node .light-theme p, .light-theme ms-cmark-node section, ms-cmark-node .light-theme section{
    font-size: 16px !important;
    line-height: 30px !important;
    font-family: "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, "PingFang SC", "Arial", sans-serif !important;
}

.turn-content h3 span, .turn-content h2 span, .turn-content h4 span{
    font-family: "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, "PingFang SC", "Arial", sans-serif !important;
}

code{
    font-family: consolas;
}

    `;

    // 注入 CSS
    GM_addStyle(customCSS);

    // 自动关闭右侧配置面板
    function closeSettingsPanel() {
        // 找到“关闭”按钮
        const closeBtn = document.querySelector('button[aria-label="Close run settings panel"]');
        if (closeBtn) {
            closeBtn.click();
            console.log('已关闭右侧配置面板');
            return true; // 找到了并点掉
        }
        return false; // 还没找到
    }

    // 观察 DOM,直到按钮出现
    const observer = new MutationObserver(() => {
        if (closeSettingsPanel()) {
            observer.disconnect(); // 找到并关闭后就停止监听
        }
    });
    observer.observe(document.body, { childList: true, subtree: true });


    // 在控制台输出日志,方便调试
    console.log('aistudio.google.com 界面美化脚本已应用。');
})();