assets/sass/components/_logo.scss

@@ -1,14 +1,9 @@
 $_desaturate_amount: 35%;
 
-$_color_1: #ff6800;
-$_color_2: #e8ff00;
-$_color_3: #00a9ff;
-$_color_4: #b346e2;
-
-$_color_1_dark: desaturate($_color_1, $_desaturate_amount);
-$_color_2_dark: desaturate($_color_2, $_desaturate_amount);
-$_color_3_dark: desaturate($_color_3, $_desaturate_amount);
-$_color_4_dark: desaturate($_color_4, $_desaturate_amount);
+$_color_1: desaturate(#ff6800, $_desaturate_amount);
+$_color_2: desaturate(#e8ff00, $_desaturate_amount);
+$_color_3: desaturate(#00a9ff, $_desaturate_amount);
+$_color_4: desaturate(#b346e2, $_desaturate_amount);
 
 .logo__wrapper {
   width: 7rem;
@@ -16,14 +11,19 @@ $_color_4_dark: desaturate($_color_4, $_desaturate_amount);
   margin-bottom: 1em;
 }
 
-.logo__color_1 { fill: $_color_1; }
-.logo__color_2 { fill: $_color_2; }
-.logo__color_3 { fill: $_color_3; }
-.logo__color_4 { fill: $_color_4; }
-
-@media (prefers-color-scheme: dark) {
-  .logo__color_1 { fill: $_color_1_dark; }
-  .logo__color_2 { fill: $_color_2_dark; }
-  .logo__color_3 { fill: $_color_3_dark; }
-  .logo__color_4 { fill: $_color_4_dark; }
+.logo__color_1 {
+  fill: $_color_1;
 }
+
+.logo__color_2 {
+  fill: $_color_2;
+}
+
+.logo__color_3 {
+  fill: $_color_3;
+}
+
+.logo__color_4 {
+  fill: $_color_4;
+}
+

layouts/_default/single.html

@@ -1,11 +1,9 @@
 {{ define "main" }}
-  <article class="post outer">
+  <article class="post">
     <header>
-      <div class="container">
-        <h2 class="post__title">{{.Title}}</h2>
+      <h2 class="post__title">{{.Title}}</h2>
 
-        <p class="post__date">{{.Date.Format "Jan 2, 2006"}}</p>
-      </div>
+      <p class="post__date">{{.Date.Format "Jan 2, 2006"}}</p>
     </header>
 
     {{.Content}}

layouts/index.html

@@ -37,10 +37,8 @@
         {{ partial "blog_post_summary.html" . }}
       {{ end }}
 
-      <footer class="home__more outer">
-        <div class="container">
-          <p><a href="/blog">More →</a></p>
-        </div>
+      <footer class="container home__more">
+        <p><a href="/blog">More →</a></p>
       </footer>
     </article>
   </section>

resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -459,23 +459,13 @@ pre {
   margin-bottom: 1em; }
 
 .logo__color_1 {
-  fill: #ff6800; }
+  fill: #d2702d; }
 
 .logo__color_2 {
-  fill: #e8ff00; }
+  fill: #c3d22d; }
 
 .logo__color_3 {
-  fill: #00a9ff; }
+  fill: #2d9ad2; }
 
 .logo__color_4 {
-  fill: #b346e2; }
-
-@media (prefers-color-scheme: dark) {
-  .logo__color_1 {
-    fill: #d2702d; }
-  .logo__color_2 {
-    fill: #c3d22d; }
-  .logo__color_3 {
-    fill: #2d9ad2; }
-  .logo__color_4 {
-    fill: #a46bbd; } }
+  fill: #a46bbd; }