☰

ChatGPT-UX-Customizer

Fully customize the chat UI. Automatically applies themes based on chat names to control everything from avatar icons and standing images to bubble styles and backgrounds. Adds powerful navigation features like a message jump list with search.

How to install

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

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

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

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

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

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

How to install

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Author
p65536
Daily installs
1
Total installs
51
Ratings
2 0 0
Version
1.8.0
Created
2025-07-26
Updated
2025-11-16
Size
556 KB
License
MIT
Applies to

Overview

A userscript that adds powerful theming, UI customization, and advanced navigation features to AI chat UIs.

There are ChatGPT and Gemini versions.

Key Features

  • Automatic Theme Switching: Apply themes (colors, backgrounds, etc.) based on chat titles, project names (ChatGPT) or Custom GPT names (ChatGPT), using regular expressions.
  • Full UI Customization: Edit all visual settings via a GUI, including actor names/icons, chat width, and background images.
  • Advanced Navigation Console: Use an integrated console and a searchable Jump List (text/regex) to instantly find any message.
  • Enhanced Readability: Collapse long messages, add per-message navigation buttons, and display message timestamps (ChatGPT only).
  • Powerful Utilities: Easily Import/Export your entire configuration as a JSON file.
  • Platform-Specific Helpers: Includes Auto-Load Full History (Gemini only) and Layout Scan (ChatGPT only, a fix for scrolling layout shifts on Firefox).

New Features

  • (2025/11/16) Message Timestamp (ChatGPT only): Displays the creation time for each message. This feature intercepts API requests to load historical timestamps and records new ones in real-time.
  • (2025/11/09) Layout Scan (ChatGPT and Firefox Only): Automatically performs a layout scan on chat load to mitigate scroll position jumps from late-loading messages or images.
  • (2025/09/08) Jump List: Added an advanced message jump list with search/filter capabilities and a full preview on hover. Access it by clicking the labels in the navigation console.
  • (2025/09/05) Auto-load full chat history (Gemini only): Automatically loads the entire chat history when opening a chat, eliminating the need to manually scroll up multiple times.

Screenshots (Images are for ChatGPT)

UX Customizer sample

Advanced Navigation with Jump List

Getting Started

  1. Click the gear icon ⚙️ in the top-right corner to open the settings panel.
  2. In the navigation console (above the input box), click the "Assistant:", "Total:", or "User:" labels to open the Jump List.
  3. Open the Theme Editor to create your own theme from scratch.
  4. Alternatively, import a sample JSON file for a quick start.
  5. Sample File: Sample: default + 3 Themes

Tested Environment

  • This script is designed for desktop browsers and does not support mobile environments.
  • This script is primarily developed and tested on Firefox with Tampermonkey.
  • It is also confirmed to work on Chromium-based browsers, but testing on these platforms is less extensive.

More info

Full Guide & Details on GitHub:

This script is open-source and licensed under the MIT License.