← Tous les exemples

Trello : étiquettes adaptées au daltonisme

Ajoute un motif rayé diagonal aux étiquettes, distinguables quelle que soit la couleur.

Code à copier

/* Colour-blind-friendly stripe pattern on card labels */
.card-label,
[data-testid="card-label"] {
  background-image: repeating-linear-gradient(
    45deg,
    rgba(0,0,0,0.28) 0,
    rgba(0,0,0,0.28) 3px,
    transparent 3px,
    transparent 7px
  ) !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.