Slightly more colorful

src/css/mk.css

@@ -32,6 +32,10 @@ figure,table {
     margin-top: var(--lh);
     margin-bottom: var(--lh);
 }
+blockquote {
+    border-left: solid 2px;
+    padding-left: 1ex;
+}
 li {
     display: block;
     padding-left: 2ch;
@@ -156,23 +160,7 @@ pre:before {
 pre code {
     background: none;
 }
-blockquote, #table-of-contents {
-    margin-left: 0;
-    position: relative;
-    padding-left: 17px;
-    padding-left: 2ch;
-    overflow: hidden;
-}
-blockquote:after {
-    font-family: Menlo, monospace;
-    content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";
-    white-space: pre;
-    position: absolute;
-    top: 0;
-    left: 0;
-}
 nav {
-    font-weight: bold;
     display: block;
     padding: 10px 0;
 }
@@ -258,14 +246,14 @@ label + pre {
     --b1:   #b0bac7;
     --b2:   #e5e8ed;
     --b3:   #f4f7ff;
-    --y: #a98d50;
+    --y: #b28a40;
-    --o: #aa6550;
+    --o: #b3603f;
-    --r: #b85a64;
+    --r: #ba5b4d;
-    --m: #af53b0;
+    --m: #ba567f;
-    --v: #846f93;
+    --v: #5f73c0;
-    --b: #5679a4;
+    --b: #008dd3;
-    --c: #4c8493;
+    --c: #00a59a;
-    --g: #728b5c;
+    --g: #929641;
 
     --bg: var(--b3);
     --fg0: var(--b0);
@@ -357,12 +345,17 @@ sup > a {
 
 body > input { display:none; }
 
-#table-of-contents,
+h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
+    color: var(--fg0);
+}
+
 #labels {
     background: var(--bg2);
     color: var(--fg2);
 }
 
+blockquote { border-color: var(--bg2); }
+
 li .keywords {
     font-style: italic;
     color: var(--fg0);
@@ -375,7 +368,6 @@ nav a, nav a:visited, .main nav a,.main nav a:visited {
 .main ol > li:before, ol > li:before,
 pre::after,pre::before,hr:after,
 .main pre::after,.main pre::before,.main hr:after,
-blockquote:after, .main blockquote:after,
 label, label a, .main label, .main label a
 label a:visited, .main label a:visited
 {