amélioration de l'affichage de l'éditeur

assets/css/editor.css

@@ -219,9 +219,40 @@
 }
 
 /* Style des icônes dans la barre d'outils */
-.ql-snow .ql-toolbar button svg {
+.ql-toolbar.ql-snow {
-    width: 18px;
+    background: var(--bg-secondary);
-    height: 18px;
+    border-color: var(--border-color);
+    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
+    padding: var(--spacing-sm);
+    display: flex;
+    flex-wrap: wrap;
+    gap: 5px;
+}
+
+/* États au survol des boutons */
+.ql-toolbar.ql-snow button:hover {
+    color: var(--accent-primary) !important;
+}
+
+.ql-toolbar.ql-snow button:hover svg {
+    stroke: var(--accent-primary) !important;
+}
+
+.ql-toolbar.ql-snow button:hover .ql-stroke {
+    stroke: var(--accent-primary) !important;
+}
+
+.ql-toolbar.ql-snow button:hover .ql-fill {
+    fill: var(--accent-primary) !important;
+}
+
+/* Style des pickers (menus déroulants) */
+.ql-toolbar.ql-snow .ql-picker-label:hover {
+    color: var(--accent-primary) !important;
+}
+
+.ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke {
+    stroke: var(--accent-primary) !important;
 }
 
 /* Style du séparateur dans l'éditeur */
@@ -237,15 +268,26 @@
     opacity: 0.8;
 }
 
-/* États au survol des boutons */
+/* Style de base des icônes */
-.ql-snow .ql-toolbar button:hover .ql-stroke,
+.ql-snow .ql-stroke {
-.ql-snow .ql-toolbar button.ql-active .ql-stroke {
+    stroke: var(--text-primary);
-    stroke: var(--accent-primary);
 }
 
-.ql-snow .ql-toolbar button:hover .ql-fill,
+.ql-snow .ql-fill {
-.ql-snow .ql-toolbar button.ql-active .ql-fill {
+    fill: var(--text-primary);
-    fill: var(--accent-primary);
+}
+
+.ql-snow .ql-picker {
+    color: var(--text-primary);
+}
+
+/* États actifs des boutons */
+.ql-toolbar.ql-snow .ql-active,
+.ql-toolbar.ql-snow .ql-active .ql-stroke,
+.ql-toolbar.ql-snow .ql-active .ql-fill {
+    color: var(--accent-primary) !important;
+    stroke: var(--accent-primary) !important;
+    fill: var(--accent-primary) !important;
 }
 
 /* Responsive */