☰

chatgpt css

Customize styles for ChatGPT tables and text

当前为 2025-07-21 提交的版本，查看 最新版本。

// ==UserScript==
// @name         chatgpt css
// @description  Customize styles for ChatGPT tables and text
// @match        https://chat.openai.com/*
// @match        https://chatgpt.com/*
// @version 0.0.1.20250721185811
// @namespace https://greasyfork.org/users/1435046
// ==/UserScript==

(function () {
    const style = document.createElement('style');

    style.textContent = `
        *:not(.katex):not(.katex *) {
            min-width: revert !important;
            -webkit-line-clamp: revert !important;
            white-space: revert !important;
            margin-left: revert !important;
            margin-right: revert !important;
        }

        #thread * {
            /*margin-left: revert !important;
            margin-right: revert !important;*/
        }

        div[class*="tableContainer"] {
            /*width: unset !important;*/
            width: revert !important;
        }

        div[class*="tableContainer"] *:not(.katex):not(.katex *) {
            /*padding: unset !important;
            height: unset !important;*/
            padding: revert !important;
            height: revert !important;
        }

        div.text-base {
            /*padding: unset !important;*/
            padding: revert !important;
        }

        .katex-display {
            overflow: scroll;
        }

        .katex {
            /*overflow-x: auto;
            overflow-y: visible !important;*/
        }

        .katex .strut {
            /*display: unset !important;
            display: revert !important;*/
        }

        .bg-token-message-surface {
            background-color: blue !important;
        }

        button {
            white-space: revert !important;
        }

        div[data-radix-popper-content-wrapper] {
            transform: revert !important;
        }

        div[data-radix-popper-content-wrapper],
        div[data-radix-popper-content-wrapper] * {
            width: revert !important;
            min-width: revert !important;
            white-space: revert !important;
            overflow-wrap: anywhere !important;
        }

        div:has(> button > div > span > svg > path[d^="M6.24992 11.0417C6.65578 11.0417 7.04227"]) {
            width: revert !important;
        }
        `;
    document.head.appendChild(style);
})();