☰

Greasy Fork is available in English.

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.

21.04.2025 itibariyledir. En son verisyonu görün.

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