Bluesky : couleur d'accent personnalisée à la place du bleu
Remplace le bleu signature par la couleur définie dans --jz-bsk-accent pour les liens, boutons et icônes.
Code à copier
/* 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;
}Comment utiliser cet exemple
- Copiez le code avec le bouton ci-dessus.
- Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
- Ajoutez une nouvelle règle correspondant à cette page.
- Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.
Notez cet exemple
Aucune note — soyez le premier.