Merge pull request #9 from Feripe-a/main

Night mode and hide DisableGyousyo from tags
This commit is contained in:
Ren Tatsumoto 2022-01-02 07:07:30 +00:00 committed by GitHub
commit 585e21f217
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 159 additions and 17 deletions

View file

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

View file

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

View file

@ -358,46 +358,53 @@ ol {
/* Night Mode */
.nightMode .jpsentence b {
color: gray;
}
.nightMode .tags {
background-color: #f0f0f0;
color: #333;
background-color: #FFFFFF;
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;
background: white;
fill: #2F2F31;
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 {
color: white;
.nightMode .images > img {
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 */

View file

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

View file

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