☰

Custom CSS for Max Width and Font

Change max message width and font size

  1. // ==UserScript==
  2. // @name         Custom CSS for Max Width and Font
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.1
  5. // @description  Change max message width and font size
  6. // @author       Clawberry
  7. // @match        https://character.ai/*
  8. // @grant        GM_addStyle
  9. // @license      MIT
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     // Add custom CSS
  16.     GM_addStyle(`
  17.         .max-w-xl {
  18.             max-width: 80rem !important;
  19.         }
  20.  
  21.         .max-w-3xl {
  22.             max-width: 80rem !important;
  23.             font-size: 1.2rem !important;
  24.         }
  25.  
  26.         .overflow-y-scroll {
  27.             overflow-y: auto !important;
  28.             scrollbar-width: thin !important;
  29.         }
  30.  
  31.         .overflow-x-auto {
  32.             scrollbar-width: thin !important;
  33.         }
  34.  
  35.         .overflow-x-hidden {
  36.             scrollbar-width: thin !important;
  37.         }
  38.  
  39.         .max-w-2xl {
  40.             max-width: 75rem !important;
  41.         }
  42.  
  43.         .flex {
  44.             scrollbar-width: thin !important;
  45.         }
  46.     `);
  47. })();