[Bug Report] Input box shows white background with white text in dark mode (ChatGPT Desktop)

ChatGPT Bugs
1

안녕하세요, ChatGPT 웹에서 다크 모드 관련한 UI 버그를 발견하여 제보드립니다.

저는 시스템 테마를 사용 중이며, 윈도우 운영체제에서 다크 모드 상태입니다. 그런데 어제(4월 2일) 저녁부터 ChatGPT에서 메시지를 입력하는 텍스트 박스가 흰색 배경으로 표시되고, 글씨도 흰색으로 보여서 입력 내용이 보이지 않는 현상이 발생하고 있습니다.

※ 확인한 내용:

  • 시스템 테마 → 다크모드 문제 아님 (강제로 라이트/다크 바꿔봐도 동일 현상)
  • 캐시 삭제, 다른 브라우저, 시크릿 모드, 확장 프로그램 제거 모두 시도 → 동일 증상
  • 모바일 환경(아이폰)은 문제 없음 → 데스크톱만 문제 발생
  • 입력창 외에는 다크모드가 정상적으로 적용됨

버그가 계속 지속되어 불편합니다. 확인 부탁드리며, 해결 방법이 있다면 회신 부탁드립니다. 감사합니다!

Hi, I’m reporting a UI bug on ChatGPT web regarding dark mode.

I am using the system theme on Windows with dark mode enabled. Since the evening of April 2nd, the message input box has been showing a white background with white text, making it unreadable while typing.

What I’ve checked:

  • Switching themes (System → Light → Dark) did not help.
  • Tried cache clearing, different browsers, incognito mode, disabling extensions — issue persists.
  • Mobile works fine — this only happens on desktop.
  • Rest of the UI is correctly in dark mode.

It’s been quite inconvenient to use, so I hope this can be looked into soon. Thanks in advance for your help!

#Here is the screenshot

The image shows a Korean text discussing CSS adjustments, with a highlighted area appearing in a red box near the bottom. (Captioned by AI)
The image shows a Korean text discussing CSS adjustments, with a highlighted area appearing in a red box near the bottom. (Captioned by AI)1648×739 29.8 KB

3 Likes
2

experiencing the same issue. tried incognito, all ext disabled, resetting themes, different browsers.. no luck

4

I am having the exact same issue. I’m on Mac, Ventura 13.7.5. Using Chrome. This does not happen in Safari. I love the dark mode, it’s essential for my creative tasks. I went through numerous tasks with ChatGPT about how to get back the dark mode; absolutely none of them worked. Any suggestions appreciated.

1 Like
5

Simple fix is just pasting the below in browser dev console.

document.querySelectorAll('.relative').forEach(function(div) {
    if (div.classList.contains('max-w-[var(--user-chat-width,70%)]')) {
        div.style.backgroundColor = '#303030';
    }
});
1 Like
6

that works once, but starting a new chat window , it’s again the same issue

7

apologies, I made some changes and also added localStorage so it should be persistent.

function applyBackgroundColor() {
    document.querySelectorAll('.relative').forEach(function(div) {
        if (div.classList.contains('max-w-[var(--user-chat-width,70%)]')) {
            div.style.backgroundColor = '#303030';
        }
    });
}

if (localStorage.getItem('backgroundColorSet') !== 'true') {
    applyBackgroundColor();

    localStorage.setItem('backgroundColorSet', 'true');
} else {
    applyBackgroundColor();
}

const observer = new MutationObserver(function() {
    applyBackgroundColor();
});

observer.observe(document.body, {
    childList: true,
    subtree: true
});
1 Like
8

That worked! Thanks man :slight_smile:

1 Like
9

Having the same issue. I’ll try the fix above, but not sure why OpenAI wouldn’t fix this if it is a bug for multiple users without having to use a hack

1 Like
10

It did not work for me on Mac (latest OS) and Chat has been trying to come up with workarounds. So far nothing has changed. :frowning:

11

which browser are you using?

12

Chrome. Sorry I forgot to mention that. This issue literally just began days ago. If I open in Safari, no issue at all. I just went through about 10 coding exercises with Chat, and they all led to nothingness, including trying “TamperMonkey.” I hate to leave Chrome just so I can have dark mode, but dark mode is essential for me.

13

The bug has apparently been fixed as I’ve been able to return to Chrome and my beloved “dark mode” without issue! :slight_smile:

1 Like