dark mode

charsi · Oct 30, 2020 · 2cebc80 · 2cebc80
1 parent 40dee7f
commit 2cebc80
Showing 1 changed file with 56 additions and 0 deletions.
diff --git a/steel.css b/steel.css
@@ -65,4 +65,60 @@ img {
 
 img.header{
   max-width: 65em;
+}
+
+@media (prefers-color-scheme: dark) {
+  html {
+    background-color: #181a1b !important;
+  }
+  html, body, input, textarea, select, button {
+      background-color: #181a1b;
+  }
+  html, body, input, textarea, select, button {
+      border-color: #736b5e;
+      color: #e8e6e3;
+  }
+  a {
+      color: #3391ff;
+  }
+  table {
+      border-color: #545b5e;
+  }
+  ::placeholder {
+      color: #b2aba1;
+  }
+  input:-webkit-autofill,
+  textarea:-webkit-autofill,
+  select:-webkit-autofill {
+      background-color: #555b00 !important;
+      color: #e8e6e3 !important;
+  }
+  ::-webkit-scrollbar {
+      background-color: #202324;
+      color: #aba499;
+  }
+  ::-webkit-scrollbar-thumb {
+      background-color: #454a4d;
+  }
+  ::-webkit-scrollbar-thumb:hover {
+      background-color: #575e62;
+  }
+  ::-webkit-scrollbar-thumb:active {
+      background-color: #484e51;
+  }
+  ::-webkit-scrollbar-corner {
+      background-color: #181a1b;
+  }
+  * {
+      scrollbar-color: #202324 #454a4d;
+  }
+  ::selection {
+      background-color: #004daa !important;
+      color: #e8e6e3 !important;
+  }
+  ::-moz-selection {
+      background-color: #004daa !important;
+      color: #e8e6e3 !important;
+  }
+
 }