[pages] add theme styling

1 files changed, 27 insertions, 0 deletions

diff --git a/src/pages/_template.php b/src/pages/_template.php
index 13e697d..eddc154 100644
--- a/src/pages/_template.php
+++ b/src/pages/_template.php
@@ -11,9 +11,20 @@
 
         <style>
 
+            * {
+                font-family: sans-serif;
+            }
+
             html {
                 display: flex;
                 justify-content: center;
+                background-color: #e1e2e7;
+                color: #1a1b26;
+
+                @media (prefers-color-scheme: dark) {
+                    background-color: #1a1b26;
+                    color: #c0caf5;
+                }
             }
 
             body {
@@ -21,6 +32,22 @@
                 width: 100%;
             }
 
+            a {
+                color: #587539;
+
+                &:hover {
+                    color: #8c6c3e;
+                }
+
+                @media (prefers-color-scheme: dark) {
+                    color: #9ece6a;
+
+                    &:hover {
+                        color: #e0af68;
+                    }
+                }
+            }
+
         </style>
 
     </head>