ChatGpt Material Dark With Wide Mode and Customization

Ameer-Jamal
2023-08-16T15:03:01Z

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

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