Bluesky: color de acento personalizado en lugar del azul
Sustituye el azul característico por el color definido en --jz-bsk-accent para enlaces, botones e iconos.
Código para copiar
/* 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;
}Cómo usar este ejemplo
- Copia el código con el botón de arriba.
- Instala JustZix (2 minutos) y abre la extensión en la página de destino.
- Añade una nueva regla que coincida con esa página.
- Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.
Valora este ejemplo
Sin valoraciones — sé el primero.