diff --git a/index.html b/index.html
index a2997f7..29acc15 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
 <body>
     <script src="create-circle.js"></script>
     <script src="image.js"></script>
-    <h1>Fedi Circle Creator</h1>
+    <h1>&#11093; Fedi Circle Creator</h1>
     <form id="generateForm" onsubmit="(async () => await circleMain())(); return false;">
         <input id="txt_mastodon_handle" type="text" placeholder="@sonnenbrandi@mieke.club">
         <br><br>
diff --git a/style.css b/style.css
index 62ea3b2..bcd54b8 100644
--- a/style.css
+++ b/style.css
@@ -1,12 +1,26 @@
 body {
-    background-color: #191b22;
-    color: #d9e1e8;
+    font-family: sans-serif;
     font-size: 20px;
     line-height: 200%;
     padding-top: 75px;
     text-align: center;
 }
 
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #191b22;
+        color: #d9e1e8;
+    }
+
+    a:link {
+        color: #dd87ff;
+    }
+
+    a:visited {
+        color: #6153ff;
+    }
+}
+
 input[type="text"]
 {
     font-size: 110%;
@@ -22,9 +36,12 @@ canvas {
     width: 90%;
 }
 
-a {
+a:hover {
     text-decoration: none;
-    color: #AAAAAA;
+}
+
+a:active {
+    color: #ff6200;
 }
 
 #outDiv {
