☰

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.

설치 방법

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

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

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

설치 방법

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

작성자
NoushadBug
일일 설치 수
0
총 설치 수
20
평점
0 0 0
버전
1.8
생성일
2025-01-18
갱신일
2025-01-28
크기
8.36KB
라이선스
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.