SandGPT by o-s-warren

/* ==UserStyle==
@name           SandGPT
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A sand GPT userstyle
@author         oswarren
==/UserStyle== */
@-moz-document url-prefix("https://chatgpt.com/") {
    :root {
        --white: #fff;
        /* Keeping white as is */
        --black: #000;
        /* Keeping black as is */
        --gray-50: #fefaf1;
        /* Lightest sandy tone */
        --gray-100: #fdf5e6;
        /* Very light sandy tone */
        --gray-200: #faf0e4;
        /* Light sandy tone */
        --gray-300: #f7e9d7;
        /* Sandy tone */
        --gray-400: #082540;
        /* Light sandy tone */
        --gray-500: #082540;
        /* Medium sandy tone */
        --gray-600: #f1d7bc;
        /* Darker sandy tone */
        --gray-700: #efd1b3;
        /* Dark sandy tone */
        --gray-750: #ebc8a5;
        /* Darker sandy tone */
        --gray-800: #e8c098;
        /* Darker sandy tone */
        --gray-900: #e4b88b;
        /* Darkest sandy tone */
        --gray-950: #e1b07e;
        /* Very dark sandy tone */
        --red-500: #f4a1a1;
        /* Sandy red */
        --red-700: #e57373;
        /* Darker sandy red */
        --brand-purple: #e0c0c0;
        /* Sandy purple */
    }

    .dark {
        --text-primary: #1c3d5a;
        /* Dark blue */
        --text-secondary: #143d59;
        /* Darker blue */
        --text-tertiary: #0b3d6e;
        /* Darker blue */
        --text-quaternary: #082540;
        /* Darkest blue */
        --text-error: #f4a1a1;
        /* Sandy red */
        --border-light: #fdf5e6;
        /* Light sandy border */
        --border-medium: #faf0e4;
        /* Medium sandy border */
        --border-heavy: #f7e9d7;
        /* Heavy sandy border */
        --border-xheavy: #f5e3ce;
        /* Extra heavy sandy border */
        --main-surface-primary: #e8c098;
        /* Darker sandy tone */
        --main-surface-secondary: #ebc8a5;
        /* Darker sandy tone */
        --main-surface-tertiary: #efd1b3;
        /* Dark sandy tone */
        --sidebar-surface-primary: #e4b88b;
        /* Darkest sandy tone */
        --sidebar-surface-secondary: #e8c098;
        /* Darker sandy tone */
        --sidebar-surface-tertiary: #ebc8a5;
        /* Darker sandy tone */
        --link: #000080;
        /* Dark blue for links */
        --link-hover: #00008b;
        /* Darker blue for link hover */
    }

    .bg-gray-950 {
        --tw-bg-opacity: 1;
        background-color: #e1b07e;
    }

    .dark .dark\:bg-token-main-surface-secondary {
        background-color: var(--sidebar-surface-primary);
    }

    .dark .dark\:text-gray-500 {
        --tw-text-opacity: 1;
        color: #fefaf1;
    }

    .dark .dark\:text-white {
        --tw-text-opacity: 1;
        color: rgb(20, 61, 89);
    }

    input::placeholder,
    textarea::placeholder {
        color: #efd1b3;
        opacity: 1;
    }

    .disabled\:dark\:bg-token-text-quaternary:is(.dark *):disabled {
        background-color: var(--gray-800);
    }

    /* Target the SVG directly using its class */
    .icon-2xl {
        fill: #e8c098;
        /* Change the fill color to sandy tone */
        width: 32px;
        /* Adjust the width if necessary */
        height: 32px;
        /* Adjust the height if necessary */
    }

    /* You can also target the path within the SVG */
    .icon-2xl path {
        fill: #e8c098;
        /* Change the fill color to sandy tone */
    }

    /* Scrollbar for WebKit browsers (Chrome, Safari) */
    ::-webkit-scrollbar {
        width: 12px;
        /* Adjust the width as needed */
    }

    ::-webkit-scrollbar-track {
        background: transparent;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #ebc8a5;
        /* Darker sandy tone */
        border-radius: 20px;
        /* Rounded edges */
        border: 3px solid transparent;
        /* Adds space around thumb */
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #e8c098;
        /* Darker sandy tone */
    }

    /* Scrollbar for Firefox */
    html {
        scrollbar-width: thin;
        scrollbar-color: #ebc8a5 transparent;
    }

    /* Scrollbar for Edge, IE */
    * {
        scrollbar-width: thin;
        scrollbar-color: #ebc8a5 transparent;
    }

    body {
        scrollbar-width: thin;
        scrollbar-color: #ebc8a5 transparent;
    }
    
    .dark .dark\:bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(8, 37, 64);
}
    
    .group.flex.gap-2.p-2\.5.text-sm.cursor-pointer.focus\:ring-0.radix-disabled\:pointer-events-none.radix-disabled\:opacity-50.items-center.hover\:bg-token-sidebar-surface-secondary.m-0.rounded-lg.px-2 {
  display: none;
}
}