Added the ability to disable transparency globally #7

1 files changed, 25 insertions, 0 deletions

diff --git a/data-viewer/data-viewer.js b/data-viewer/data-viewer.js
index afc516f..d14a6c6 100644
--- a/data-viewer/data-viewer.js
+++ b/data-viewer/data-viewer.js
@@ -10,6 +10,7 @@ document.addEventListener("DOMContentLoaded", function () {
   const backButton = document.getElementById("back-button");
   const deleteAllButton = document.getElementById("delete-all-data");
   const versionElement = document.getElementById("addon-version");
+  const disableTransparencyToggle = document.getElementById("disable-transparency");
 
   // Load and display the data
   loadAllData();
@@ -22,6 +23,11 @@ document.addEventListener("DOMContentLoaded", function () {
     window.close();
   });
 
+  // Event listener for disable transparency toggle
+  disableTransparencyToggle.addEventListener("change", function() {
+    saveTransparencySettings(this.checked);
+  });
+
   // Event listener for delete all data button
   deleteAllButton.addEventListener("click", function () {
     if (
@@ -51,6 +57,22 @@ document.addEventListener("DOMContentLoaded", function () {
     }
   }
 
+  async function saveTransparencySettings(isDisabled) {
+    try {
+      const data = await browser.storage.local.get(BROWSER_STORAGE_KEY);
+      const settings = data[BROWSER_STORAGE_KEY] || {};
+      
+      // Update the disableTransparency setting
+      settings.disableTransparency = isDisabled;
+      
+      await browser.storage.local.set({ [BROWSER_STORAGE_KEY]: settings });
+      alert(`Transparency has been ${isDisabled ? 'disabled' : 'enabled'} globally. This will affect all websites.`);
+    } catch (error) {
+      console.error("Error saving transparency settings:", error);
+      alert("An error occurred while saving the transparency setting: " + error.message);
+    }
+  }
+
   async function displayAddonVersion() {
     const manifest = browser.runtime.getManifest();
     versionElement.textContent = `Version: ${manifest.version}`;
@@ -64,6 +86,9 @@ document.addEventListener("DOMContentLoaded", function () {
       // Display global settings
       const globalSettings = data[BROWSER_STORAGE_KEY] || {};
       displayGlobalSettings(globalSettings);
+      
+      // Set the disable transparency toggle state
+      disableTransparencyToggle.checked = globalSettings.disableTransparency || false;
 
       // Display skip/enable list
       const skipList = data[SKIP_FORCE_THEMING_KEY] || [];