☰

google aistudio 聊天界面美化

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

// ==UserScript==
// @name         google aistudio 聊天界面美化
// @namespace    Bronya0
// @version      1.4
// @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;
        }
        ms-autoscroll-container {
            padding: 20px 200px !important;
        }

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

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

       .toolbar-container,.header-container,.content-container {
         opacity: 0.3 !important;
       }

	.inline-code{
		background: #ce601c1a !important;
		color: #9e3f00 !important;
	}
        :root .light-theme{
            --color-gradient-background-top: #f8f7f6 !important;
            --color-gradient-background: #f8f7f6 !important;
            --color-canvas-background: #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;
            font-family: "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, "PingFang SC", "Arial", sans-serif !important;
        }
     code{
         font-family: consolas;
     }

	ms-cmark-node blockquote, ms-cmark-node div, ms-cmark-node dl, ms-cmark-node dt, ms-cmark-node td, ms-cmark-node th, ms-cmark-node li, ms-cmark-node p, ms-cmark-node section {
	    line-height: 28px !important;
	}

    `;

    // 注入 CSS
    GM_addStyle(customCSS);

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