google aistudio 聊天界面美化

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

目前為 2025-07-24 提交的版本，檢視最新版本。

安裝腳本 ?

換行

// ==UserScript==
// @name         google aistudio 聊天界面美化
// @namespace    Bronya0
// @version      0.6
// @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 = `

        .clickable-space[_ngcontent-ng-c3272910041]:not(.top) {
            pointer-events: none;
        }
        ms-autoscroll-container[_ngcontent-ng-c3798256875] {
            padding: 20px 240px !important;
        }

        .settings-items-wrapper[_ngcontent-ng-c4057196706], .content-container[_ngcontent-ng-c3199769196] {
        width: 250px;
        }

        [_nghost-ng-c2518777084] .chat-turn-container[_ngcontent-ng-c2518777084] {
            border: none !important;
        }
        ms-promo-gallery[_ngcontent-ng-c3191955655] {
            display: none !important;
        }

        ms-toolbar[_ngcontent-ng-c1981487843] {
         opacity: 0.3 !important;
       }
       .content-container[_ngcontent-ng-c3199769196] {
         opacity: 0.3 !important;
       }

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

        /* 4. chat内容的字体换成中文友好的字体 */
        body, .text-chunk, .input-area, .mat-body-1 {
            font-family: "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, "PingFang SC", "Arial", sans-serif !important;
        }
    `;

    // 注入 CSS
    GM_addStyle(customCSS);

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

欢迎访问Greasy Fork镜像