feat: refactorer le système de couleurs des notes avec palette unifiée pour thème clair/sombre, ajout de support pour images de fond, amélioration du popup de palette avec grille responsive et accessibilité, et correction du z-index et overflow pour permettre l'affichage correct des popups

2026-02-16 13:01:44 -05:00
parent 1721032254
commit 8f937c016d
63 changed files with 1409 additions and 136 deletions
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-  <rect width="64" height="64" rx="12" fill="#2563eb"/>
-  <path d="M21 17h22a4 4 0 0 1 4 4v26a4 4 0 0 1-4 4H21a4 4 0 0 1-4-4V21a4 4 0 0 1 4-4Z" fill="#ffffff"/>
-  <circle cx="32" cy="32" r="7" fill="#2563eb"/>
-</svg>
@@ -0,0 +1,34 @@
+# Note backgrounds (Shaarli Pro)
+
+Ce dossier contient les images de fond utilisées par la palette des notes (`notebg-*`).
+
+## Fichiers attendus
+
+Le thème référence actuellement ces fichiers :
+
+- `bg-canyon.png`
+- `bg-leaves.png`
+- `bg-shore.png`
+- `bg-sunset.png`
+- `bg-planet.png`
+- `bg-crystal.png`
+- `bg-orchid.png`
+- `bg-lake.png`
+- `bg-ladder.png`
+- `bg-burst.png`
+
+## Formats recommandés
+
+- **SVG** (idéal pour motifs/illustrations légères)
+- **JPG / JPEG** (photos)
+- **PNG** (illustrations avec transparence)
+- **WEBP** (poids réduit, recommandé)
+
+## Conseils d'image
+
+- Ratio conseillé: **16:9** ou **4:3**
+- Taille conseillée: entre **1200x800** et **1920x1080**
+- Poids conseillé: **< 500 KB** par image pour garder l'interface fluide
+- Privilégier des visuels **peu chargés** pour conserver la lisibilité du texte
+
+Si vous remplacez une image, conservez le même nom de fichier pour qu'elle apparaisse automatiquement dans la palette.