Retro ChatGPT Theme (Win95/XP) by mason20121981

/* ==UserStyle==
@name         Retro ChatGPT Theme (Win95/XP)
@version      20240307.02.00
@namespace    userstyles.world/user/mason20121981
@description  Turns ChatGPT into a retro Windows 95/XP experience with gray UI and pixelated buttons.
@author       mason20121981
@license      No License
==/UserStyle== */

@-moz-document domain("chatgpt.com") {
    /* Global styles */
    body {
        background: #c0c0c0 !important;
        color: black !important;
        font-family: 'MS Sans Serif', Tahoma, sans-serif !important;
    }

    /* Header */
    header {
        background: #bfbfbf !important;
        border-bottom: 2px solid #808080 !important;
        font-weight: bold !important;
    }

    /* Sidebar */
    nav {
        background: #bfbfbf !important;
        border-right: 2px solid #808080 !important;
    }

    /* Chat Area */
    .chat-container {
        background: #c0c0c0 !important;
    }

    /* Chat Bubbles */
    .chat-bubble {
        background: #dfdfdf !important;
        border: 2px solid #808080 !important;
        padding: 10px !important;
        margin-bottom: 10px !important;
        font-size: 14px !important;
        box-shadow: inset 2px 2px 0px #ffffff, inset -2px -2px 0px #808080 !important;
    }

    /* User Messages */
    .user-message {
        background: #e0e0e0 !important;
        border: 2px solid #808080 !important;
        color: black !important;
    }

    /* Input Box */
    .chat-input {
        background: #ffffff !important;
        border: 2px solid #808080 !important;
        padding: 5px !important;
        font-family: 'MS Sans Serif', Tahoma, sans-serif !important;
    }

    /* Buttons */
    button {
        background: #dcdcdc !important;
        color: black !important;
        border: 2px solid #808080 !important;
        font-family: 'MS Sans Serif', Tahoma, sans-serif !important;
        padding: 4px 8px !important;
        cursor: pointer !important;
        box-shadow: inset 2px 2px 0px #ffffff, inset -2px -2px 0px #808080 !important;
    }

    button:hover {
        background: #e0e0e0 !important;
    }

    button:active {
        box-shadow: inset -2px -2px 0px #ffffff, inset 2px 2px 0px #808080 !important;
    }

    /* Scrollbar */
    ::-webkit-scrollbar {
        width: 14px;
    }

    ::-webkit-scrollbar-thumb {
        background: #a0a0a0 !important;
        border: 2px solid #808080 !important;
    }

    ::-webkit-scrollbar-track {
        background: #c0c0c0 !important;
        border-left: 2px solid #808080 !important;
    }
}