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. })();

QingJ © 2025

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