☰

ChatGpt Material Dark With Wide Mode and Customization

Experience ChatGPT with a sleek Material Dark theme. Enjoy a distraction-free, immersive AI interaction on chat.openai.com.

Cómo instalar

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

You will need to install an extension such as Tampermonkey to install this script.

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Necesitará instalar una extensión como Tampermonkey para instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Cómo instalar

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

Autor
Ameer-Jamal
Instalaciones diarias
0
Instalaciones totales
155
Calificaciones
0 0 0
Versión
2.2.88
Creado
16/08/2023
Actualizado
28/05/2025
Tamaño
54.7 KB
Licencia
CC BY-ND 4.0
Funciona en

FOR LATEST MOST UPDATED VERSION PLEASE USE STYLUS HERE:

https://userstyles.world/style/11408/chatgpt-material-dark

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

🌙 ChatGPT Material Dark

🔍 About this Theme:

Transform your ChatGPT experience with a sleek material dark theme. This theme provides a visually pleasing dark mode with improved readability, ensuring a more comfortable and immersive user experience during extended chat sessions.

🎨 Features:

  • A deep and consistent dark color scheme inspired by material design.
  • Better Code Syntax withen text
  • Border + Color separation in chat between AI and user to allow for easier to see differentiation of question and answer
  • Better Code Box!
    • VS Code Dark+ Code Background
    • FIRA CODE Font
    • Better letter spacing
    • Top Code Bar language highlight
    • Font smoothed/Antialiased (for low resolution displays)
    • Better horizontal scroll bar visibility
  • Clearer thicker scroll Bars for better navigation horizontally and vertically
  • Colored current chat and new chat buttons for easier navigation
  • Clearer hover effects
  • New aesthetic font for for chat history
  • Better Alert Colors
  • Enhanced chat bubbles and sidebar styling for better visibility.
  • Custom animations for smooth transitions and interactive elements.
  • Reduced visual noise by hiding redundant icons and elements.
  • Enhanced code sections with improved background and text contrast.
  • Smooth scrolling behavior for a seamless chat experience.
  • Integration with popular Google Fonts for enhanced readability.

📦 Installation:

Simply add this UserScript if you're using a supported browser extension like tamperMonkey Then Just navigate to chatGpt and refresh or if you rather use an extension like Stylus, You can check out the userStyle here: https://userstyles.world/style/11408/chatgpt-material-dark and navigate to ChatGPT to experience the transformation.

💡 Note: Compatible with DarkReader you can add contrast if wanted via DarkReader