Added fallback bg when transparency toggle is off.

1 files changed, 31 insertions, 1 deletions

diff --git a/background.js b/background.js
index 95daea2..1a22365 100644
--- a/background.js
+++ b/background.js
@@ -725,6 +725,7 @@ async function applyCSS(tabId, hostname, features) {
   let skippedHoverFeatures = 0;
   let skippedFooterFeatures = 0;
   let skippedDisabledFeatures = 0;
+  let totalTransparencyFeatures = 0;
 
   for (const [feature, css] of Object.entries(features)) {
     const isTransparencyFeature = feature
@@ -733,6 +734,11 @@ async function applyCSS(tabId, hostname, features) {
     const isHoverFeature = feature.toLowerCase().includes("hover");
     const isFooterFeature = feature.toLowerCase().includes("footer");
 
+    // Count total transparency features
+    if (isTransparencyFeature) {
+      totalTransparencyFeatures++;
+    }
+
     // Skip any transparency feature if disableTransparency is enabled globally
     if (globalSettings.disableTransparency && isTransparencyFeature) {
       console.log(`DEBUG: Skipping transparency feature: ${feature}`);
@@ -762,11 +768,35 @@ async function applyCSS(tabId, hostname, features) {
     } else {
       console.log(`DEBUG: Feature disabled in site settings: ${feature}`);
       skippedDisabledFeatures++;
+      // Count disabled transparency features for site-specific logic
+      if (isTransparencyFeature) {
+        skippedTransparencyFeatures++;
+      }
     }
   }
 
+  // Check if transparency is effectively disabled (globally or all site transparency features disabled)
+  const transparencyDisabled =
+    globalSettings.disableTransparency ||
+    (totalTransparencyFeatures > 0 &&
+      skippedTransparencyFeatures === totalTransparencyFeatures);
+
+  // Add background color CSS if transparency is disabled
+  if (transparencyDisabled) {
+    const backgroundCSS = `
+/* ZenInternet: Background color when transparency is disabled */
+body {
+    background-color: light-dark(#fff, #111) !important;
+}
+`;
+    combinedCSS += backgroundCSS;
+    console.log(
+      `DEBUG: Added background color CSS due to disabled transparency`
+    );
+  }
+
   console.log(
-    `DEBUG: CSS Summary - included: ${includedFeatures}, skipped transparency: ${skippedTransparencyFeatures}, skipped hover: ${skippedHoverFeatures}, skipped footer: ${skippedFooterFeatures}, skipped disabled: ${skippedDisabledFeatures}`
+    `DEBUG: CSS Summary - included: ${includedFeatures}, skipped transparency: ${skippedTransparencyFeatures}, skipped hover: ${skippedHoverFeatures}, skipped footer: ${skippedFooterFeatures}, skipped disabled: ${skippedDisabledFeatures}, transparency disabled: ${transparencyDisabled}`
   );
 
   if (combinedCSS) {