From bcf7f109dff8a1e8c08c43bc5590c81244dd3ad3 Mon Sep 17 00:00:00 2001
From: Leandro Facchinetti <git@leafac.com>
Date: Mon, 26 Dec 2022 19:34:42 +0000
Subject: [PATCH]

---
 server/index.mts | 75 +++++++++++++++++++++++++++++-------------------
 1 file changed, 46 insertions(+), 29 deletions(-)
diff --git a/server/index.mts b/server/index.mts
index 76bb772..c60aa35 100644
--- a/server/index.mts
+++ b/server/index.mts
@@ -457,40 +457,57 @@ await commander.program
         response: express.Response<HTML, ResponseLocalsBase>;
         head: HTML;
         body: HTML;
-      }) => html`
-        <!DOCTYPE html>
-        <html lang="en">
-          <head>
-            <meta name="version" content="${application.version}" />
+      }) => {
+        const layoutBody = html`
+          <body
+            css="${response.locals.css(css`
+              background-color: var(--color--cyan--50);
+              color: var(--color--cyan--900);
+              @media (prefers-color-scheme: dark) {
+                background-color: var(--color--cyan--900);
+                color: var(--color--cyan--50);
+              }
+            `)}"
+          >
+            $${body}
+          </body>
+        `;
 
-            <meta
-              name="description"
-              content="Convert email newsletters into Atom feeds"
-            />
+        return html`
+          <!DOCTYPE html>
+          <html lang="en">
+            <head>
+              <meta name="version" content="${application.version}" />
 
-            <meta
-              name="viewport"
-              content="width=device-width, initial-scale=1, maximum-scale=1"
-            />
-            <link
-              rel="stylesheet"
-              href="https://${application.configuration.hostname}/${application
-                .static["index.css"]}"
-            />
-            $${response.locals.css.toString()}
+              <meta
+                name="description"
+                content="Convert email newsletters into Atom feeds"
+              />
 
-            <script
-              src="https://${application.configuration.hostname}/${application
-                .static["index.mjs"]}"
-              defer
-            ></script>
+              <meta
+                name="viewport"
+                content="width=device-width, initial-scale=1, maximum-scale=1"
+              />
+              <link
+                rel="stylesheet"
+                href="https://${application.configuration
+                  .hostname}/${application.static["index.css"]}"
+              />
+              $${response.locals.css.toString()}
 
-            $${head}
-          </head>
+              <script
+                src="https://${application.configuration.hostname}/${application
+                  .static["index.mjs"]}"
+                defer
+              ></script>
 
-          $${body} $${response.locals.javascript.toString()}
-        </html>
-      `;
+              $${head}
+            </head>
+
+            $${layoutBody} $${response.locals.javascript.toString()}
+          </html>
+        `;
+      };
 
       application.web.get<{}, any, {}, {}, ResponseLocalsBase>(
         "/",
