From 6a1273bdad422b85521fcb456a35d4d6bf83846b Mon Sep 17 00:00:00 2001 From: lonkaars Date: Fri, 20 Jan 2023 15:12:35 +0100 Subject: ankidroid dark mode fix in readme --- anki-card-template/card.css | 1 + anki-card-template/readme.md | 11 ++++++++--- 2 files changed, 9 insertions(+), 3 deletions(-) (limited to 'anki-card-template') 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. -- cgit v1.2.3