dark theme

2026-05-15 02:35:03 +07:00
parent 74d2446805
commit 4e9d466bbc
2 changed files with 65 additions and 5 deletions
@@ -0,0 +1,56 @@
+body {
+    font: 100% / 1.5 "Lucida Grande", "Lucida Sans", "Luxi Sans", "Go", "Atkinson Hyperlegible", Verdana, sans-serif;
+    color: #000000;
+    text-align: left;
+    box-sizing: border-box;
+    /* width: 100%; */
+    background: no-repeat linear-gradient(white, grey);
+    background-size: cover;
+    background-attachment: fixed;
+}
+
+main {
+    max-width: 64rem;
+    width: 100%;
+    padding: 0 1.5rem;
+    box-sizing: border-box;
+    margin: 0 auto;
+    background: white;
+    box-shadow: 2px 2px 12px rgb(0 0 0 / 40%);
+    padding-top: 0.5em;
+}
+
+footer {
+    padding-bottom: 0.1em;
+}
+
+.welcome {
+    margin: 0 auto;
+    width: max-content;
+    display: block;
+    padding-right: 0.5em;
+}
+
+.logo {
+    display: block;
+    margin: auto;
+    object-fit: contain;
+    align-content: center;
+    max-width: 100%;
+}
+
+@media only screen and (prefers-color-scheme: dark) {
+    body {
+        background: no-repeat linear-gradient(black, grey)
+                    black;
+    }
+
+    main {
+        background: #202030;
+        color: #f0f0f0;
+    }
+    
+    a {
+        color: cornflowerblue;
+    }
+}