userstyles icon indicating copy to clipboard operation
userstyles copied to clipboard

fix(chatgpt): accent messages and latte text

Open mortifiedtux opened this issue 5 months ago • 5 comments

🔧 What does this fix? 🔧

Adds accent color on both submit button and prompt introduced in GPT-5 update. This fixes dark mode problem when using Latte.

Closes #1429.

Screenshot_2025-08-13_10-50-09 Screenshot_2025-08-13_10-53-26

🗒 Checklist 🗒

mortifiedtux avatar Aug 13 '25 08:08 mortifiedtux

Why should user messages be accent all of a sudden? This doesn't seem to be the case with unthemed ChatGPT.

uncenter avatar Aug 13 '25 15:08 uncenter

Why should user messages be accent all of a sudden?

Well, it was only a few accent colors available to select with Purple and Black being only available on Plus or higher users. gpt-accents

Would be better if i also change these to Catppucin's specific one with Default tied to an accent color assigned from Stylus.

mortifiedtux avatar Aug 14 '25 09:08 mortifiedtux

Ah I see. Looks like the source code for the page has a data-chat-theme attribute on <html>/:root, such as data-chat-theme="yellow" or data-chat-theme="blue" (default is data-chat-theme="default"). Based on these we could theme the bubbles with the matching color from the list; blue is blue, green is green, yellow is yellow, pink is pink, orange is peach. We could add a UserCSS setting for "Use accent for default user message bubble color" so that the "default" color maps to the user's accent?

uncenter avatar Aug 14 '25 21:08 uncenter

No need to force push, we use squash merging and it makes viewing changes harder for me. Thanks!

uncenter avatar Aug 15 '25 17:08 uncenter

We could add a UserCSS setting for "Use accent for default user message bubble color" so that the "default" color maps to the user's accent?

I see we added this part, but I'd also like to do this other part of mapping the chat theme color to the user message bubble color.

Ah I see. Looks like the source code for the page has a data-chat-theme attribute on <html>/:root, such as data-chat-theme="yellow" or data-chat-theme="blue" (default is data-chat-theme="default"). Based on these we could theme the bubbles with the matching color from the list; blue is blue, green is green, yellow is yellow, pink is pink, orange is peach.

uncenter avatar Sep 07 '25 19:09 uncenter