ChatGPT Blurple by FusionX

/* ==UserStyle==
@name         Blurple Chat GPT
@version      20241121.20.21
@namespace    https://userstyles.world/user/FearedFusionX
@description  Blurple Chat GPT for your needs...
@author       FearedFusionX
==/UserStyle== */
@-moz-document domain("chatgpt.com") {
    @import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

    /* Better ChatGPT */
    main article > div > div {
        max-width: max(40rem, 90%) !important;
    }
    div.flex.items-center.text-token-text-secondary.bg-token-main-surface-secondary.px-4.py-2.text-xs.font-sans.justify-between.rounded-t-md.h-9 {
        background-image: linear-gradient(to right bottom, #09244e, #152b55, #1f325b, #283962, #314169);
        color: whitesmoke;
        text-transform: uppercase;
        font-weight: 900;
        font-style: italic;
        border-style: solid;
        border-bottom-width: 2px;
        border-color: rgba(255, 255, 255, 0.4);
    }


    main {
        background-image: linear-gradient( 60deg,
        hsl(240deg 55% 18%) 0%,
        hsl(239deg 57% 17%) 17%,
        hsl(238deg 58% 16%) 25%,
        hsl(237deg 60% 15%) 31%,
        hsl(237deg 62% 13%) 37%,
        hsl(236deg 64% 12%) 42%,
        hsl(235deg 66% 11%) 47%,
        hsl(234deg 67% 10%) 53%,
        hsl(233deg 69% 9%) 58%,
        hsl(232deg 71% 8%) 63%,
        hsl(231deg 73% 7%) 69%,
        hsl(230deg 76% 6%) 75%,
        hsl(230deg 78% 5%) 83%,
        hsl(229deg 80% 4%) 100%);
    }
    div.group.relative.flex.w-full.items-center > div {
        background-color: rgba(0, 0, 0, 0.2);
    }

    div.draggable.no-draggable-children.sticky.top-0.p-3 {
        background-color: rgba(0, 6, 30, 0.55);
    }




    a.group.flex.gap-2 {
        display: none;
    }

    div.dark.bg-gray-950.contain-inline-size.rounded-md {
        background-color: rgba(0, 0, 0, 0.4);
        border-width: 3px;
        border-radius: 10px;
    }

    div.flex.items-center.rounded.bg-token-main-surface-secondary.px-2.font-sans.text-xs.text-token-text-secondary {
        background-image: linear-gradient(to right bottom, #09244e, #152b55, #1f325b, #283962, #314169);
    }

    div.flex.w-full.flex-col.gap-1 > div {
        background-color: rgba(0, 0, 0, 0.4);
    }

    div.markdown.prose.w-full.break-words.dark {
        background-color: rgba(0, 0, 0, 0);
    }

    div {
        font-family: Montserrat;
    }

    div p > code {
        background-color: rgba(0, 0, 0, 0.4);
    }

    li strong > code {
        background-color: rgba(0, 0, 0, 0.4);
    }

    ol li > code {
        background-color: rgba(0, 0, 0, 0.4);
    }

    div.items-center.justify-start.rounded-xl.p-1.z-10.-mt-1.bg-token-main-surface-primary {
        background-color: rgba(0, 0, 0, 0.4);
    }

    div.relative.w-full.px-2.py-2.text-center.text-xs.text-token-text-secondary {
        visibility: hidden;
    }

    div.relative.w-full.px-2.py-2.text-center.text-xs.text-token-text-secondary::before {
        visibility: visible;
        content: "Ask away, I'm not going to satisfy you.";
    }

    ul li > code {
        background-color: rgba(0, 0, 0, 0.4);
    }

    div h3 > code {
        background-color: rgba(0, 0, 0, 0.4);
    }

    div.rounded-3xl.bg-token-main-surface-tertiary {
        background-color: rgba(0, 0, 0, 0.4);
    }



    div.z-50.max-w-xs.rounded-2xl.popover.bg-token-main-surface-primary {
        background-color: rgba(0, 0, 0, 0.95);
    }

    p.placeholder {
        visibility: visible;
    }

    p.placeholder::after {
        visibility: visible;
        content: "Message the AI on crack";
    }

    div.draggable.sticky.top-0.z-10.flex {
        background-color: rgba(0, 6, 30, 0.55);
    }
}