pdsls.dev by DrearyWillow

/* ==UserStyle==
@name           pdsls.dev
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("pdsls.dev") {
    
    :root {
        --theme-pink: #e54980; 
        --light-pink: #f891c1;
        --darkish-pink: #5C0048;
        --dark-pink: #24001F;
        --background-color: #0B0C0D;
        --button-color: #2C2C2C;
        --dark-bg: rgb(24 24 24);
        --real-black: rgb(0,0,0);
        --darkreader-selection-background: #e54980 !important;
    }
    
    ::selection {
        background-color: rgba(229, 73, 128, 0.5);
        color: inherit !important;
    }
    
    
    
    .dark\:text-cyan-500 span, .text-orange-400 {
    color: var(--theme-pink) !important;
    }
    
    .text-stone-700, .text-stone-700 a, .text-lightblue-500 {
    color: var(--light-pink) !important;
    }
    
    .ring-gray-300 {
    background-color: var(--darkish-pink)
    color: var(--darkish-pink)
    box-shadow: var(--darkish-pink)
    }
    button[type="submit"], input[id="input"] {
    background-color: var(--real-black) !important;
    }
    .focus\:ring-gray-300:focus {
        --un-ring-color: var(--light-pink)
    }
    
    [fill="currentColor"] {
        fill: var(--light-pink)
    }
    [stroke="currentColor"] > path {
        stroke: var(--light-pink)
    }
    [stroke="currentColor"] > path {
    stroke: var(--light-pink)
    }
    path[stroke="none"] {
    stroke: none;
    }
    .text-xl {
    color: var(--light-pink)
    }
    
    .bg-slate-100 {
    background-color: var(--real-black) !important
    }
    
    .text-sm, a, [class="mx-1.5"] {
    color: white
    }
    
    
    /*
    
    .text-blue-500, .text-lightblue-500, .text-emerald-600, pre.text-emerald-600, pre.text-emerald-600 > a, .text-red-600{
    color: var(--light-pink) !important;
    }
    
    .text-yellow-700, .text-yellow-700 div, .text-amber-600, .text-amber-600 div, .text-orange-400, .text-amber-600 span {
    color: var(--theme-pink)
    }
    
    input[class="dark:bg-dark-100 rounded-lg border border-gray-400 px-2 py-1 focus:outline-none focus:ring-2 focus:ring-gray-300"] {
    background-color: var(--button-color) !important;
    }
    .dark\:bg-dark-800 {
    background-color: var(--button-color) !important;
    }
    
    .text-lightblue-500 {
    color: var(--light-pink)
    }
    
    .text-yellow-700 {
    color: var(--theme-pink)
    }
    
    .text-emerald-600 {
    color: var(--light-pink)
    }
    
    pre.text-emerald-600 > a {
    color: var(--light-pink)
    }
    
    pre.text-emerald-600 {
    color: var(--light-pink)
    }
    
    pre[class="text-emerald-600 dark:text-emerald-400"] {
    color: var(--light-pink) !important;
    }
    
    .text-red-600 {
    color: var(--light-pink)
    }
    
    .text-gray-300 {
    color: var(--darkish-pink)
    }
    
    .bg-dark-100 {
    background-color: var(--dark-bg)
    }
    */
}