Skip to content

bsky pink by minnieo

Screenshot of bsky pink
Write a review Install Get Stylus

Details

Authorminnieo

LicenseMIT

Categorybsky

Created

Updated

Size2.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

this is a work in progress, very quick and unfinished. i may never finish. they use randomly generated class names that have made CSS styling near impossible.

Notes

Userstyle doesn't have notes.

Source code

/* ==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;
        --pink2: #773d61 !important;
        --pink3: #deb7d4 !important;
        --pink4: #f5e6f2 !important;
        --pink5: #d55396 !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;
    }
    
    a[role="tab"]  {
        margin-bottom: 5px !important;
        border: 1px solid var(--pink2) !important;
        background-color: #efdbeb !important;
    }
    
    a[role="tab"] div {
        background-color: transparent !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;

    }

}

Reviews

No reviews yet.