Correction beugs

manifest.json

@@ -60,7 +60,7 @@
         "src/sidebar/sidebar.js",
         "src/context_menu/custom_context_menu.js"],
       "css": ["src/context_menu/custom_context_menu.css"],
-      "run_at": "document_end"
+      "run_at": "document_idle"
     }
   ],
 

src/assets/lexicon_icon.js

 console.log("lexicon_icon.js chargé");
 
 /**
- * Génère une couleur hexadécimale aléatoire (#RRGGBB).
- * @returns {string} Une couleur hexadécimale, ex: "#A1B2C3".
+ * Sélectionne aléatoirement une couleur dans une palette prédéfinie.
+ * @returns {string} Une couleur au format hexadécimal ou HSL.
  */
 function generateRandomColor() {
-  const letters = '0123456789ABCDEF';
-  let color = '#';
-  for (let i = 0; i < 6; i++) {
-    color += letters[Math.floor(Math.random() * 16)];
-  }
-  return color;
+  const palette = [
+    "#6e76c7", 
+    "#00a0bd", 
+    "#96cd95", 
+    "#ffeac2", 
+    "#fff6ff", 
+    "#e67e22",
+    "#20bad8",
+    "#f290e7",
+    "#f4ab9d",
+    "#f1e87a",
+    "#84e8e6"
+  ];
+  const index = Math.floor(Math.random() * palette.length);
+  return palette[index];
 }
 
 /**
@@ -18,10 +27,10 @@ function generateRandomColor() {
  * @param {string|number} lexiconId - L'identifiant du lexique.
  * @returns {Promise<string>} La couleur associée au lexique.
  */
-async function getOrCreateLexiconColor(lexiconId) {
+async function getOrCreateLexiconColor(lexiconId, forceReset = false) {
   // Récupère la correspondance stockée dans storage
   let { lexiconColors } = await browser.storage.local.get("lexiconColors");
-  if (!lexiconColors) {
+  if (!lexiconColors || forceReset) {
     lexiconColors = {};
   }
   // Si aucune couleur n'est associée à ce lexiconId, on la génère et on la sauvegarde

src/background/background.js

@@ -88,11 +88,18 @@ async function actuallyOpenLoginPage() {
   browser.runtime.sendMessage({ action: "authStatusChanged", isLoggedIn: false });
 }
 
-// Déconnecte l'utilisateur (sans notification)
+// Déconnecte l'utilisateur 
 async function disconnectFromLexicalDB() {
   console.log("🔓 Déconnexion en cours...");
   await browser.storage.local.remove("accessToken");
   console.log("🔓 Token supprimé avec succès.");
+  // Réinitialiser les couleurs des lexiques dans le local storage
+  try {
+    await browser.storage.local.remove("lexiconColors");
+    console.log("Les couleurs des lexiques ont été réinitialisées dans le local storage.");
+  } catch (error) {
+    console.error("Erreur lors de la réinitialisation des couleurs :", error);
+  }
   setTimeout(async () => {
     await refreshAllUI();
   }, 500);
@@ -135,6 +142,7 @@ browser.runtime.onMessage.addListener(async (message, sender, sendResponse) => {
       const isConnected = await isUserConnected();
       if (isConnected) {
         await disconnectFromLexicalDB();
+        await browser.storage.local.remove("lexiconColors");
       } else {
         actuallyOpenLoginPage();
       }

src/sidebar/sidebar.js

@@ -533,7 +533,7 @@ document.addEventListener("DOMContentLoaded", async () => {
     authButton.addEventListener("click", handleAuthButtonClick);
   }
 
-  const chercherDefButton = document.getElementById("chercherDef");
+  const chercherDefButton = document.querySelector("#chercherDef");
   if (chercherDefButton) {
     chercherDefButton.addEventListener("click", async () => {
       openBlock("definitionContent");