chatgpt css

Customize styles for ChatGPT tables and text

2025-07-18 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

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

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==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.20250718144615
// @namespace https://greasyfork.org/users/1435046
// ==/UserScript==

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

    style.textContent = `
        * {
          min-width: revert !important;
          -webkit-line-clamp: revert !important;
        }

        *:not(.katex-display):not(.katex-display *) {
        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"] * {
            /*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;
}
        `;
    document.head.appendChild(style);
})();