added light mode support

This commit is contained in:
Alexander Bocken 2020-11-20 17:49:57 +01:00
parent f6772e82a5
commit b102c0486d
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8

View File

@ -62,7 +62,7 @@
{ {
"__type__": "NoteModel", "__type__": "NoteModel",
"crowdanki_uuid": "1d40ef02-c9ff-11ea-ab22-9cb6d013a4a3", "crowdanki_uuid": "1d40ef02-c9ff-11ea-ab22-9cb6d013a4a3",
"css": "@font-face {\n font-family: 'kanji_strokeorder';\n font-style: normal;\n font-weight: 400;\n src: url(_KanjiStrokeOrders.ttf) format('truetype');\n }\n\n@font-face {\n font-family: 'IPAGothic';\n font-style: normal;\n font-weight: 400;\n src: url(_ipag.ttf) format('truetype');\n }\nbody {\nmargin: 0;\n}\n.container {\ndisplay: flex;\nflex-direction: column;\nheight: 100vh;\n}\n.card-content {\nflex: 1;\npadding: 20px;\n}\n.footer {\npadding: 20px;\n}\n.card {\n\tmargin-top: 0px;\n\theight: 100%;\n\tfont-family: Helvetica, \"IPAGothic\", Arial,Verdana,sans-serif;\n}\n.card p {\n\tpadding: 0px 0;\n\tposition: relative;\n}\n.card p.kanji{\n\tfont-size: 70px;\n \tfont-family: IPAGothic;\n\tcolor:#88C0D0;\n\theight:20vh;\n}\n.card p.kanji i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 20px;\n\tpadding-left: 5px;\n\tfont-style: normal;\n}\n.card p.kanji_card2{\n\tfont-size: 70px;\n \tfont-family:IPAGothic;\n\tcolor:#88C0D0;\n\theight:20vgh;\n}\n.card p.kanji_card2 i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tpadding-left: 5px;\n\theight:20vh;\n\tfont-style: normal;\n}\n.card p.kanji_back{\n\tfont-size: 20px;\n \tfont-family: IPAGothic;\n\tcolor: #5E81AC;\n\theight:5vh;\n}\n.card p.kanji_back i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n.card p.primitive_correction before {\n\tcontent: \"- \";\n\tpadding-left: 5px;\n\tcolor:#4C566A;\n}\n.card p.compounds {\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor: #5E81AC;\n}\n.card p.compounds i{\n\tfont-style: normal;\n\tfont-size: 22px;\n\ttext-decoration: none;\n\tcolor: #8FBCBB;\n}\n.card p.compounds_meaning {\n\ttext-align: right;\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor: #8FBCBB;\n}\n.card #explanation{\n\theight:20vh;\n\tfont-size: 20px;\n\ttext-align:left;\n\tcolor:#ECEFF4;\n}\n.card #explanation i{\n\tfont-style:normal;\n\tcolor: #D08770;\n}\n.card #explanation b{\n\tfont-style:normal;\n\tcolor:#88C0D0;\n}\n.card #notes {\n\tfont-size:16px;\n\tcolor:#4C566A;\n}\n.card #notes u{\n\tfont-size:20px;\n\ttext-decoration: none;\n}\n.card p.meaning {\n\twidth=100;\n\tfont-size: 40px;\n\tcolor:#88C0D0;\n}\n.card p.meaning i {\n\tfont-style: normal;\n\tpadding-left:10px;\n \tfont-size: 12px;\n\tcolor:#E5E9F0;\n\theight:10vgh;\n}\n.card p.meaning_back{\n\tfont-size: 20px;\n\tfont-family: Helvetica, Arial;\n\tcolor: #5E81AC;\n\theight:5vh;\n}\n.card p.meaning_back i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n#no {\n\tcolor:#4C566A;\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:right;\n\tfloat:right;\n}\n#lesson {\n\tcolor:#4C566A;\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:left;\n\tfloat:left;\n}\n\n\n/* ANDROID SETTINGS */\n.android .card p.kanji{\n\tfont-size:120px;\n\t/*color:#000000;*/\n}\n.android.card.night_mode {\n\tbackground-color:#000000;\n}\n.android .card p.kanji_card2{\n\tfont-size:120px;\n}\n", "css": "@font-face {\n font-family: 'kanji_strokeorder';\n font-style: normal;\n font-weight: 400;\n src: url(_KanjiStrokeOrders.ttf) format('truetype');\n }\n\n@font-face {\n font-family: 'IPAGothic';\n font-style: normal;\n font-weight: 400;\n src: url(_ipag.ttf) format('truetype');\n }\nbody {\nmargin: 0;\n}\n.container {\ndisplay: flex;\nflex-direction: column;\nheight: 100vh;\n}\n.card-content {\nflex: 1;\npadding: 20px;\npadding-top:0;\n}\n.footer {\npadding: 20px;\n}\n.card {\n\tmargin-top: 0px;\n\theight: 100%;\n\tfont-family: Helvetica, \"IPAGothic\", Arial,Verdana,sans-serif;\n}\n.card p {\n\tpadding: 0;\n\tposition: relative;\n}\n.card p.kanji{\n\tfont-size: 70px;\n \tfont-family: IPAGothic;\n\tcolor:#5E81AC;\n\theight:20vh;\n}\n.card p.kanji i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 20px;\n\tpadding-left: 5px;\n\tfont-style: normal;\n}\n.card p.kanji_card2{\n\tpadding-top:30px;\n\tfont-size: 70px;\n\tline-height:0;\n \tfont-family:IPAGothic;\n\tcolor:#5E81AC;\n}\n.card p.kanji_card2 i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tpadding-left: 5px;\n\tfont-style: normal;\n}\n.card p.kanji_back{\n\tfont-size: 20px;\n \tfont-family: IPAGothic;\n\tcolor: #8FBCBB;\n\theight:5vh;\n}\n.card p.kanji_back i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n.card p.primitive_correction before {\n\tcontent: \"- \";\n\tpadding-left: 5px;\n\tcolor:#4C566A;\n}\n.card #compounds {\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor: #8FBCBB;\n}\n.card #compounds i{\n\tfont-style: normal;\n\tfont-size: 22px;\n\ttext-decoration: none;\n\tcolor: #5E81AC;\n}\n.card #explanation{\n\theight:15vh;\n\tfont-size: 20px;\n\ttext-align:left;\n\tcolor:#2E3440;\n}\n.card #explanation i{\n\tfont-style:normal;\n\tcolor: #BF616A;\n}\n.card #explanation b{\n\tfont-style:normal;\n\tcolor:#5E81AC;\n}\n.card #notes {\n\tfont-size:16px;\n\tcolor:#4C566A;\n}\n.card #notes u{\n\tfont-size:20px;\n\ttext-decoration: none;\n}\n.card p.meaning {\n\twidth=100;\n\tfont-size: 40px;\n\tcolor:#5E81AC;\n}\n.card p.meaning i {\n\tfont-style: normal;\n\tpadding-left:10px;\n \tfont-size: 12px;\n\tcolor:#2E3440;\n\theight:10vgh;\n}\n.card p.meaning_back{\n\tfont-size: 20px;\n\tfont-family: Helvetica, Arial;\n\tcolor: #5E81AC;\n\theight:5vh;\n}\n.card p.meaning_back i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n#no {\n\tcolor:#4C566A;\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:right;\n\tfloat:right;\n}\n#lesson {\n\tcolor:#4C566A;\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:left;\n\tfloat:left;\n}\n.card.night_mode p.kanji{\n\tcolor:#8FBCBB;\n}\n.card.night_mode p.kanji i {\n\tcolor:#4C566A;\n}\n.card.night_mode p.kanji_card2{\n\tcolor:#8FBCBB;\n}\n.card.night_mode p.kanji_card2 i {\n\tcolor:#4C566A;\n}\n.card.night_mode p.kanji_back{\n\tcolor: #5E81AC;\n}\n.card.night_mode p.kanji_back i {\n\tcolor:#4C566A;\n}\n.card.night_mode p.primitive_correction before {\n\tcolor:#4C566A;\n}\n.card.night_mode #compounds {\n\tcolor: #5E81AC;\n}\n.card.night_mode #compounds i{\n\tcolor: #8FBCBB;\n}\n.card.night_mode #explanation{\n\tcolor:#ECEFF4;\n}\n.card.night_mode #explanation i{\n\tcolor: #D08770;\n}\n.card.night_mode #explanation b{\n\tcolor:#8FBCBB;\n}\n.card.night_mode #notes {\n\tcolor:#4C566A;\n}\n.card.night_mode p.meaning {\n\tcolor:#8FBCBB;\n}\n.card.night_mode p.meaning i {\n\tcolor:#E5E9F0;\n}\n.card.night_mode p.meaning_back{\n\tcolor: #5E81AC;\n}\n.card.night_mode p.meaning_back i {\n\tcolor:#4C566A;\n}\n.card.night_mode #no {\n\tcolor:#4C566A;\n}\n.card.night_mode #lesson {\n\tcolor:#4C566A;\n}\n/* ANDROID SETTINGS */\n.android .card p.kanji{\n\tfont-size:120px;\n\t/*color:#000000;*/\n}\n.android.card.night_mode {\n\tbackground-color:#000000;\n}\n.android .card p.kanji_card2{\n\tfont-size:120px;\n}\n",
"flds": [ "flds": [
{ {
"font": "Helvetica", "font": "Helvetica",
@ -186,7 +186,7 @@
], ],
"tmpls": [ "tmpls": [
{ {
"afmt": "<div class=\"container\">\n<div class=\"card-content\">\n<P class='kanji_back'>{{kanji}} \n\t{{#primitive_correction}}\n\t\t<i>- {{primitive_correction}}</i>\n\t{{/primitive_correction}}\n</P>\n\n<P class='meaning'>{{meaning}}<br>\n\t{{#primitive}} \n\t\t<i>Primitive: {{primitive}}</i>\n\t{{/primitive}}\n</P>\n{{#explanation}}\n\t<hr>\n{{/explanation}}\n\n<div id='explanation'>\n\t{{explanation}}\n</div>\n\n{{#notes}}\n<div id='notes'>\n\t<u>Notiz:</u>\n\t{{notes}}\n</div>\n{{/notes}}\n\n<P class=\"compounds\">\n{{#compounds}}\n\t<i>Komposita:</i><br>\n\t{{compounds}}<br>\n\t{{compounds_meaning}}\n{{/compounds}}\n</P>\n</div>\n<div class=\"footer\">\n<div id=\"no\">{{no}}</div>\n<div id=\"lesson\">Lektion {{lesson}}</div>\n</div>", "afmt": "<div class=\"container\">\n<div class=\"card-content\">\n<P class='kanji_back'>{{kanji}} \n\t{{#primitive_correction}}\n\t\t<i>- {{primitive_correction}}</i>\n\t{{/primitive_correction}}\n</P>\n\n<P class='meaning'>{{meaning}}<br>\n\t{{#primitive}} \n\t\t<i>Primitive: {{primitive}}</i>\n\t{{/primitive}}\n</P>\n{{#explanation}}\n\t<hr>\n{{/explanation}}\n\n<div id='explanation'>\n\t{{explanation}}\n</div>\n\n{{#notes}}\n<div id='notes'>\n\t<u>Notiz:</u>\n\t{{notes}}\n</div>\n{{/notes}}\n\n<div id=\"compounds\">\n{{#compounds}}\n\t<i>Komposita:</i><br>\n\t{{compounds}}<br>\n\t{{compounds_meaning}}\n{{/compounds}}\n</div>\n</div>\n<div class=\"footer\">\n<div id=\"no\">{{no}}</div>\n<div id=\"lesson\">Lektion {{lesson}}</div>\n</div>",
"bafmt": "", "bafmt": "",
"bfont": "", "bfont": "",
"bqfmt": "", "bqfmt": "",
@ -197,7 +197,7 @@
"qfmt": "<div class=\"container\">\n<div class=\"card-content\">\n<P class='kanji'>\n\t<span onclick=\"ShowStrokeOrder();\" id=\"Kanji\">\n\t\t{{kanji}}\n\t</span>\n{{#primitive_correction}}\t\n\t<br> <i>- {{primitive_correction}}</i>\n{{/primitive_correction}}\n</P>\n\n<P class=\"compounds\">{{compounds}}</P>\n</div>\n\n<div class=\"footer\">\n<div id=\"no\">{{no}}</div>\n<div id=\"lesson\">Lektion {{lesson}}</div>\n</div>\n<script>\nfunction ShowStrokeOrder() {\n /* document.getElementById(\"HiddenOrder\").style.display = \"block\";*/\n\tif(document.getElementById(\"Kanji\").style.fontFamily == 'kanji_strokeorder'){\n\t\tdocument.getElementById(\"Kanji\").style.fontFamily=\"IPAGothic\";\n\t}\n\telse{\n\t\tdocument.getElementById(\"Kanji\").style.fontFamily=\"kanji_strokeorder\";\n\t}\n}\n</script>" "qfmt": "<div class=\"container\">\n<div class=\"card-content\">\n<P class='kanji'>\n\t<span onclick=\"ShowStrokeOrder();\" id=\"Kanji\">\n\t\t{{kanji}}\n\t</span>\n{{#primitive_correction}}\t\n\t<br> <i>- {{primitive_correction}}</i>\n{{/primitive_correction}}\n</P>\n\n<P class=\"compounds\">{{compounds}}</P>\n</div>\n\n<div class=\"footer\">\n<div id=\"no\">{{no}}</div>\n<div id=\"lesson\">Lektion {{lesson}}</div>\n</div>\n<script>\nfunction ShowStrokeOrder() {\n /* document.getElementById(\"HiddenOrder\").style.display = \"block\";*/\n\tif(document.getElementById(\"Kanji\").style.fontFamily == 'kanji_strokeorder'){\n\t\tdocument.getElementById(\"Kanji\").style.fontFamily=\"IPAGothic\";\n\t}\n\telse{\n\t\tdocument.getElementById(\"Kanji\").style.fontFamily=\"kanji_strokeorder\";\n\t}\n}\n</script>"
}, },
{ {
"afmt": "<div class=\"container\">\n<div class=\"card-content\">\n<P class='meaning_back'>{{meaning}}<br>\n\t{{#primitive}} \n\t\t<i>Primitive: {{primitive}}</i>\n\t{{/primitive}}\n</P>\n\n<P class='kanji_card2'>\n\t<span onclick=\"ShowStrokeOrder();\" id=\"Kanji\">\n\t\t{{kanji}}\n\t</span>\n{{#primitive_correction}}\t\n\t<br> <i>- {{primitive_correction}}</i>\n{{/primitive_correction}}\n</P>\n\n{{#explanation}}\n\t<hr>\n{{/explanation}}\n\n<div id='explanation'>\n\t{{explanation}}\n</div>\n\n{{#notes}}\n<div id='notes'>\n\t<u>Notiz:</u>\n\t{{notes}}\n</div>\n{{/notes}}\n\n<P class=\"compounds\">\n{{#compounds}}\n\t<i>Komposita:</i><br>\n\t{{compounds}}<br>\n\t{{compounds_meaning}}\n{{/compounds}}\n</P>\n</div>\n\n<div class=\"footer\">\n<div id=\"no\">{{no}}</div>\n<div id=\"lesson\">Lektion {{lesson}}</div>\n</div>\n\n<script>\nfunction ShowStrokeOrder() {\n /* document.getElementById(\"HiddenOrder\").style.display = \"block\";*/\n\tif(document.getElementById(\"Kanji\").style.fontFamily == 'kanji_strokeorder'){\n\t\tdocument.getElementById(\"Kanji\").style.fontFamily=\"IPAGothic\";\n\t}\n\telse{\n\t\tdocument.getElementById(\"Kanji\").style.fontFamily=\"kanji_strokeorder\";\n\t}\n}\n</script>\n\n", "afmt": "<div class=\"container\">\n<div class=\"card-content\">\n<P class='meaning_back'>{{meaning}}<br>\n\t{{#primitive}} \n\t\t<i>Primitive: {{primitive}}</i>\n\t{{/primitive}}\n</P>\n\n<P class='kanji_card2'>\n\t<span onclick=\"ShowStrokeOrder();\" id=\"Kanji\">\n\t\t{{kanji}}\n\t</span>\n{{#primitive_correction}}\n\t<i><br>- {{primitive_correction}}</i>\n{{/primitive_correction}}\n</P>\n\n{{#explanation}}\n\t<hr>\n{{/explanation}}\n\n<div id='explanation'>\n\t{{explanation}}\n</div>\n\n{{#notes}}\n<div id='notes'>\n\t<u>Notiz:</u>\n\t{{notes}}\n</div>\n{{/notes}}\n\n<div id=\"compounds\">\n{{#compounds}}\n\t<i>Komposita:</i><br>\n\t{{compounds}}<br>\n\t{{compounds_meaning}}\n{{/compounds}}\n</div>\n</div>\n\n<div class=\"footer\">\n<div id=\"no\">{{no}}</div>\n<div id=\"lesson\">Lektion {{lesson}}</div>\n</div>\n\n<script>\nfunction ShowStrokeOrder() {\n /* document.getElementById(\"HiddenOrder\").style.display = \"block\";*/\n\tif(document.getElementById(\"Kanji\").style.fontFamily == 'kanji_strokeorder'){\n\t\tdocument.getElementById(\"Kanji\").style.fontFamily=\"IPAGothic\";\n\t}\n\telse{\n\t\tdocument.getElementById(\"Kanji\").style.fontFamily=\"kanji_strokeorder\";\n\t}\n}\n</script>\n\n",
"bafmt": "", "bafmt": "",
"bfont": "", "bfont": "",
"bqfmt": "", "bqfmt": "",
@ -561,7 +561,7 @@
"20", "20",
"明", "明",
"hell", "hell",
"Die <b>helle</b> <i>Sonne</i> und der <b>helle</b> <i>Mond</i>. Einer von beiden leuchtet stets <b>hell</b><i>.</i>", "Die <b>helle</b> <i>Sonne</i> und der <b>helle</b> <i>Mond</i>. Einer von beiden leuchtet stets <b>hell</b>.",
"", "",
"", "",
"", "",