From 14054a3f0c23c6383c7fba2e1663a1f6c7cefea2 Mon Sep 17 00:00:00 2001
From: Carlos Oliveira <18583512+coliveiraeti@users.noreply.github.com>
Date: Mon, 18 Dec 2023 13:12:34 -0300
Subject: [PATCH] Create dark theme style

---
 style.css | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/style.css b/style.css
index b75c0b2..b6a7f5d 100644
--- a/style.css
+++ b/style.css
@@ -1,28 +1,24 @@
-html
+body
 {
     background-color: #f5f5f5;
     color: #333;
 }
-
 h1.linktree
 {
     font-size: 1.3em;
     text-shadow: 2px 2px 4px #ccc;
 }
-
 h2.linktree
 {
     font-size: 1.1em;
     color: #666;
 }
-
 img.linktree-avatar {
     border-radius: 50%;
     max-width: 100%;
     height: 120px;
     border: 2px solid #ccc;
 }
-
 .linktree-content
 {
     margin: 1em auto 0 auto;
@@ -30,15 +26,28 @@ img.linktree-avatar {
     text-align: center;
     padding: 1em;
 }
-
 .linktree-button-area
 {
     padding-top: 1.5em;
 }
-
 .linktree-button-area > a.pure-button 
 {
     display: block;
     margin: 0 auto 1em auto;
     max-width: 440px;
+}
+
+@media (prefers-color-scheme: dark) {
+    body {
+      background-color: #222;
+      color: #f0ece2;
+    }
+    h1.linktree
+    {
+        text-shadow: 2px 2px 4px #000;
+    }
+    h2.linktree
+    {
+        color: #ccc;
+    }
 }
\ No newline at end of file