☰

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.

چۆنیەتی دابەزاندن

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

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

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

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

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

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

چۆنیەتی دابەزاندن

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

نووسەر
Ameer-Jamal
Daily installs
0
Total installs
155
Ratings
0 0 0
وەشان
2.2.88
Created
2023-08-16
Updated
2025-05-28
Size
54.7 KB
مۆڵەت
CC BY-ND 4.0
Applies to

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