← Tous les exemples

Claude : mettre en évidence vos messages

Ajoute un fond teinté et une barre d'accent à vos messages pour les distinguer des réponses de Claude.

Code à copier

/* Make your messages clearly distinct from Claude's replies */
[data-testid="user-message"] {
  background: rgba(217,119,87,0.12) !important;
  border-left: 3px solid #d97757 !important;
  border-radius: 12px !important;
  padding: 10px 14px !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.