hidrocor

diff --git a/templates/layout.html b/templates/layout.html
index 3086297aaa1affec80b2acf6fdcc05a775f74689..418c8941af85b3c2774309ae6ec4f74b74b4d3b9 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -6,6 +6,8 @@     
     <title>{{ .Title }}</title>
     <style>
       body {
+        background-color: #FFFFFF;
+        color: #111111;
         text-align: center;
         max-width: 600px;
         margin: 0 auto;
@@ -13,6 +15,10 @@         padding: 0 1rem;
         font-family: sans-serif;
       }
 
+      a {
+        color: #001f3f;
+      }
+
       h1 {
         font-size: 2.25rem;
         line-height: 2.5rem;
@@ -20,6 +26,17 @@       }
 
       article {
         text-align: left;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        body {
+          background-color: #111111;
+          color: #DDDDDD;
+        }
+
+        a {
+          color: #0074D9;
+        }
       }
     </style>
   </head>