☰

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.

Verze ze dne 02. 01. 2025. Zobrazit nejnovější verzi.

// ==UserScript==
// @name        Darkest ChatGPT with a wide input field
// @namespace   Violentmonkey Scripts
// @match       *://chatgpt.com/*
// @grant       none
// @version     1.0
// @author      Kenseori
// @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);
})();