Merge pull request #9 from Feripe-a/main

Night mode and hide DisableGyousyo from tags

templates/Japanese Mined Sentences (cyphar)/template.css

@@ -135,4 +135,46 @@ ul, ol {
 /* Fix for Yomichan pitch accents */
 .vocab ol > li { display: inline; }
 .vocab ol > li:after { content: "・"; }
-.vocab ol > li:last-child:after { content: ""; }
+.vocab ol > li:last-child:after { content: ""; }
+
+
+/* Night Mode */
+
+.nightMode .tags {
+    background-color: #FFFFFF;
+    color: #2F2F31;
+}
+
+.nightMode a.replay-button svg path {
+    fill: #2F2F31;
+}
+
+.nightMode a.replay-button svg circle {
+    fill: #FFFFFF;
+}
+
+.nightMode .replaybutton span svg {
+    fill: #2F2F31;
+    background: #FFFFFF;
+}
+
+.nightMode.card {
+    color: #FFFFFF;
+    background-color: #2F2F31
+}
+
+.nightMode a {
+    color: gray;
+}
+
+.nightMode a:hover {
+    color: #722a2a;
+}
+
+.nightMode .jpsentence b {
+    color: gray;
+}
+
+.nightMode .images > img {
+    filter: sepia(0%);
+}

templates/Japanese kana/template.css

@@ -53,3 +53,40 @@ a.replay-button svg path {
 a.replay-button svg circle {
     fill: #333;
 }
+
+/* Night Mode */
+
+.nightMode .tags {
+    background-color: #FFFFFF;
+    color: #2F2F31;
+}
+
+.nightMode a.replay-button svg path {
+    fill: #2F2F31;
+}
+
+.nightMode a.replay-button svg circle {
+    fill: #FFFFFF;
+}
+
+.nightMode .replaybutton span svg {
+    fill: #2F2F31;
+    background: #FFFFFF;
+}
+
+.nightMode.card {
+    color: #FFFFFF;
+    background-color: #2F2F31
+}
+
+.nightMode a {
+    color: gray;
+}
+
+.nightMode a:hover {
+    color: #722a2a;
+}
+
+.nightMode .images > img {
+    filter: sepia(0%);
+}

templates/Japanese sentences/template.css

@@ -358,46 +358,53 @@ ol {
 
 /* Night Mode */
 
-.nightMode .jpsentence b {
-    color: gray;
-}
-
 .nightMode .tags {
-    background-color: #f0f0f0;
+    background-color: #FFFFFF;
-    color: #333;
+    color: #2F2F31;
 }
 
 .nightMode a.replay-button svg path {
-    fill: #2f2f31;
+    fill: #2F2F31;
 }
 
 .nightMode a.replay-button svg circle {
-    fill: white;
+    fill: #FFFFFF;
 }
 
 .nightMode .replaybutton span svg {
-    fill: #2f2f31;
+    fill: #2F2F31;
-    background: white;
+    background: #FFFFFF;
 }
 
 .nightMode.card {
-    color: #f0f0f0;
+    color: #FFFFFF;
+    background-color: #2F2F31
 }
 
 .nightMode a {
-    color: #ccc;
+    color: gray;
 }
 
 .nightMode a:hover {
-    color: #eee;
+    color: #722a2a;
 }
 
 .nightMode .jpsentence b {
     color: gray;
 }
 
-.nightMode footer > a:after {
+.nightMode .images > img {
-    color: white;
+    filter: sepia(0%);
+}
+
+.nightMode div.ensentence > a.hint {
+    color: #FFFFFF;
+    border: 1px solid #FFFFFF;
+}
+
+.nightMode div.ensentence > a.hint:hover {
+    color: gray;
+    background-color: rgba(0, 0, 0, 0.20);
 }
 
 /* Don't select furigana */

templates/Japanese words/Recognition/front.html

@@ -50,4 +50,23 @@ Thu Feb  4 01:06:07 AM UTC 2021
     splitTagDiv()
     highlightNames()
     applyQuizFont()
-</script>
+</script>
+
+<script>
+    // Hides DisableGyousyo from tags.
+
+  document.addEventListener('DOMContentLoaded', tagActions(), false);
+
+  function hidedisablegyousyo() {
+    const tags_elems = document.getElementsByClassName("tags");
+    for (const tag_elem of tags_elems) {
+      if (tag_elem.innerHTML.includes("DisableGyousyo")) {
+        tag_elem.style.display = "none";
+      }
+    }
+  }
+
+  function tagActions() {  
+    hidedisablegyousyo()
+  }
+</script>

templates/Japanese words/template.css

@@ -208,3 +208,40 @@ ol {
 .pronunciation ol > li:last-child:after {
     content: "";
 }
+
+/* Night Mode */
+
+.nightMode .tags {
+    background-color: #FFFFFF;
+    color: #2F2F31;
+}
+
+.nightMode a.replay-button svg path {
+    fill: #2F2F31;
+}
+
+.nightMode a.replay-button svg circle {
+    fill: #FFFFFF;
+}
+
+.nightMode .replaybutton span svg {
+    fill: #2F2F31;
+    background: #FFFFFF;
+}
+
+.nightMode.card {
+    color: #FFFFFF;
+    background-color: #2F2F31
+}
+
+.nightMode a {
+    color: gray;
+}
+
+.nightMode a:hover {
+    color: #722a2a;
+}
+
+.nightMode .images > img {
+    filter: sepia(0%);
+}