☰

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.

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

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

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
Ameer-Jamal
今日安裝
0
安裝總數
154
評價
0 0 0
版本
2.2.88
建立日期
2023-08-16
更新日期
2025-05-28
尺寸
54.7 KB
授權條款
CC BY-ND 4.0
腳本執行於

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