How to customize ChatGPT dark mode with CSS
Updated October 29, 2026
Quick answer
GPT Master's Legacy Dark Mode toggle gives you a gray theme you do not have to maintain yourself: one click in Quick Controls, on any account. Writing custom CSS to adjust ChatGPT's dark mode has become increasingly fragile as internal stylesheets change. Old community snippets target color variables that ChatGPT has since replaced, causing custom rules to stop working after updates. As of October 2026, some accounts also have a Background field under Settings > Appearance, where typing #212121 sets a custom gray.
Many users turn to user style extensions like Stylus to repaint ChatGPT when they dislike pure black backgrounds. However, keeping custom stylesheets functional requires ongoing maintenance whenever OpenAI modifies its web application structure. A broken snippet often leaves parts of the conversation illegible or mismatched. Checking for native appearance controls or using a maintained browser extension eliminates the need to debug broken CSS rules yourself.
Featured on the Chrome Web Store
★★★★★4.8 · 310 reviews · 16,000+ active users
Ditch fragile CSS snippets for a maintained one-click gray toggle.
Add to Chrome · Free- 1
Install GPT Master on your desktop browser
Add GPT Master from the Chrome Web Store to your browser. Open chatgpt.com to let the extension initialize properly on your active desktop conversation tab.
- 2
Open Quick Controls in the bottom-right corner
Click the round GPT Master button situated at the bottom-right corner of the chat page. A compact popover opens showing your available desktop display toggles.
- 3
Turn on Legacy Dark Mode
Enable Legacy Dark Mode to repaint the conversation area and sidebar in gray. You get a consistent appearance without writing stylesheets or maintaining custom code.
Featured on the Chrome Web Store
★★★★★4.8 · 310 reviews · 16,000+ active users
Ditch fragile CSS snippets for a maintained one-click gray toggle.
Add to Chrome · FreeFrequently asked questions
- Why do custom CSS snippets for ChatGPT stop working?
- ChatGPT updates frequently and changes the internal color variables that old user styles depend on. When those variables disappear or are reassigned, custom CSS snippets fail to repaint the page correctly.
- Is there a native equivalent to custom CSS in ChatGPT?
- Yes, for accounts that have the updated Visual style options under Settings > Appearance. The editable Background field accepts custom hex colors like #212121, letting you recolor the page without user style managers.
- Why use an extension instead of native background settings?
- GPT Master lets you switch between gray and black with a single click from the chat page, without digging through menus. It also works on accounts that do not have the Background field in Settings > Appearance.
Related guides
Ready to fix this for good?
Ditch fragile CSS snippets for a maintained one-click gray toggle.
Featured on the Chrome Web Store · Rated 4.8★ · Free to install