support dark mode

watilde · Aug 1, 2019 · 89267cb · 89267cb
1 parent 233ae2f
commit 89267cb
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -11,6 +11,18 @@
   <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
   <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
   <style amp-custom>
+  @media (prefers-color-scheme: dark) {
+    html, body {
+      color: #cba987 !important;
+      background: #010101 !important;
+    }
+    a, a:visited {
+      color: #aaa999 !important;
+    }
+    a:hover {
+      color: #0073ff !important;
+    }
+  }
   html, body {
     font-family: 'Source Sans Pro', sans-serif;
     margin: 0;