bsky pink by minnieo

/* ==UserStyle==
@name           bsky pink
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         minnie
==/UserStyle== */

@-moz-document domain("bsky.app") {
    
    :root {
        --background: #f9f1f7 !important;
        --text2:#15060f !important;
        --pink1: #efdbeb !important;
        --pink1-t: #efdbeb80 !important;
        --pink2: #773d61 !important;
        --pink3: #deb7d4 !important;
        --pink4: #f5e6f2 !important;
        --pink5: #d55396 !important;
        --pink6: #ac7798 !important;
    }
    
    * {
        background-color: var(--background) !important;
        color: var(--text2) !important;
    }
    
    svg path {
        fill: var(--pink2)!important;
    }
    
    svg, div:has(> svg), div:has(> button){
        background-color: transparent !important;
    }
    
    
    *:not([style*="border: none"]):not([style*="border-width: 0"]) {
    border-color: var(--pink3) !important; /* Change border color to white */
    }
        
    input, select {
        background-color: var(--pink1) !important;
        border: none !important;
    }
    
    /* left side action buttons and profile nav buttons */
    a[role="tab"] {
        margin-bottom: 5px !important;
        border: 1px solid var(--pink2) !important;
        background-color: #efdbeb !important;
    }
    
    [data-testid*="profilePager-selector-"] {
        margin-right: 5px !important;
        border: 1px solid var(--pink2) !important;
        background-color: #efdbeb !important;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    
    a[role="tab"] div,
    [data-testid*="profilePager-selector-"] > div[class="css-175oi2r r-oucylx r-opedn5 r-kzbkwu"],
    [data-testid*="profilePager-selector-"] > div[class="css-175oi2r r-opedn5 r-kzbkwu"],
    [data-testid*="profilePager-selector-"] > div[class="css-175oi2r r-opedn5 r-kzbkwu"] > div,
    [data-testid*="profilePager-selector-"] > div[class="css-175oi2r r-oucylx r-opedn5 r-kzbkwu"] > div{
        background-color: transparent !important;
    }
    
    /* page nav selector highlighted */
    
    [data-testid*="profilePager-selector-"]:has(> div[class="css-175oi2r r-opedn5 r-kzbkwu"]) {
        background-color: var(--pink3) !important;
        border: 2px solid var(--pink6) !important;
    } 
    
    
    button div.css-175oi2r.r-1dzdj1l.r-10ptun7.r-1janqcz {
        background-color: var(--pink2) !important;
    }
    
    div.r-13awgt0:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) {
        background-color: var(--pink1) !important;
    }

    [style*="opacity: 0.6"] {
        opacity: 0 !important;
    }
    

    button[aria-label="New post"] {
        background-color: var(--pink5) !important;
    }
    
    button[aria-label="New post"] div, button[aria-label="New post"] svg path {
        background-color: transparent !important;
        color: var(--pink1) !important;
        fill:  var(--pink1) !important;

    }

    .r-5laclt > div:nth-child(1) > svg:nth-child(1) > path {
        fill: background-color: var(--pink5) !important;
        background-color: transparent !important;
    }
    
    /* Uncovers profiles */
    div[style="padding-top: 0px;"][data-testid="postsFeed-flatlist"] > :first-child,
    [style*="linear-gradient"] * {
        background-color: #ffa50000 !important;
    }
    
    div.css-175oi2r[style="width: 90px; height: 90px;"],
    div[class="css-175oi2r r-1t68eob r-u8s1d r-1629w56"]:has(> div[aria-label*="social's avatar"]){
        background-color: transparent !important;
        box-shadow: 0px 0px 10px var(--pink1), 0px 0px 30px var(--pink1-t);
        border-radius: 50%;
    }
    
    /* starter pack */
    [style*="linear-gradient"] {
        background-image: linear-gradient(rgb(201, 144, 187), rgb(201, 116, 175)) !important;
    }

    /* remove color over videos */
    div[style="height: 100%; width: 100%;"] button {
        background-color: #00f0 !important;
    }
    
}