← Tous les exemples

Mastodon : mettre en avant les avertissements de contenu

Met en gras et en couleur les textes d'avertissement et le bouton de révélation.

Code à copier

/* Make content warning text more prominent */
.status__content__spoiler-link,
.status__content--with-spoiler .status__content__spoiler,
.status__content .p-summary {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}
.status__content__spoiler-link {
  background: #ffd966 !important;
  color: #2c1f00 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.