fix(chatgpt): accent messages and latte text
🔧 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.
🗒 Checklist 🗒
- [x] I have read and followed Catppuccin's contributing guidelines.
Why should user messages be accent all of a sudden? This doesn't seem to be the case with unthemed ChatGPT.
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.
Would be better if i also change these to Catppucin's specific one with Default tied to an accent color assigned from Stylus.
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?
No need to force push, we use squash merging and it makes viewing changes harder for me. Thanks!
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-themeattribute on<html>/:root, such asdata-chat-theme="yellow"ordata-chat-theme="blue"(default isdata-chat-theme="default"). Based on these we could theme the bubbles with the matching color from the list; blue isblue, green isgreen, yellow isyellow, pink ispink, orange ispeach.