Darkest ChatGPT with a wide input field

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.

安裝腳本 ?

發表問題、評論、或檢舉該腳本。

Wrap lines

// ==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);
})();

欢迎访问Greasy Fork镜像