cottongin/reddit-tweaks-ffe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add fontOverride toggle for Reddit Sans fonts

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
cottongin
2026-08-27 05:45:48 -04:00
parent 4856520c38
commit 074d234883
4 changed files with 63 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
content/main.js
View File

@@ -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();

2
lib/settings.js
View File

@@ -19,8 +19,10 @@
subredditColors: {},
colorPresets: [],
badgeLayout: true,
fontOverride: true,
cardLayout: true,
cardBackground: "reddit",
cardDensity: "modern",
cardGap: 16,
};

14
popup/popup.html
View File

@@ -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>

6
popup/popup.js
View File

@@ -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);