ChatGPT- Nunito Theme by Ley

/* ==UserStyle==
@name       ChatGPT- Nunito Theme
@version    20250408.09.30
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://chat.openai.com/") {
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');

body {
    font-family: 'Nunito', sans-serif !important;
    background-color: #f9fafb !important; /* ultra-light gray */
    color: #1f2937 !important; /* neutral dark gray */
}

header, nav, footer, .sidebar, .top-bar, .chat-sidebar {
    background-color: #ffffff !important; /* pure white */
    border: none !important;
    box-shadow: none !important;
}

textarea, input, .chat-input, .message-box {
    background-color: #ffffff !important;
    color: #1f2937 !important;
    border: 1px solid #e5e7eb !important; /* subtle border */
    border-radius: 8px !important;
}

.message {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 1rem !important;
    margin-bottom: 1rem;
    border: 1px solid #e5e7eb !important;
}

.message.user {
    background-color: #f3f4f6 !important; /* slight contrast */
}

.message.assistant {
    background-color: #ffffff !important;
}

a {
    color: #2563eb !important; /* soft blue links */
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

button {
    font-family: 'Nunito', sans-serif !important;
    background-color: #e0e7ff !important;
    border-radius: 8px !important;
    color: #1e3a8a !important;
    border: none;
    padding: 0.5rem 1rem;
    transition: background-color 0.2s ease;
}

button:hover {
    background-color: #c7d2fe !important;
}

}