☰

ChatGPT Visual Enhancements with message Navigation

Enhances the ChatGPT interface by visually highlighting the active chat link, styling message boxes, and adding top-centered navigation buttons to traverse messages.

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
NoushadBug
日安装量
0
总安装量
19
评分
0 0 0
版本
1.8
创建于
2025-01-18
更新于
2025-01-28
大小
8.4 KB
许可证
MIT
适用于


ChatGPT UI Enhancer


The ChatGPT UI Enhancer Tampermonkey script enhances the user interface of ChatGPT by visually highlighting the active chat link in the sidebar and applying custom styles to message boxes for the assistant and user.

Features

  • Active Chat Highlighting: The currently active chat link is styled with a black background and rounded corners for easy identification.
  • Assistant Message Styling: Messages from the assistant are styled with a greenish background, padding, and rounded corners for better readability.
  • Dynamic Updates: Changes are applied dynamically as new elements are loaded or the URL changes, ensuring consistent styling across the interface.

Instructions

  1. Install Tampermonkey in your browser if you haven’t already.
  2. Create a new userscript in Tampermonkey and paste the provided code into the editor.
  3. Save the script and ensure it is enabled.
  4. Navigate to https://chatgpt.com/ (or the applicable domain) to see the enhanced UI in action.

Customization


You can easily modify the styles by editing the script:

  • To change the active chat link styling, update the background and border-radius properties in the updateActiveState function.
  • To customize the assistant message box styling, adjust the properties in the styleAssistantMessages function.

Support


If you encounter any issues or have suggestions, feel free to contribute or contact the author.