Fixed theme issue

13 files changed, 25 insertions, 0 deletions

diff --git a/src/pages/options/general.html b/src/pages/options/general.html
index db0dedd2..507e65c3 100644
--- a/src/pages/options/general.html
+++ b/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>
 
diff --git a/src/pages/options/init.js b/src/pages/options/init.js
new file mode 100644
index 00000000..f9de76f1
--- /dev/null
+++ b/src/pages/options/init.js
@@ -0,0 +1,8 @@
+browser.storage.sync.get(
+    [
+        "theme"
+    ],
+    (result) => {
+        if (result.theme) document.body.classList.add(result.theme);
+    }
+)
\ No newline at end of file
diff --git a/src/pages/options/instagram.html b/src/pages/options/instagram.html
index 37c14e54..96d9d07c 100644
--- a/src/pages/options/instagram.html
+++ b/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>
diff --git a/src/pages/options/maps.html b/src/pages/options/maps.html
index 5074c44f..47c5adfa 100644
--- a/src/pages/options/maps.html
+++ b/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>
diff --git a/src/pages/options/medium.html b/src/pages/options/medium.html
index a2343f2e..b04a631e 100644
--- a/src/pages/options/medium.html
+++ b/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>
diff --git a/src/pages/options/reddit.html b/src/pages/options/reddit.html
index b5af36f7..88f4c46c 100644
--- a/src/pages/options/reddit.html
+++ b/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>
diff --git a/src/pages/options/search.html b/src/pages/options/search.html
index 6a5af775..63a416cf 100644
--- a/src/pages/options/search.html
+++ b/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>
diff --git a/src/pages/options/shared.js b/src/pages/options/shared.js
index 1d86f537..caa3a407 100644
--- a/src/pages/options/shared.js
+++ b/src/pages/options/shared.js
@@ -108,6 +108,10 @@ function autocomplete(input, list) {
     });
 }
 
+
+
+
+
 export default {
     autocompletes,
     parseURL,
diff --git a/src/pages/options/translate.html b/src/pages/options/translate.html
index 18ffc333..e33b57a9 100644
--- a/src/pages/options/translate.html
+++ b/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>
diff --git a/src/pages/options/twitter.html b/src/pages/options/twitter.html
index 87bc1c86..7922e69d 100644
--- a/src/pages/options/twitter.html
+++ b/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>
diff --git a/src/pages/options/wikipedia.html b/src/pages/options/wikipedia.html
index 309b876f..8978d08e 100644
--- a/src/pages/options/wikipedia.html
+++ b/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>
diff --git a/src/pages/options/youtube.html b/src/pages/options/youtube.html
index 1eb4e125..61dac7bd 100644
--- a/src/pages/options/youtube.html
+++ b/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>
diff --git a/src/pages/stylesheets/styles.css b/src/pages/stylesheets/styles.css
index 5ee137c5..0468935d 100644
--- a/src/pages/stylesheets/styles.css
+++ b/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);