Update theme syntax highlighting

2 files changed, 25 insertions, 22 deletions

diff --git a/themes/ymherklotz/static/assets/fontawesome/circle-regular.svg b/themes/ymherklotz/static/assets/fontawesome/circle-regular.svg
index 81947ba..b9bce39 100644
--- a/themes/ymherklotz/static/assets/fontawesome/circle-regular.svg
+++ b/themes/ymherklotz/static/assets/fontawesome/circle-regular.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>
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; */