assets/html/remark_presentation_frame.html in hematite-0.1.9 vs assets/html/remark_presentation_frame.html in hematite-0.1.10

@@ -9,20 +9,20 @@
         <meta charset="utf-8"/>
         <!-- Content of remark presentation iframe. Based on https://github.com/gnab/remark/wiki#getting-started -->
         <style>
 /* Stylesheet mostly taken from https://github.com/gnab/remark/wiki#getting-started */
 @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
-@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
+@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700,400italic);
 @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
 
-body { font-family: 'Droid Serif'; }
+body { font-family: 'Droid Sans', sans-serif; }
 h1, h2, h3 {
     font-family: 'Yanone Kaffeesatz';
     font-weight: normal;
 }
 
-.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
+.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono', monospace; }
 
 /* Show hidden slides to allow preprocessors (e.g. mermaid) to
    properly account for container size.
    */
 @media screen {
@@ -45,9 +45,14 @@
     opacity: 0.8;
 }
 
 nav:hover, nav:focus-within {
     opacity: 1;
+}
+
+/* Fix contrast issue */
+.remark-slide-number {
+    opacity: 0.8;
 }
 
 @media print {
     nav {
         display: none;