ChatGPT Darker Mode

chatgpt.css

.md\:max-w-3xl {
    max-width: 70rem;
}

.xl\:max-w-3xl {
    max-width: 70rem;
}

.dark body, .dark html {
    background-color: #242424;
}

.dark .dark\:bg-\[\#444654\] {
    background-color: #242424;
}

.dark .dark\:bg-gray-800 {
    background-color: #1a1a1a;
}

.dark .dark\:bg-gray-800\/90 {
    background-color: #1a1a1a;
}

.dark .dark\:bg-gray-700 {
    background-color: #292929;
}

.dark .dark\:md\:bg-vert-dark-gradient {
    background-image: linear-gradient(180deg, #242424, #1a1a1a 58.85%);
}

.gizmo :is(.dark .gizmo\:dark\:bg-gray-800) {
    background-color: #292929;
}

.w-full.text-token-text-primary.border-b.border-black\/10.gizmo\:border-0.dark\:border-gray-900\/50.gizmo\:dark\:border-0.gizmo\:bg-transparent.dark\:bg-gray-800.gizmo\:dark\:bg-transparent {
    background-color: #1a1a1a;
}

.w-full.text-token-text-primary.border-b.border-black\/10.gizmo\:border-0.dark\:border-gray-900\/50.gizmo\:bg-transparent.gizmo\:dark\:bg-transparent {
    padding-top: 12px;
}

.dark .btn-neutral {
    background-color: #292929;
}

.dark .btn-neutral:hover {
    background-color: #323232;
}

.bg-gray-900 {
    background-color: #1e1e1e;
}

.bg-gray-800 {
    background-color: #303030;
}

.hover\:bg-gray-800:hover {
    background-color: #303030;
}

.hover\:bg-\[\#2A2B32\]:hover {
    background-color: #303030;
}

.bg-gradient-to-l {
    all: unset;
}


html {
    font-family: sans-serif !important;
    font-size: 16px !important;
}

code {
    font-family: monospace !important;
    font-size: 12px !important;
}