Improve the style of the homepage

* Sligly improve the design
* Now support dark theme (on supported browsers)
* Cleanup some bits

1 files changed, 26 insertions, 23 deletions

diff --git a/web-export/simple.css b/web-export/simple.css
index 46f2ee6..3c7cfb4 100644
--- a/web-export/simple.css
+++ b/web-export/simple.css
@@ -1,26 +1,29 @@
-body { margin-left:3%;
-       margin-right:3%;
-       margin-bottom:0;
-       margin-top:1%;
-       padding-left:2%;
-       padding-right:2%;
-       background:#fff;
-       text-align: justify;
-       font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, Georgia, serif;
-}
-
-h1 { margin:0 0 0 0;
-     padding:0 0 0 0;
-     border-bottom:1px solid gray;
-     margin-bottom: 5px;
-     color:gray;
-     font-variant:small-caps;
-     font-weight:lighter; }
-
-h1 a { text-decoration: none; }
-h2 a { text-decoration: none; }
-h3 a { text-decoration: none; }
-h4 a { text-decoration: none; }
+body {
+    max-width:800px;
+    margin:40px auto;
+    padding:0 10px;
+    font:18px/1.5 -apple-system, BlinkMacSystemFont, "Noto Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+    color: #444;
+}
+h1, h2, h3 {
+    line-height:1.2
+}
+@media (prefers-color-scheme: dark) {
+    body {
+        color:white;
+        background:#444
+    }
+    a:link {
+        color:#5bf
+    }
+    a:visited {
+        color:#ccf
+    }
+}
+
+h1 a, h2 a, h3 a, h4 a {
+    text-decoration: none;
+}
 
 h2,h3,h4 { margin:1em 0 0 0;
 	   font-variant:small-caps; }