☰

chatgpt css

Customize styles for ChatGPT tables and text

  1. // ==UserScript==
  2. // @name         chatgpt css
  3. // @description  Customize styles for ChatGPT tables and text
  4. // @match        https://chat.openai.com/*
  5. // @match        https://chatgpt.com/*
  6. // @version 0.0.1.20250726072128
  7. // @namespace https://gf.qytechs.cn/users/1435046
  8. // ==/UserScript==
  9.  
  10. (function () {
  11.     const style = document.createElement('style');
  12.  
  13.     style.textContent = `
  14.         *:not(.katex):not(.katex *) {
  15.             min-width: revert !important;
  16.             -webkit-line-clamp: revert !important;
  17.             white-space: revert !important;
  18.             margin-left: revert !important;
  19.             margin-right: revert !important;
  20.         }
  21.  
  22.         html,
  23.         body {
  24.             background-color: revert !important;
  25.         }
  26.  
  27.         div:has(> div > button[data-testid="open-sidebar-button"]) {
  28.             background-color: revert !important;
  29.         }
  30.  
  31.         .content-fade:after {
  32.             background-image: revert !important;
  33.         }
  34.  
  35.         div[class*="tableContainer"] {
  36.             /*width: unset !important;*/
  37.             width: revert !important;
  38.         }
  39.  
  40.         div[class*="tableContainer"] *:not(.katex):not(.katex *) {
  41.             padding: revert !important;
  42.             height: revert !important;
  43.         }
  44.  
  45.         div.text-base {
  46.             padding: revert !important;
  47.         }
  48.  
  49.         .katex {
  50.             display: block !important;
  51.             overflow-x: auto !important;
  52.             overflow-y: hidden !important;
  53.         }
  54.  
  55.         .bg-token-message-surface, .user-message-bubble-color {
  56.             background-color: blue !important;
  57.         }
  58.  
  59.         button {
  60.             white-space: revert !important;
  61.         }
  62.  
  63.         div[data-radix-popper-content-wrapper] {
  64.             transform: revert !important;
  65.         }
  66.  
  67.         div[data-radix-popper-content-wrapper],
  68.         div[data-radix-popper-content-wrapper] * {
  69.             width: revert !important;
  70.             min-width: revert !important;
  71.             white-space: revert !important;
  72.             overflow-wrap: anywhere !important;
  73.         }
  74.  
  75.         div:has(> button > div > span > svg > path[d^="M6.24992 11.0417C6.65578 11.0417 7.04227"]) {
  76.             width: revert !important;
  77.         }
  78.         `;
  79.     document.head.appendChild(style);
  80. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址