aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorlonkaars <loek@pipeframe.xyz>2023-01-20 15:12:35 +0100
committerlonkaars <loek@pipeframe.xyz>2023-01-20 15:12:35 +0100
commit6a1273bdad422b85521fcb456a35d4d6bf83846b (patch)
treef1be443ed6b375f2ca726e12c128668d4542add1
parente7aa3a8180b79659daa5aab9010c493aa79d2447 (diff)
ankidroid dark mode fix in readme1.2.0
-rw-r--r--anki-card-template/card.css1
-rw-r--r--anki-card-template/readme.md11
2 files changed, 9 insertions, 3 deletions
diff --git a/anki-card-template/card.css b/anki-card-template/card.css
index 2c5309a..1d18aa5 100644
--- a/anki-card-template/card.css
+++ b/anki-card-template/card.css
@@ -166,4 +166,5 @@ body {
.mobile #card.vertical-layout #back #tags { flex-direction: column; }
.mobile #card.vertical-layout #back #tags .tag { max-width: max-content; }
+/* make sure to hide empty fields */
.parse.empty { display: none !important; }
diff --git a/anki-card-template/readme.md b/anki-card-template/readme.md
index 9de275d..ec53a9b 100644
--- a/anki-card-template/readme.md
+++ b/anki-card-template/readme.md
@@ -64,7 +64,12 @@ are instructions to apply to an empty deck.
3. In the 'Browse' view, click on Cards... (you might need to create a
temporary card in a deck) and paste the contents of front-template.html and
back-template.html in the front template and back template of the card type.
- Make sure the Styling tab doesn't contain any code as this will override the
- built-in styles.
-4. Profit
+4. You can add any custom styles you want in the Styling tab, but I recommend
+ you remove the default CSS.
+5. Profit
+
+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.