ourple tumble by aroacesigma

/* ==UserStyle==
@name           ourple tumble
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    painstakingly changes the tumblr accent colour if u use dashboard unfucker
@author         aroacesigma
==/UserStyle== */

@-moz-document url-prefix("https://www.tumblr.com/") {
    
    /* HELLO . NOTE . PLEASE READ THIS */
    
    /*
    
    This extension is meant to be used with DASHBOARD UNFUCKER . I have zero idea how it works without it.
    This extension was also exclusively made on a firefox browser. I have no idea how it works on another. 
    Good of a reason as any to switch to firefox god bless.
    This code is a mess. I do not remember half of what I did. I just changed everything individually because 
    I am a miserable failure at Javascript and I could not get my root colour changer to work so I just did 
    everything individually. Enjoy.
    
    FOLLOW THE INSTRUCTIONS TO CUSTOMISE IT BELOW
    */

    :root {
        --purp: #d685ff; /* CUSTOMISE THIS ONE FOR THE MAIN ACCENT COLOUR !!! */
        --clear: rgba(118, 0, 159, .15); /* i dont remember where i used this . dont change the .15 */
        --clear2: rgba(214, 133, 255, .35); /* i dont remember where i used this . dont change the .35 */
        --clear3: rgba(118, 0, 159, 0.39);
    }
    
    body, html{
        scrollbar-width: thin;
        scrollbar-color: var(--clear2) transparent;
    }
    
    div{
        scrollbar-width: thin;
        scrollbar-color: var(--clear2) transparent;
    }
    
    .CX_9D.qWqk3{
         background-color: var(--purp);
    }
    
    /* animations */
    @keyframes pulse{
        
        0%{
            transform: scale(1);
        }
        
        50%{
            transform: scale(1.5);
        }
        
        100%{
            transform: scale(1);
        }
    }

    
    /* DASHBOARD UNFUCKER CONSOLE */
    
    .infoHeader{
        background-color: var(--purp);
    }
    
    .iOButton{
        background-color: var(--purp);
    }
    
    .configInput:checked + label{
        background-color: var(--purp);
    }
    
    .configInput[type="range"]::-webkit-slider-runnable-track, .configInput[type="range"]::-moz-range-track{
        background-color: var(--purp);
    }
    
    .subConfigInput[type="radio"]:checked + label::after{
        background-color: var(--purp);
    }
    
    .subConfigInput[type="radio"] + label{
        border-color: var(--purp);
    }
    
    /* END UNFUCKER */

    .D5eCV {
        background-color: #09030c;
    }

    .WVvBo {
        background-color: #09030c;
    }

    .bZTy6 {
        background-color: #09030c;
    }

    ._3kR_ {
        background-color: #09030c;
    }

    .Ojie7 {
        background-color: #09030c;
    }

    .vli36 {
        background-color: #09030c;
    }

    .sSq2h .wl0Ka,
    .sSq2h.wl0Ka {
        color: var(--purp);
        box-shadow: inset 0px -2px 0px var(--purp);
    }
    
    

    .jpu7k {
        background: var(--purp);
    }

    .SERD7 {
        background-color: var(--purp);
    }

    .f68ED {
        color: var(--purp);
    }

    .I_SFh {
        color: var(--purp);
    }
    
    .EvhBA.tnoMg{
        color: var(--purp) !important;
    }
    
    .D2Wgl{
        color: var(--purp) !important;
    }
    
    .VPQeD.ESJX7.ZlHiL{
        color: var(--purp) !important;
    }
    
    .VPQeD.ESJX7.ZlHiL svg{
        --icon-color-primary: var(--purp) !important;
    }
    
    .BzZTO{
        background: var(--purp);
    }

    .twcne {
        color: var(--purp);
        border: 2px solid var(--purp);
    }

    .twcne:hover {
        background-color: var(--clear3);
        
    }

    .twcne svg {
        --icon-color-primary: var(--purp);
    }

    .fvSXi.ML6ef{
        background: var(--purp);
    }
    
    .jpu7k.jDcIV.SmqzX.D0OOd.XnKJk{
        background: var(--purp);
    }
    
    .lUKCu .SAqxs .BG5X8[aria-selected="true"]{
        color: var(--purp) !important;
        box-shadow: inset 0px -2px 0px var(--purp) !important;
    }

    ._3kR_ .xxqHJ {
        background: var(--purp);
    }

    .TRX6J button:active {
        background-color: var(--purp);
    }

    .DxQ0f .AzqQv svg {
        --icon-color-primary: var(--purp);
    }


    

    .GjGsN svg{
        background-color: var(--purp);
    }
    
    .GjGsN path{
        fill:  red !important;
    }
    
    .kyh7r .DBG9_{
        color: var(--purp);
    }
    
    .xved4{
        background-color: var(--purp);
    }
    
    
    
    .lYffY{
        color: var(--purp);
    }
    
    .AHkyw .g3qmO .Uyky3:nth-of-type(){
        display: none;
    }
    
    .twcne.F0J4T, .twcne.F0J4T:hover{
        background-color: var(--purp);
    }
    
    .v_1X3 svg[style]{
        --icon-color-primary: var(--purp) !important;
    }
    
    .TZgeO.Q9pIH{
        background-color: var(--clear);
    }
    
    .lUKCu .wt5vs .BG5X8[aria-selected="true"]{
        color: var(--purp);
        box-shadow: inset 0px -2px 0px var(--purp);
    }
    
    .u8J1W .hc4QI a{
        color: var(--purp);
    }
    
    .PmamQ button{
        color: var(--purp);
    }
    
    .m8mN_._qHCt a{
        color: var(--purp);
    }
    
    .Gdf0h ._eWg9 {
        border: 2px solid var(--purp);
        border-radius: 100%;
    }
    
    .buttons button{
        background-color: var(--purp) !important;
    }
    
    .TRX6J.CxLjL.qjTo7.IMvK3.B5hil:nth-of-type(2){
        background-color: var(--purp) !important;
    }
    
    /* that annoying checkbox */
    .UZrDG.U_rPn{
        background-color: var(--purp) !important;
    }
    
    .UZrDG::before{
        background-color: grey;
    }
    
    .Bs6U3.Ld5wO .UZrDG.U_rPn::before{
        background: rgb(30,30,30);
    }
    
    /* end checkbox */
    
    .oDBam .wp-block.block-editor-block-list__block.is-selected{
        box-shadow: 0 0 5px var(--purp);
    }

    .tSe6h:hover .GjGsN{
        --icon-color-primary: var(--purp) !important;

    }
    
    /* dashboard unfucker */
    .configInput{
        accent-color: var(--purp);
    }
    
    /* filter */
    
    .tKBLd{
        color: var(--purp);
        
    }
    
    .tKBLd svg{
        --icon-color-primary: var(--purp) !important;
    }
    
    input:checked + .uNugm {
      border-color: var(--purp);
      background: var(--purp);
    }
    
    .WdYx4{
        background-color: var(--purp);
    }
    
    .CCtDO{
        background-color: var(--purp);
    }
    
    .As9E4.zEhTP{
        border: 1px solid var(--purp);
    }
    
    .Qq2qn{
        color: var(--purp);
        
    }
    
    .Qq2qn svg{
        --icon-color-primary: var(--purp) !important;
    }
    
    .kCzoF{
        border: none;
        padding: 0.5em 0px;
    }

    /* fancy links */
    
    /* activity bubble 
    .ErOUd{
        background-color: #befebe;
        box-shadow: 0 0 3px #0f0;
    }
    
    .ErOUd:hover{
        animation: 2s ease-in alternate infinite pulse;
    }*/
    

    /* errors */
    
    .So6RQ .YSitt{
        position: relative;
    }
    
    /* POLL STUFF */
    
    .VVJno{
        color: var(--purp);
    }
    
    .GhhyY.SHz7w{
        border-color: var(--purp);
    }
    
    .GhhyY.SHz7w:hover{
        background-color:var(--purp);
    }
}