1 files changed, 24 insertions, 21 deletions
diff --git a/themes/ymherklotz/static/css/default.css b/themes/ymherklotz/static/css/default.css
index 89d942b..18c13ac 100644
--- a/themes/ymherklotz/static/css/default.css
+++ b/themes/ymherklotz/static/css/default.css
@@ -1,3 +1,6 @@
+@import url('./syntax.css');
+@import url('./syntax_dark.css') (prefers-color-scheme: dark);
+
 @font-face {
   font-family: 'Iosevka YMHG Web';
   font-display: swap;
@@ -35,7 +38,7 @@
 }
 
 body {
-  background-color: #fffff8;
+  background-color: #fbf7f0;
   color: #171d30;
 }
 
@@ -61,50 +64,42 @@ th {
   border-bottom: 0.1rem solid #60646b;
 }
 
-.codeblock {
-  background-color: #fdf6e3;
-}
-
 .post-meta {
   color: #505561;
 }
 
 h1:hover > .heading-anchor1, h2:hover > .heading-anchor2, h3:hover > .heading-anchor3, h4:hover > .heading-anchor4, h5:hover > .heading-anchor5, h6:hover > .heading-anchor6 { color: #00c266; }
 
-//.heading-anchor1, .heading-anchor2, .heading-anchor3, .heading-anchor4, .heading-anchor5, .heading-anchor6 { color: #fffff8; }
+//.heading-anchor1, .heading-anchor2, .heading-anchor3, .heading-anchor4, .heading-anchor5, .heading-anchor6 { color: #fbf7f0; }
 
 @media (prefers-color-scheme: dark) {
   body {
-    background-color: #171d30;
-    color: #fffff8;
+    background-color: #0d0e1c;
+    color: #fbf7f0;
   }
 
   a {
-    color: #fffff8;
+    color: #fbf7f0;
   }
 
   nav a, .logo a, .post-title a, .social a, .rightcolumn a, dt a {
-    color: #fffff8;
+    color: #fbf7f0;
   }
 
   .generated-by {
-    color: #fffff8;
+    color: #fbf7f0;
   }
 
   th {
-    color: #fffff8;
-    border-bottom: 0.1rem solid #fffff8;
-  }
-
-  .codeblock {
-    background-color: #1f2538;
+    color: #fbf7f0;
+    border-bottom: 0.1rem solid #fbf7f0;
   }
 
   .post-meta {
-    color: #fffff8;
+    color: #fbf7f0;
   }
 
-/*  .heading-anchor1, .heading-anchor2, .heading-anchor3, .heading-anchor4, .heading-anchor5, .heading-anchor6 { color: #171d30; }*/
+/*  .heading-anchor1, .heading-anchor2, .heading-anchor3, .heading-anchor4, .heading-anchor5, .heading-anchor6 { color: #0d0e1c; }*/
 }
 
 html {
@@ -195,6 +190,7 @@ pre {
   white-space: pre;
   overflow: auto;
   line-height: 1.3;
+  background-size: 0 1000px;
 }
 
 figcaption {
@@ -211,8 +207,8 @@ figcaption * {
 table {
   border-spacing: 0;
   width: 100%;
-  border-bottom: 0.15rem solid #171d30;
-  border-top: 0.15rem solid #171d30;
+  border-bottom: 0.15rem solid #0d0e1c;
+  border-top: 0.15rem solid #0d0e1c;
   margin: 30px 0;
 }
 
@@ -252,6 +248,13 @@ dl {
   text-align: center;
 }
 
+.social svg {
+  fill: currentColor;
+  height: 16px;
+  width: 16px;
+  margin: 0 2px;
+}
+
 /* article > p:first-of-type:first-letter { */
 /*   float: left; */
 /*   line-height: 1; */