Bluesky：用自定义强调色替换蓝色
将标志性蓝色替换为 --jz-bsk-accent 中定义的颜色，应用于链接、按钮和图标。
可复制的代码
/* 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;
}如何使用此示例
- 用上方按钮复制代码。
- 安装 JustZix（2 分钟），在目标页面打开扩展。
- 添加一条匹配该页面的新规则。
- 将代码粘贴到规则的 CSS 面板并保存 — 效果立即生效。
为此示例评分
暂无评分 — 成为第一个。