aboutsummaryrefslogtreecommitdiff
path: root/anki-card-template
diff options
context:
space:
mode:
authorlonkaars <loek@pipeframe.xyz>2023-01-20 23:20:03 +0100
committerlonkaars <loek@pipeframe.xyz>2023-01-20 23:20:03 +0100
commit61d1cf73928e345dcfe4a8521762b6467ed4c9db (patch)
tree63fbed1877a31cf273c2337ead6a9e5bcea57230 /anki-card-template
parent590ccd3107116ca70781d29b5f8390da88566635 (diff)
small css cleanup
Diffstat (limited to 'anki-card-template')
-rw-r--r--anki-card-template/card.css3
-rw-r--r--anki-card-template/readme.md8
2 files changed, 6 insertions, 5 deletions
diff --git a/anki-card-template/card.css b/anki-card-template/card.css
index 35c99ec..578866e 100644
--- a/anki-card-template/card.css
+++ b/anki-card-template/card.css
@@ -33,7 +33,6 @@ body {
/* separator color */
#separator { background-color: black; }
-.nightMode #separator,
.night_mode #separator { background-color: white; }
/* separator size */
@@ -125,10 +124,8 @@ body {
/* tag style */
#card #back #tags .tag { background-color: hsl(calc(1deg * var(--tag-hue)), 60%, 20%); }
-.nightMode #card #back #tags .tag,
.night_mode #card #back #tags .tag { background-color: hsl(calc(1deg * var(--tag-hue)), 65%, 80%); }
#card #back #tags .tag .inner { color: white; }
-.nightMode #card #back #tags .tag .inner,
.night_mode #card #back #tags .tag .inner { color: black; }
#card #back #tags .tag {
--tag-hue: 0;
diff --git a/anki-card-template/readme.md b/anki-card-template/readme.md
index ec53a9b..b502df1 100644
--- a/anki-card-template/readme.md
+++ b/anki-card-template/readme.md
@@ -70,6 +70,10 @@ are instructions to apply to an empty deck.
This card template is also compatible with AnkiDroid, but you need to add
`.night_mode { }` to the Styling tab for this to work. For some reason
-AnkiDroid's night mode CSS class is called `night_mode` instead of `nightMode`
-like the desktop version.
+AnkiDroid checks if the card has dark mode 'support' by checking if the Styling
+tab CSS contains the literal string `.night_mode`. [The
+documentation](https://docs.ankiweb.net/templates/styling.html#night-mode)
+suggests that the night mode CSS class is called `nightMode` instead of
+`night_mode`, but `night_mode` works fine on desktop too, so is used in this
+card template.