Change color palette & contrast

assets/scss/partials/_comments.scss

@@ -2,6 +2,9 @@
   margin-top: 2.5em;
   font-size: 1em;
 
+  .vwrap {
+    border: 2px solid var(--c-txt-alt);
+  }
   .vat {
     color: var(--c-txt);
     &:hover {

assets/scss/partials/_footer.scss

@@ -11,7 +11,7 @@ p.site-copy {
 
 .site-nav > span {
   margin: 0 .2em;
-  color: var(--c-bg-alt);
+  color: var(--c-txt-alt);
   &:last-child{
     display: none;
   }

assets/scss/partials/_home.scss

@@ -9,6 +9,7 @@
 #home-title {
   line-height: normal;
   margin-bottom: .3em;
+  margin-left: -2px;
 }
 #home-social > a {
   padding-right: .5em;
@@ -37,7 +38,6 @@
   }
   span {
     margin-right: .5em;
-    font-weight: lighter;
     color: var(--c-txt-alt);
   }
   a {

assets/scss/partials/_list.scss

@@ -32,7 +32,6 @@
   .post-day {
     flex-shrink: 0;
     margin-left: 1em;
-    font-weight: lighter;
     color: var(--c-txt-alt);
   }
 }

assets/scss/style.scss

@@ -10,18 +10,18 @@ html {
 }
 
 body {
-  --c-bg: #fafafa;
-  --c-bg-alt: #dfdfdf;
-  --c-txt: #424242;
-  --c-txt-alt: #8a8a8a;
+  --c-bg: #faf9f8;
+  --c-bg-alt: #edebe9;
+  --c-txt: #3b3a39;
+  --c-txt-alt: #605e5c;
 }
 
 @media (prefers-color-scheme: dark) {
   body {
     --c-bg: #201f1e;
     --c-bg-alt: #3b3a39;
-    --c-txt: #ddd;
-    --c-txt-alt: #aaa;
+    --c-txt: #d2d0ce;
+    --c-txt-alt: #a19f9d;
   }
 }
 
@@ -217,6 +217,9 @@ h1#page-title {
   .footer-l {
     flex: 1;
   }
+  .site-nav > span {
+    color: var(--c-bg-alt);
+  }
   .social-icon > .icon-link {
     margin-left: .4em;
     margin-right: 0;