← Все примеры

CSS Внешний вид bsky.app

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;
}

Как использовать этот пример

  1. Скопируй код кнопкой выше.
  2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
  3. Добавь новое правило, совпадающее с этой страницей.
  4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.

Оцени этот пример

Оценок пока нет — оцени первым.

Этот пример работает?

Сниппеты бесполезны, если их некуда вставить.

JustZix устанавливается за 2 минуты и запускает твой код на каждой подходящей странице. Без аккаунта, без оплаты.

Скачать бесплатно Смотреть применение