From 074d23488350361b8461ef62442e14c9174b3d8a Mon Sep 17 00:00:00 2001
From: cottongin <cottongin@users.noreply.github.com>
Date: Thu, 27 Aug 2026 05:45:48 -0400
Subject: [PATCH] feat: add fontOverride toggle for Reddit Sans fonts

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 content/main.js  | 72 +++++++++++++++++++++++++++---------------------
 lib/settings.js  |  2 ++
 popup/popup.html | 14 ++++++++++
 popup/popup.js   |  6 ++++
 4 files changed, 63 insertions(+), 31 deletions(-)

diff --git a/content/main.js b/content/main.js
index 01e0714..50833c7 100644
--- a/content/main.js
+++ b/content/main.js
@@ -58,42 +58,52 @@
   }
 
   async function init() {
-    const settings = await window.RedditTweaks.loadSettings();
-    if (!settings.enabled) return;
+    try {
+      var settings = await window.RedditTweaks.loadSettings();
+      console.log("RedditTweaks init:", { enabled: settings.enabled, badgeLayout: settings.badgeLayout, cardLayout: settings.cardLayout });
+      if (!settings.enabled) return;
 
-    if (settings.badgeLayout) {
-      document.documentElement.classList.add("rt-badges-enabled");
-      window.RedditTweaks.badgeTweak.apply(settings);
-    }
-
-    if (settings.cardLayout) {
-      window.RedditTweaks.cardTweak.apply(settings);
-    }
-
-    if (settings.badgeLayout || settings.cardLayout) {
-      startPostObserver(settings);
-      startDarkModeObserver(settings);
-    }
-
-    browser.storage.onChanged.addListener(function (changes) {
-      if (
-        (changes.enabled && changes.enabled.newValue !== changes.enabled.oldValue) ||
-        (changes.badgeLayout && changes.badgeLayout.newValue !== changes.badgeLayout.oldValue) ||
-        (changes.cardLayout && changes.cardLayout.newValue !== changes.cardLayout.oldValue)
-      ) {
-        location.reload();
-        return;
+      if (settings.badgeLayout) {
+        document.documentElement.classList.add("rt-badges-enabled");
+        window.RedditTweaks.badgeTweak.apply(settings);
       }
 
-      window.RedditTweaks.loadSettings().then(function (updated) {
-        if (updated.badgeLayout) {
-          window.RedditTweaks.badgeTweak.updateColors(updated);
-        }
-        if (updated.cardLayout) {
-          window.RedditTweaks.cardTweak.updateSettings(updated);
+      if (settings.fontOverride) {
+        document.documentElement.classList.add("rt-fonts-enabled");
+      }
+
+      if (settings.cardLayout) {
+        window.RedditTweaks.cardTweak.apply(settings);
+      }
+
+      if (settings.badgeLayout || settings.cardLayout) {
+        startPostObserver(settings);
+        startDarkModeObserver(settings);
+      }
+
+      browser.storage.onChanged.addListener(function (changes) {
+        if (
+          (changes.enabled && changes.enabled.newValue !== changes.enabled.oldValue) ||
+          (changes.badgeLayout && changes.badgeLayout.newValue !== changes.badgeLayout.oldValue) ||
+          (changes.fontOverride && changes.fontOverride.newValue !== changes.fontOverride.oldValue) ||
+          (changes.cardLayout && changes.cardLayout.newValue !== changes.cardLayout.oldValue)
+        ) {
+          location.reload();
+          return;
         }
+
+        window.RedditTweaks.loadSettings().then(function (updated) {
+          if (updated.badgeLayout) {
+            window.RedditTweaks.badgeTweak.updateColors(updated);
+          }
+          if (updated.cardLayout) {
+            window.RedditTweaks.cardTweak.updateSettings(updated);
+          }
+        });
       });
-    });
+    } catch (err) {
+      console.error("RedditTweaks init failed:", err);
+    }
   }
 
   init();
diff --git a/lib/settings.js b/lib/settings.js
index e824b49..4ed7db5 100644
--- a/lib/settings.js
+++ b/lib/settings.js
@@ -19,8 +19,10 @@
     subredditColors: {},
     colorPresets: [],
     badgeLayout: true,
+    fontOverride: true,
     cardLayout: true,
     cardBackground: "reddit",
+    cardDensity: "modern",
     cardGap: 16,
   };
 
diff --git a/popup/popup.html b/popup/popup.html
index 133cd8e..1be376a 100644
--- a/popup/popup.html
+++ b/popup/popup.html
@@ -17,6 +17,10 @@
         <span>Badge layout</span>
         <input type="checkbox" id="badgeLayout">
       </label>
+      <label class="toggle-row">
+        <span>Reddit fonts</span>
+        <input type="checkbox" id="fontOverride">
+      </label>
     </div>
 
     <div class="section">
@@ -34,6 +38,12 @@
         <span>Enable card layout</span>
         <input type="checkbox" id="cardLayout">
       </label>
+      <label for="cardDensity">Card Density</label>
+      <select id="cardDensity">
+        <option value="cozy">Cozy</option>
+        <option value="modern">Modern</option>
+        <option value="extra">Extra</option>
+      </select>
       <label for="cardBackground">Background Style</label>
       <select id="cardBackground">
         <option value="reddit">Reddit Default</option>
@@ -41,6 +51,10 @@
       </select>
       <label for="cardGap">Card Spacing</label>
       <select id="cardGap">
+        <option value="1">1px</option>
+        <option value="2">2px</option>
+        <option value="4">4px</option>
+        <option value="6">6px</option>
         <option value="8">8px</option>
         <option value="12">12px</option>
         <option value="16">16px</option>
diff --git a/popup/popup.js b/popup/popup.js
index cb5c1c3..f41fcee 100644
--- a/popup/popup.js
+++ b/popup/popup.js
@@ -69,8 +69,10 @@
   function populateControls(settings) {
     document.getElementById("enabled").checked = settings.enabled;
     document.getElementById("badgeLayout").checked = settings.badgeLayout;
+    document.getElementById("fontOverride").checked = settings.fontOverride;
     document.getElementById("darkMode").value = settings.darkMode;
     document.getElementById("cardLayout").checked = settings.cardLayout;
+    document.getElementById("cardDensity").value = settings.cardDensity;
     document.getElementById("cardBackground").value = settings.cardBackground;
     document.getElementById("cardGap").value = String(settings.cardGap);
 
@@ -285,8 +287,10 @@
     var settings = {
       enabled: document.getElementById("enabled").checked,
       badgeLayout: document.getElementById("badgeLayout").checked,
+      fontOverride: document.getElementById("fontOverride").checked,
       darkMode: document.getElementById("darkMode").value,
       cardLayout: document.getElementById("cardLayout").checked,
+      cardDensity: document.getElementById("cardDensity").value,
       cardBackground: document.getElementById("cardBackground").value,
       cardGap: parseInt(document.getElementById("cardGap").value, 10),
       subredditColors: collectSubredditOverrides(),
@@ -310,8 +314,10 @@
 
     document.getElementById("enabled").addEventListener("change", saveFromControls);
     document.getElementById("badgeLayout").addEventListener("change", saveFromControls);
+    document.getElementById("fontOverride").addEventListener("change", saveFromControls);
     document.getElementById("darkMode").addEventListener("change", saveFromControls);
     document.getElementById("cardLayout").addEventListener("change", saveFromControls);
+    document.getElementById("cardDensity").addEventListener("change", saveFromControls);
     document.getElementById("cardBackground").addEventListener("change", saveFromControls);
     document.getElementById("cardGap").addEventListener("change", saveFromControls);