A custom-themed version of ChatGPT interface with a deep dark colors and an extended input field for a more comfortable and immersive user experience. The wide input area allows for easier text entry, making it perfect for extended conversations or more detailed prompts.
当前为
// ==UserScript==
// @name Darkest ChatGPT with a wide input field
// @namespace Violentmonkey Scripts
// @match *://chatgpt.com/*
// @grant none
// @version 1.0
// @author ShishKebab
// @license MIT
// @description A custom-themed version of ChatGPT interface with a deep dark colors and an extended input field for a more comfortable and immersive user experience. The wide input area allows for easier text entry, making it perfect for extended conversations or more detailed prompts.
// ==/UserScript==
(function() {
'use strict';
const style = document.createElement('style');
style.innerHTML = `
* { color: #FFF !important; text-shadow: none !important; }
body, .app, .chat-container, .conversation-container, .messages { background-color: #121212 !important; }
.input-area, .user-message, .bot-message { background-color: #333 !important; border-color: #444 !important; }
.message-input, .input-area input, .input-area textarea { background-color: #444 !important; color: #FFF !important; padding: 12px !important; font-size: 16px !important; border-radius: 8px !important; border: 1px solid #444 !important; width: 100% !important; }
.header, .footer, .sidebar, .nav-bar { background-color: #1C1C1C !important; }
a, a:visited, a:hover { color: #FFF !important; text-decoration: none !important; }
.button, .button:hover { background-color: #444 !important; border-color: #555 !important; color: #FFF !important; padding: 12px 20px !important; font-size: 14px !important; border-radius: 8px !important; }
.message-area .message-time { color: #FFF !important; }
.scrollbar { background-color: #333 !important; }
.mx-auto { max-width: 100% !important; width: auto !important; }
.h-full { height: 100% !important; }
.w-full { width: 100% !important; }
.group.relative.flex { padding: 10px 15px !important; font-size: 16px !important; }
.group.relative.flex svg { width: 28px !important; height: 28px !important; }
.h-[116px] { height: auto !important; }
`;
document.head.appendChild(style);
})();