Found a problem where the message window appears white in dark mode

I’m currently using a temporary fix just to get some work done.
All I did was change the color code under F12 → styles → .message as shown in the screenshot I shared above.
I didn’t touch any code beyond that.

However, once I refresh the page, it goes back to white message bubbles with white text again —
so it seems like the issue isn’t fully resolved yet.

I’m not a developer, so I don’t know the technical details,
but I hope this workaround can at least help someone a little while working! :head_shaking_vertically:

Quick permanent fix (even after refreshing page)

  1. Download TamperMonkey to create a new script
  2. Copy & paste the script, save and refresh ChatGPT
> // ==UserScript==
> // @name         Bubble color fix
> // @namespace    http://tampermonkey.net/
> // @version      1.1
> // @description  Fixes user speech bubble in dark mode because of missing comma (makes it use the light mode)
> // @match        https://chatgpt.com/*
> // @grant        none
> // ==/UserScript==
> 
> (function () {
>     'use strict';
> 
>     const style = document.createElement('style');
>     style.textContent = `
>         @media (prefers-reduced-transparency: reduce) {
>             :is(html, .light, .dark, .light) {
>                 --message-surface: #2f2f2f !important;
>             }
>         }
>     `;
>     document.head.appendChild(style);
> })();
1 Like

its been 7 hours since the solution dropped damnit, yet the issue isnt fixed. Of course, beauraucracy, “testing” and stuff, but seems like they didn’t bother to check and test the update BEFORE releasing it. Have been considering buying subscription - now I better pay for a goddamn telegram bot which at least has no problems with something as basic as UI

holy… damn thank you so much! I’ve been trying to make chatgpt do it, but it failed of course, but you saved the day!

nevermind, it aint working

Make sure to have the script’s toggle switched to ON in the pinned TamperMonkey chrome extension menu (if it doesn’t show up there it may be a @match domain issue for your part)

I’d be happy to help if it still doesn’t work and you make a follow up with details

I am encountering the same issue. I’d REALLY prefer not to use light mode as I have visual processing disorders and am prone to migraines from bright screen lights.

Same issue here. It makes it difficult to read the content. And I don’t want to use light mode

Have you tried this method? I swear to God, it works. And while, yes, you do have to change ChatGPT’s theme to “Light”, the Dark Reader extension changes it back to Dark and 100% fixes the white-bubble-bastard issue. PERMANANTLY.

If for no other reason, try it so i’ll know whether i’m full of schitt or not, kwim (know what i mean)?

Trust me.

wt actual F? the way this forum is set up is F-ing confusing. i think im replying to one comment but no, im actually replying to the same comment I JUST REPLIED TO. I can’t figure this page out.

ugh…

Oh! I came back to GPT today after a day, and the message bubbles are now showing the correct colors.
It seems like the team might have seen the post and made adjustments.
Thank you so much! :grinning_face_with_smiling_eyes:

Dark Reader is on in chatgpt bus all looks white

I actualize this, same configuration, same PC, different users, different result