Personnalisation visuelle

Trois couleurs principales, un logo, et c'est tout — Palladium est volontairement minimaliste pour rester lisible et accessible.

Couleurs

  • Fond de la bannière — couleur de la modale.
  • Texte — titre, description, libellés des catégories.
  • Bouton accepter — couleur de fond du bouton primaire. Le texte du bouton est ajusté automatiquement (noir ou blanc) selon la luminosité de votre couleur, pour garantir un ratio WCAG AA.
Auto-contraste : si votre couleur de bouton est trop claire, Palladium bascule le label en noir. Vous voyez ce comportement en direct dans l'éditeur, à droite de chaque champ couleur (badge AA / Fail).

Logo

Deux options :

  • Coller une URL hébergée sur votre CDN (idéal en production).
  • Téléverser un fichier — converti en data:image/...;base64,... et stocké dans la base. Limité à 200 Ko.

Formats acceptés : PNG, JPG, SVG, WebP. Le logo est rendu en max-height:36px / max-width:140px dans la bannière.

Pousser plus loin

Pour des modifications avancées (structure HTML, animations, polices), forkez palladium.js et hébergez-le sous votre domaine. La structure du fichier est documentée en commentaires en haut du script.