Cómo personalizar el modo oscuro de ChatGPT con CSS
Actualizado 15 de junio de 2026
Respuesta rápida
Personalizar el color de fondo de ChatGPT con CSS requiere un gestor de estilos como Stylus para inyectar reglas personalizadas. Puedes escribir CSS para cambiar el negro por gris, pero este método es muy frágil. OpenAI actualiza sus nombres de clase y estructuras DOM con frecuencia, lo que rompe los estilos de usuario sin previo aviso. GPT Master elimina este mantenimiento vigilando y eliminando automáticamente los atributos OLED de ChatGPT, manteniendo intacto el tema gris suave.
Muchos usuarios recurren a estilos personalizados para evitar el diseño negro puro de ChatGPT. Aunque escribir tus propias reglas de CSS ofrece un control de diseño total, se convierte en un proyecto recurrente. Cada pequeña actualización de la interfaz de ChatGPT corre el riesgo de romper tus estilos y obligarte a reescribir el código.
- 1
Instala un gestor de estilos como Stylus
Añade una extensión de estilos de usuario a tu navegador para permitir la inyección de hojas de estilo personalizadas en sitios específicos.
- 2
Crea una regla de estilo para ChatGPT
Añade un nuevo objetivo de estilo para chatgpt.com. Usa el código CSS [data-oled] { --main-surface-primary: #202123; } para anular el fondo negro.
- 3
Usa GPT Master para una solución sin mantenimiento
Si el CSS personalizado se rompe tras una actualización de ChatGPT, instala GPT Master. Activa el Modo oscuro clásico en los Controles rápidos para recuperar el diseño gris sin escribir código.
GPT Master
Deja de editar código para arreglar tu tema. Restaura el gris al instante.
Preguntas frecuentes
- ¿Por qué se rompe constantemente mi CSS personalizado de ChatGPT?
- ChatGPT está construido como una aplicación de una sola página y recibe actualizaciones frecuentes. Cuando OpenAI cambia los nombres de clase internos o atributos de tema, tus selectores personalizados dejan de coincidir.
- ¿Stylus o el CSS personalizado ralentizan mi navegador?
- Inyectar unas pocas líneas de CSS tiene un impacto de rendimiento insignificante. Sin embargo, mantener las hojas de estilo actualizadas conforme cambia el sitio requiere un esfuerzo manual constante.
- ¿Cómo maneja GPT Master el modo oscuro en comparación con CSS?
- En lugar de depender de selectores de clases CSS frágiles, la extensión monitorea los atributos raíz de la página. Cuando aparece el indicador del tema OLED, GPT Master lo elimina directamente.
Guías relacionadas
¿Listo para resolver esto definitivamente?
Deja de editar código para arreglar tu tema. Restaura el gris al instante.
Haz que ChatGPT funcione como realmente lo usas.
★★★★★ 4.8 en Chrome Web Store 4,000+ usuarios avanzados Free para instalar
Añadir a Chrome