add: dark mode

index.html

@@ -14,9 +14,11 @@
                 margin: 0 auto;
                 padding: 2rem;
                 line-height: 1.5;
+                background: #0d1117;
+                color: #e6edf3;
             }
             h1 {
-                border-bottom: 2px solid #eaecef;
+                border-bottom: 2px solid #21262d;
                 padding-bottom: 0.3em;
             }
             ul {
@@ -26,12 +28,13 @@
             li {
                 margin-bottom: 1rem;
                 padding: 1rem;
-                border: 1px solid #eaecef;
+                border: 1px solid #21262d;
                 border-radius: 6px;
+                background: #161b22;
             }
             a {
                 text-decoration: none;
-                color: #0366d6;
+                color: #58a6ff;
                 font-weight: bold;
                 font-size: 1.2rem;
             }
@@ -39,7 +42,7 @@
                 text-decoration: underline;
             }
             .date {
-                color: #586069;
+                color: #8b949e;
                 font-size: 0.9rem;
                 margin-top: 0.5rem;
             }
@@ -51,8 +54,8 @@
 
         <p>
             <a
-                href="/calendar.html"
-                style="font-size: 1rem; font-weight: normal; color: #0366d6"
+                href="/calendar/"
+                style="font-size: 1rem; font-weight: normal; color: #58a6ff"
                 >📅 View Calendar & Add to yours</a
             >
         </p>