MOP3 real hardware, theme update

assets/css/asciidoctor.css

@@ -164,7 +164,7 @@ table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoo
 .clearfix:before, .clearfix:after, .float-group:before, .float-group:after { content: " "; display: table; }
 .clearfix:after, .float-group:after { clear: both; }
 
-*:not(pre) > code { font-size: 0.9375em; padding: 1px 3px 0; white-space: nowrap; background-color: #060606; text-shadow: none; }
+*:not(pre) > code { font-size: 0.9375em; padding: 1px 3px 0; white-space: nowrap; background-color: #f8f9fa; text-shadow: none; }
 
 /*pre, pre > code { line-height: 1.4; color: inherit; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; }*/
 

assets/css/base.css

@@ -22,7 +22,7 @@ body {
   height: 60px;
 }
 #footer {
-  background-color: #060606;
+  background-color: #f8f9fa;
   padding: 0;
 }
 

assets/css/prettify.css

@@ -1,118 +1,91 @@
-/*
- * Derived from einaros's Sons of Obsidian theme at
- * http://studiostyl.es/schemes/son-of-obsidian by
- * Alex Ford of CodeTunnel:
- * http://CodeTunnel.com/blog/post/71/google-code-prettify-obsidian-theme
- */
+/* Code container */
+pre.prettyprint {
+    background: #f8f9fa;
+    border: 1px solid #dee2e6;
+    padding: 10px;
+    border-radius: 4px;
+    color: #2d2d2d;
+}
 
-.str
-{
-    color: #EC7600;
+/* Line numbers */
+ol.linenums {
+    margin: 0;
+    padding-left: 40px;
 }
-.kwd
-{
-    color: #93C763;
-}
-.com
-{
-    color: #66747B;
-}
-.typ
-{
-    color: #678CB1;
-}
-.lit
-{
-    color: #FACD22;
-}
-.pun
-{
-    color: #F1F2F3;
-}
-.pln
-{
-    color: #F1F2F3;
-}
-.tag
-{
-    color: #8AC763;
-}
-.atn
-{
-    color: #E0E2E4;
-}
-.atv
-{
-    color: #EC7600;
-}
-.dec
-{
-    color: purple;
-}
-pre.prettyprint
-{
-    border: 0px solid #888;
-}
-ol.linenums
-{
-    margin-top: 0;
-    margin-bottom: 0;
-}
-.prettyprint {
-    background: #000;
-}
-li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9
-{
-    color: #555;
+
+li.L0, li.L1, li.L2, li.L3, li.L4,
+li.L5, li.L6, li.L7, li.L8, li.L9 {
+    color: #999;
     list-style-type: decimal;
 }
+
 li.L1, li.L3, li.L5, li.L7, li.L9 {
-    background: #111;
+    background: #f1f3f5;
 }
-@media print
-{
-    .str
-    {
-        color: #060;
-    }
-    .kwd
-    {
-        color: #006;
-        font-weight: bold;
-    }
-    .com
-    {
-        color: #600;
-        font-style: italic;
-    }
-    .typ
-    {
-        color: #404;
-        font-weight: bold;
-    }
-    .lit
-    {
-        color: #044;
-    }
-    .pun
-    {
-        color: #440;
-    }
-    .pln
-    {
-        color: #000;
-    }
-    .tag
-    {
-        color: #006;
-        font-weight: bold;
-    }
-    .atn
-    {
-        color: #404;
-    }
-    .atv
-    {
-        color: #060;
-    }
+
+/* Syntax elements */
+.str {        /* strings */
+    color: #d47500;
+}
+
+.kwd {        /* keywords */
+    color: #446e9b;
+    font-weight: 600;
+}
+
+.com {        /* comments */
+    color: #6c757d;
+    font-style: italic;
+}
+
+.typ {        /* types */
+    color: #3399f3;
+}
+
+.lit {        /* literals */
+    color: #3cb521;
+}
+
+.pun {        /* punctuation */
+    color: #495057;
+}
+
+.pln {        /* plain text */
+    color: #2d2d2d;
+}
+
+.tag {        /* HTML tags */
+    color: #446e9b;
+    font-weight: 600;
+}
+
+.atn {        /* attribute names */
+    color: #6f42c1;
+}
+
+.atv {        /* attribute values */
+    color: #d47500;
+}
+
+.dec {        /* decimals */
+    color: #3cb521;
+}
+
+/* Print styles */
+@media print {
+    pre.prettyprint {
+        background: #fff;
+        border: 1px solid #ccc;
+    }
+
+    .str { color: #060; }
+    .kwd { color: #006; font-weight: bold; }
+    .com { color: #600; font-style: italic; }
+    .typ { color: #404; font-weight: bold; }
+    .lit { color: #044; }
+    .pun { color: #440; }
+    .pln { color: #000; }
+    .tag { color: #006; font-weight: bold; }
+    .atn { color: #404; }
+    .atv { color: #060; }
 }