← Tutti gli esempi

CSS Aspetto mastodon.social

Mastodon: colore accento arancione caldo

Sostituisce l'indaco predefinito con un arancione caldo in link, pulsanti e tab attivi.

Codice da copiare

/* Replace default indigo accent with a warm orange */
:root {
  --color-accent: #ff7a18;
}
.button,
.button.button-primary,
.column-link--transparent.active,
.icon-button.active {
  color: #ff7a18 !important;
}
.button.button-primary {
  background: #ff7a18 !important;
  border-color: #ff7a18 !important;
  color: #fff !important;
}
a {
  color: #ff7a18 !important;
}
.column-header.active .column-header__icon {
  color: #ff7a18 !important;
}

Come usare questo esempio

  1. Copia il codice con il pulsante qui sopra.
  2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
  3. Aggiungi una nuova regola corrispondente a quella pagina.
  4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.

Valuta questo esempio

Nessuna valutazione — sii il primo.

Questo esempio funziona?

Gli snippet sono inutili senza un posto dove incollarli.

JustZix si installa in 2 minuti ed esegue il tuo codice su ogni pagina corrispondente. Senza account, senza pagamento.

Scarica gratis Guarda i casi d'uso