Fixed theme issue

src/pages/options/general.html

@@ -99,6 +99,7 @@
 
 
   <script type="module" src="./general.js"></script>
+  <script type="module" src="./init.js"></script>
   <script src="../../assets/javascripts/localise.js"></script>
 </body>
 

src/pages/options/init.js

@@ -0,0 +1,8 @@
+browser.storage.sync.get(
+    [
+        "theme"
+    ],
+    (result) => {
+        if (result.theme) document.body.classList.add(result.theme);
+    }
+)

src/pages/options/instagram.html

@@ -46,6 +46,7 @@
 
 
     </section>
+    <script type="module" src="./init.js"></script>
     <script type="module" src="./instagram.js"></script>
     <script src="../../assets/javascripts/localise.js"></script>
 </body>

src/pages/options/maps.html

@@ -36,6 +36,7 @@
             </div>
         </div>
     </section>
+    <script type="module" src="./init.js"></script>
     <script type="module" src="./maps.js"></script>
     <script src="../../assets/javascripts/localise.js"></script>
 </body>

src/pages/options/medium.html

@@ -45,6 +45,7 @@
         </section>
     </section>
 
+    <script type="module" src="./init.js"></script>
     <script type="module" src="./medium.js"></script>
     <script src="../../assets/javascripts/localise.js"></script>
 </body>

src/pages/options/reddit.html

@@ -64,6 +64,7 @@
 
     </section>
 
+    <script type="module" src="./init.js"></script>
     <script type="module" src="./reddit.js"></script>
     <script src="../../assets/javascripts/localise.js"></script>
 </body>

src/pages/options/search.html

@@ -64,6 +64,7 @@
     </section>
 
 
+    <script type="module" src="./init.js"></script>
     <script type="module" src="./search.js"></script>
     <script src="../../assets/javascripts/localise.js"></script>
 </body>

src/pages/options/shared.js

@@ -108,6 +108,10 @@ function autocomplete(input, list) {
     });
 }
 
+
+
+
+
 export default {
     autocompletes,
     parseURL,

src/pages/options/translate.html

@@ -36,6 +36,7 @@
     </section>
 
 
+    <script type="module" src="./init.js"></script>
     <script type="module" src="./translate.js"></script>
     <script src="../../assets/javascripts/localise.js"></script>
 </body>

src/pages/options/twitter.html

@@ -53,6 +53,7 @@
 
     </section>
 
+    <script type="module" src="./init.js"></script>
     <script type="module" src="./twitter.js"></script>
     <script src="../../assets/javascripts/localise.js"></script>
 </body>

src/pages/options/wikipedia.html

@@ -44,6 +44,7 @@
         </section>
     </section>
 
+    <script type="module" src="./init.js"></script>
     <script type="module" src="./wikipedia.js"></script>
     <script src="../../assets/javascripts/localise.js"></script>
 </body>

src/pages/options/youtube.html

@@ -109,6 +109,7 @@
 
     </section>
 
+    <script type="module" src="./init.js"></script>
     <script type="module" src="./youtube.js"></script>
     <script src="../../assets/javascripts/localise.js"></script>
 </body>

src/pages/stylesheets/styles.css

@@ -350,6 +350,9 @@ body.light-theme textarea:focus {
   outline: none;
 }
 
+body.light-theme a{
+  color: black;
+}
 
 section {
   background-color: var(--bg-main);