Bluesky: własny kolor akcentu zamiast niebieskiego
Zmienia firmowy niebieski na kolor wybrany w zmiennej --jz-bsk-accent — linki, przyciski i ikony zyskują nową barwę.
Kod do skopiowania
/* Replace the default Bluesky blue accent with a custom color */
:root { --jz-bsk-accent: #b14fdb; }
a[role="link"][href^="/profile/"],
a[href^="/profile/"]:not([data-testid="composeButton"]),
[data-testid="postsFeedItem"] a[href*="bsky.app"],
button[aria-label*="Follow" i],
[data-testid="composeButton"] {
color: var(--jz-bsk-accent) !important;
}
[data-testid="composeButton"] {
background-color: var(--jz-bsk-accent) !important;
color: #fff !important;
}
button[aria-pressed="true"] svg[fill="#0085ff"],
svg[fill="#0085ff"], svg[fill="#0070ff"] {
fill: var(--jz-bsk-accent) !important;
}Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.