From a2b3be016947538ae60883db01a913865db38e0a Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Thu, 25 Mar 2021 10:55:11 +0530
Subject: [PATCH] Refactor noscript styles to not break with code formatter

---
 layouts/partials/header.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index f0e4bd03..23f25885 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -44,7 +44,10 @@
         .top-link {
             display: none;
         }
-        {{- if (and (ne .Site.Params.defaultTheme "light") (ne .Site.Params.defaultTheme "dark")) }}
+
+    </style>
+    {{- if (and (ne .Site.Params.defaultTheme "light") (ne .Site.Params.defaultTheme "dark")) }}
+    <style>
         @media (prefers-color-scheme: dark) {
             :root {
                 --theme: #1d1e20;
@@ -57,18 +60,22 @@
                 --code-bg: #37383e;
                 --border: #333;
             }
+
             .list {
                 background: var(--theme);
             }
+
             .list:not(.dark)::-webkit-scrollbar-track {
                 background: 0 0;
             }
+
             .list:not(.dark)::-webkit-scrollbar-thumb {
                 border-color: var(--theme);
             }
         }
-        {{- end }}
     </style>
+    {{- end }}
+
 </noscript>
 <header class="header">
     <nav class="nav">