Skip to content

Change Bluesky Accent Colour by FluffyPuppyKasey

Screenshot of Change Bluesky Accent Colour

Details

AuthorFluffyPuppyKasey

LicenseGNU GPLv3

Categorybsky.social

Created

Updated

Size2.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Lets you change the background and accent colours on Bluesky

Notes

Known issues: Button to scroll up is somehow broken, underlines still blue

Source code

/* ==UserStyle==
@name           Change Accent Colour
@namespace      github.com/openstyles/stylus
@version        1.0.2
@description    Customisable accent and background colours for Bluesky
@author         fluffypuppykasey.bsky.social
@preprocessor   less
@var color accentColour "Accent Colour" #000000
@var color backgroundColour "Background Colour" #000000aa
@var range blur "Blur" ['em', 2.0, 0.5, 4.0, 0.1]
@var range saturation "Blured Elements Saturation" ['%', 150, 0, 300, 1.0]
@var range contrast "Blured Elements Contrast" ['%', 125, 0, 300, 1.0]
==/UserStyle== */
@-moz-document domain("bsky.app") {

    @accent-colour: @accentColour;
    @background-colour: @backgroundColour;

    :root {
        --rc-focus-color: @accentColour;
    }

    [style*="background-color: rgb(0, 0, 0);"] {
        background-color: @background-colour !important;
        backdrop-filter: blur(@blur) saturate(@saturation) contrast(@contrast);
    }

    [fill="hsl(211, 99%, 53%)"] {
        fill: @accent-colour !important;
    }

    [aria-label^="Follow "],
    [aria-label="Compose post"],
    [aria-label="Confirm"],
    [aria-label="Publish post"] div,
    [aria-label="Save alt text"] div,
    [style*="background-color: rgb(90, 113, 250)"],
    [style*="background-color: rgb(0, 133, 255);"],
    [style*="background-color: rgb(16, 131, 254);"] {
        background-color: @accent-colour !important;
        background-image: none !important;
    }

    [style*="color: rgb(16, 131, 254);"],
    [style*="color: rgb(0, 133, 255);"],
    [style*="color: rgb(90, 113, 250);"] {
        color: @accent-colour !important;
    }

    [style*="border-color: rgb(16, 131, 254);"],
    [style*="border-color: rgb(46, 63, 81);"] {
        border-color: @accent-colour !important;
    }

    [style*="background-color: rgb(1, 84, 173);"] {
        background-color: darken(@accent-colour, 5%) !important;
    }

    [style*="background-color: rgb(0, 44, 91);"] {
        background-color: darken(@accent-colour, 65%)!important;
    }

    [style*="background-color: rgb(52, 150, 254)"] {
        background-color: lighten(@accent-colour, 5%) !important;
    }

    [style*="color: rgb(52, 150, 254)"] {
        color: lighten(@accent-colour, 5%) !important;
    }

    [style*="background-color: rgb(1, 64, 132)"] {
        background-color: darken(@accent-colour, 33%) !important;
    }

    .r-wzwllv {
        background-color: @accent-colour !important;
    }
    

    [aria-label*="unread items"] {
        color: rgb(241, 243, 245) !important;
    }
}

Reviews

No reviews yet.