Arc boost for Bluesky

bluesky.css

*[aria-label="Compose\ post"] {
    background-color: var(--arc-palette-foregroundPrimary) !important;
    > div, > div > svg {
        color: var(--arc-palette-backgroundExtra) !important;
    }
}

[style*="background-color: rgb(0, 0, 0)"],
/* Bar at bottom, mobile */
#root>div>div>.css-175oi2r {
    background: var(--arc-palette-background) !important;
}

[data-testid="composeFAB"]>div {
    background-image: linear-gradient(2.35619rad, var(--arc-background-gradient-overlay-color0), var(--arc-background-gradient-overlay-color1)) !important;
    background-size: 200%;
    background-position: center;
    background-color: var(--arc-palette-foregroundSecondary) !important;
    overflow: hidden;
    cursor: pointer;
    &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: var(--arc-palette-foregroundSecondary);
        opacity: .8;
        z-index: -2;
        pointer-events: none;
    }
    &::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: var(--arc-palette-foregroundPrimary);
        opacity: 0;
        z-index: -1;
        pointer-events: none;
        transition: opacity 0.1s;
    }
    &:hover::after {
        opacity: 1.4;
    }
}
[fill="#0070ff"] {
    fill: var(--arc-palette-cutoutColor) !important;
}

[style*="color: rgb(0, 133, 255)"] {
    color: var(--arc-palette-foregroundSecondary) !important;
}
[style*="border-bottom-color: rgb(0, 133, 255)"] {
    border-bottom-color: var(--arc-palette-foregroundTertiary) !important;
}
[fill="#0085ff"] {
    fill: var(--arc-palette-foregroundSecondary) !important;
}
[stroke="#0085ff"],[style*="stroke: rgb(25, 118, 210)"] {
    stroke: var(--arc-palette-foregroundSecondary) !important;
}

[data-testid="composerPublishBtn"]>div {
    background-image: none !important;
    background-color: var(--arc-palette-foregroundSecondary) !important;
    > div {
        color: var(--arc-palette-background) !important;
    }
}


.css-175oi2r.r-ipm5af.r-mhe3cw,
.css-175oi2r:has([data-testid="homeScreenFeedTabs"]) {
    backdrop-filter: blur(5px);
}

.css-175oi2r.r-ipm5af.r-mhe3cw div[style*="background-color: rgb(0, 0, 0)"],
.css-175oi2r:has([data-testid="homeScreenFeedTabs"]),
[data-testid="followingFeedPage"]>div[role="button"] {
    background-color: transparent !important;
    &::before {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: var(--arc-palette-background) !important;
        opacity: 0.9;
        z-index: -1;
    }
}

.css-175oi2r:has([data-testid="homeScreenFeedTabs"])>div {
    background-color: transparent !important;
}

.css-175oi2r.r-ipm5af.r-mhe3cw .r-1kfrs79 {
    line-height: 2 !important;
}

[style*="background-color: rgb(38, 39, 45)"] {
    background-color: var(--arc-palette-cutoutColor) !important;
}

[data-testid="followingFeedPage"]>div[role="button"] {
    backdrop-filter: blur(8px);
    overflow: hidden;
    text-shadow: 0 0 2px var(--arc-palette-background), 0 0 4px var(--arc-palette-background), 0 0 20px var(--arc-palette-background);
    &::before {
        opacity: 0.7 !important;
    }
    &::after {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: var(--arc-palette-title) !important;
        opacity: 0.2;
        z-index: -2;
    }
    
}