Merge pull request #833 from Pukimaa/patch-1

[#804] Dark Mode

assets/css/application.scss

@@ -10,6 +10,46 @@ body {
   font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
+@media (prefers-color-scheme: dark) {
+  body {
+    background: #212121;
+    color: #d0c8c1;
+  }
+  
+  h1, h2, h3, h5 {
+    color: #dadada !important;
+  }
+  
+  .site-footer {
+    color: #ccc !important; 
+  }
+  
+  .site-footer a {
+    color: #ddd !important; 
+  }
+  
+  .home h2 {
+    color: #c7cdce !important;
+  }
+  
+  .license-body pre {
+    background-color: #131313 !important;
+    border: 1px solid #3e3e3e !important;
+  }
+  
+  .note {
+    color: #9fa5a6 !important;
+  }
+  
+  strong {
+    color: #bdbdbd !important;
+  }
+  
+  button, input, optgroup, select, textarea {
+    color: black !important;
+  }
+}
+
 a {
   color: #149ad4;
   font-weight: bold;
@@ -93,7 +133,7 @@ strong {
 }
 
 .home h2 span {
-  color: #f1f1f1;
+  color: rgba(127,127,127,10%);
   font-size: 70px;
   padding: 0 5px;
   position: relative;