From 02e11b321e6ef8d59e1349476f9f29ef97b1f1d4 Mon Sep 17 00:00:00 2001
From: Oliver Blanthorn <freedom4cows@gmail.com>
Date: Wed, 5 Apr 2023 18:46:23 +0200
Subject: [PATCH] Stop pollution of styles in reader

---
 src/excmds.ts | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/excmds.ts b/src/excmds.ts
index 28d4a55a..6fbc3b49 100644
--- a/src/excmds.ts
+++ b/src/excmds.ts
@@ -5991,13 +5991,24 @@ import { Readability } from "@mozilla/readability"
 
 //#content
 export async function reader2() {
+    document.querySelectorAll(".TridactylStatusIndicator").forEach(ind => ind.parentNode.removeChild(ind))
     const article = new Readability(document).parse()
     document.body.innerHTML = article.content
-    const stylelink = document.createElement("link")
-    stylelink.type = "text/css"
-    stylelink.rel = "stylesheet"
-    stylelink.href = browser.runtime.getURL("static/css/reader.css")
-    document.head.appendChild(stylelink)
+
+    // clear old styles
+    document.querySelectorAll("[style]").forEach(style => style.removeAttribute("style"))
+    document.querySelectorAll('link[rel="stylesheet"], style').forEach(style => style.parentNode.removeChild(style))
+
+    // add key Tridactyl CSS
+    const styles = ["content.css", "hint.css", "reader.css"]
+
+    for (const style of styles) {
+        const stylelink = document.createElement("link")
+        stylelink.type = "text/css"
+        stylelink.rel = "stylesheet"
+        stylelink.href = browser.runtime.getURL("static/css/" + style)
+        document.head.appendChild(stylelink)
+    }
     if (article.title !== undefined) {
         const header = document.createElement("header")
         const title = document.createElement("h1")