Design grok violet by Aurekin

/* ==UserStyle==
@name           Grok violet style
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Style for grok website
@author         Aurélien Bessonnet
==/UserStyle== */
@-moz-document domain("grok.com") {
     body {
        background-color: #bd7ef8 !important; 
    }
    
    .message-bubble {
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        color: #66320f;
        background-color: #ffeb7f91;
        padding: 25px !important;
    }
    
    p.break-words {
        font-family: "Merriweather", serif;
        color: #242423 !important;
    }
    
    .query-bar {
        background-color: #bfb93d91;
        color: #3c2247;
    }
    
    .\@container\/preview p.break-words {
        color: #d5d5a6 !important;
    }
    
    .break-words strong {
        color: #242423
    }
    
    .break-words li {
        color: #242423
    }

    .break-words a {
        color: #9020ac !important;
    }
    .action-buttons {
        opacity: 0.3 !important; 
        background-color: #705f1c;
        
    }
    .action-buttons button {
        color: #050402;
    }
    span.text-secondary {
        color: #fff;   
    }
    
    .flex.items-center.bg-background {
        background-color: transparent !important; 
    }

    svg.text-primary {
        opacity: 1 !important; 
    }
    .bg-gradient-to-t, 
    .bg-gradient-to-b {
        background: none !important;  
    }
    .overflow-visible .bg-gradient-to-t {
        background: linear-gradient(to top, #ffffffa8, transparent) !important;
    }

    .overflow-visible .bg-gradient-to-b {
        background: linear-gradient(to bottom, #ffffffa8, transparent) !important;
    }
    
    /* code */
    .dark\:text-dawn:is(.dark *){
        color: #62742ec4;
        font-weight: 600;
    }
    
    .dark\:text-orange-200:is(.dark *){
        color: #aa7715;
    }

    /* Pour améliorer l'espacement des éléments à l'intérieur */
    textarea.text-primary.px-2{
        color: #403d38 !important;
    }
    .text-secondary {
        color: black;
    }
    .text-xs {
        color: #d8bee5; 
    }
    .text-primary.text-xs {
        color: #f1efff;
    }
    
    svg.lucide, svg.text-secondary {
        color: #d5b83f !important;
    }
    

    /* Effet au survol */
    .bg-background.rounded-t-\[40px\] {
        background: linear-gradient(135deg, rgba(255, 238, 130, .94), rgba(255, 229, 60, .71), rgba(255, 220, 150, 0.85));
    }
    
    [class*="group/"] svg {
      color: #ffe669;
    }

    .dark {
      --fg-secondary: #d1ae47 !important;
    }
}