From 76e3df0caff246f0a25905ddcd571e9fcaa66e5f Mon Sep 17 00:00:00 2001
From: "Yann Esposito (Yogsototh)" <yann.esposito@gmail.com>
Date: Tue, 9 Jul 2019 13:34:13 +0200
Subject: [PATCH] Darker, with nitty trick to show class name for pre blocks

---
 src/assets/css/minimalist.css | 45 +++++++++++++++++++----------------
 1 file changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/assets/css/minimalist.css b/src/assets/css/minimalist.css
index a44754f..b9edabc 100644
--- a/src/assets/css/minimalist.css
+++ b/src/assets/css/minimalist.css
@@ -5,8 +5,6 @@ body {
     max-width: 50em;
     margin: 0 auto;
     hyphens: auto;
-    background: #002b36;
-    color: #839496;
     -webkit-hyphens: auto;
     -moz-hyphens:auto;
     -ms-hyphens:auto;
@@ -67,9 +65,11 @@ pre::after,pre::before {
     line-height: 20px;
     display: block;
     opacity: 0.3; }
+pre::before {
+    content: "~~~~~~~~~ " attr(class);
+}
 code {
     font-family: "courrier new", monospace;
-    background: #073642;
 }
 pre code { background: none; }
 blockquote {
@@ -112,16 +112,6 @@ ol > li:before {
 }
 
 /* colors */
-p a, p a:visited { color: #93a1a1; }
-a, a:visited { color: #2aa198; }
-a:active, a:hover, a:focus { color: #268bd2; }
-
-h1 { color: #6c71c4;}
-h2 { color: #d33682;}
-h3 { color: #dc322f;}
-h4 { color: #cb4b16;}
-h5 { color: #b58900;}
-h6 { color: #859900;}
 
 img { max-width: 100%;
       max-height: 800px;
@@ -141,14 +131,29 @@ table { width: 100%; margin: 20px 0; border-collapse: collapse; }
 th { height: 20px;
      padding: 0 10px;
      text-align: left;
-     border-left: solid 1px #ddd;
-     border-right: solid 1px #ddd;
-     background: #5c71c4;
-     color: #FFF;
    }
-tr:hover { background-color: #ffd; }
 td { height: 20px;
      vertical-align: middle;
-     border-left: solid 1px #ddd;
-     border-right: solid 1px #ddd;
      padding: 0 10px; }
+
+/* colors */
+body {
+    background: #00151b; // 0.5 darker than #002b36;
+    color: #839496;
+}
+p a, p a:visited { color: #93a1a1; }
+a, a:visited { color: #2aa198; }
+a:active, a:hover, a:focus { color: #268bd2; }
+thead { background-color: #073642;
+        color: #93a1a1; }
+tr:hover { background-color: #073642;
+         }
+h1 { color: #6c71c4;}
+h2 { color: #d33682;}
+h3 { color: #dc322f;}
+h4 { color: #cb4b16;}
+h5 { color: #b58900;}
+h6 { color: #859900;}
+td, th { border-color: #073642; }
+code { background: #002b36; }
+/* -------- */