Updates

Zenburn Theme.json

@@ -1 +1 @@
-{"frontHtml":"<section class=\"zb-default source-code-pro pa3\">\n<p class=\"ma0 f3 pb2 pointer\">{{audio}}</p>\n<p class=\"ma0 f3\">What is the meaning of what is being said?</p>\n</section>","backHtml":"<section class=\"zb-default source-code-pro\">\n<p class=\"ma0 f3 pt3 ph3 pb2 pointer\">{{audio}}</p>\n\n<hr>\n\n<section class=\"pt2 ph3 pb3\">\n<h1 class=\"ma0 f2 zb-bright-yellow m-plus-1-code\">{{term}}</h1>\n<p class=\"ma0 f2 zb-cyan m-plus-1-code\">{{reading}}</p>\n<p class=\"ma0 f3 zb-muted-green\">{{translation}}</p>\n<p class=\"ma0 f3 zb-salmon\">{{transliteration}}</p>\n<p class=\"ma0 f3 pb2\">{{Tags}}</p>\n<div class=\"bright dib f3 image-wrapper measure-narrow\">{{picture}}</div>\n</section>\n</section>\n","cardCss":"@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:[email protected]&display=swap');\n\n@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:[email protected]&display=swap');\n\n:root {\n    --zb-bg-color: #3f3f3f;\n    --zb-default-color: #dcdccc;\n    --zb-bright-yellow: #efef8f;\n    --zb-cyan: #8cd0d3;\n    --zb-muted-green: #7f9f7f;\n    --zb-salmon: #dca3a3;\n}\n\n/*.card is primarily for styling the background of both front and back cards*/\n.card {\n   background-color: var(--zb-bg-color);\n}\n\n.m-plus-1-code {\n  font-family: \"M PLUS 1 Code\", monospace;\n  font-optical-sizing: auto;\n  font-style: normal;\n}\n\n.source-code-pro {\n   font-family: \"Source Code Pro\", monospace;\n}\n\n.zb-default {\n   color: var(--zb-default-color);\n}\n\n.zb-bright-yellow {\n    color: var(--zb-bright-yellow);\n}\n\n.zb-cyan {\n    color: var(--zb-cyan);\n}\n\n.zb-muted-green {\n    color: var(--zb-muted-green);\n}\n\n.zb-salmon {\n    color: var(--zb-salmon);\n}\n\n.bright {\n   opacity: 0.5;\n   transition: opacity .15s ease-in;\n}\n.bright:hover,\n.bright:focus {\n   opacity: 1;\n   transition: opacity .15s ease-in;\n}\n\n.image-wrapper img {\n   display: block;\n}\n","designName":"Zenburn Theme"}
+{"frontHtml":"<section class=\"zb-default source-code-pro pa3\">\n  <p class=\"ma0 f3 dib pointer\">{{audio}}</p>\n  <p class=\"ma0 f3 pt2\">What is the meaning of what is being said?</p>\n</section>\n","backHtml":"<section class=\"zb-default pt3 source-code-pro\">\n  <div class=\"ph3 pb2\"><p class=\"ma0 f3 pointer dib\">{{audio}}</p></div>\n\n  <hr />\n\n  <section class=\"pt2 ph3 pb3\">\n    <h1 class=\"ma0 f2 zb-bright-yellow m-plus-1-code\">{{term}}</h1>\n    <p class=\"ma0 f2 zb-cyan m-plus-1-code\">{{reading}}</p>\n    <p class=\"ma0 f3 zb-muted-green\">{{translation}}</p>\n    <p class=\"ma0 f3 zb-salmon\">{{transliteration}}</p>\n    <p class=\"ma0 f3 pb2\">{{Tags}}</p>\n    <div class=\"bright dib f3 image-wrapper measure-narrow\">{{picture}}</div>\n  </section>\n</section>\n","cardCss":"@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:[email protected]&display=swap');\n\n@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:[email protected]&display=swap');\n\n:root {\n    --zb-bg-color: #3f3f3f;\n    --zb-default-color: #dcdccc;\n    --zb-bright-yellow: #efef8f;\n    --zb-cyan: #8cd0d3;\n    --zb-muted-green: #7f9f7f;\n    --zb-salmon: #dca3a3;\n}\n\n/*.card is primarily for styling the background of both front and back cards*/\n.card {\n   background-color: var(--zb-bg-color);\n}\n\n.m-plus-1-code {\n  font-family: \"M PLUS 1 Code\", monospace;\n  font-optical-sizing: auto;\n  font-style: normal;\n}\n\n.source-code-pro {\n   font-family: \"Source Code Pro\", monospace;\n}\n\n.zb-default {\n   color: var(--zb-default-color);\n}\n\n.zb-bright-yellow {\n    color: var(--zb-bright-yellow);\n}\n\n.zb-cyan {\n    color: var(--zb-cyan);\n}\n\n.zb-muted-green {\n    color: var(--zb-muted-green);\n}\n\n.zb-salmon {\n    color: var(--zb-salmon);\n}\n\n.bright {\n   opacity: 0.5;\n   transition: opacity .15s ease-in;\n}\n.bright:hover,\n.bright:focus {\n   opacity: 1;\n   transition: opacity .15s ease-in;\n}\n\n.image-wrapper img {\n   display: block;\n}\n","designName":"Zenburn Theme"}