Site updated: 2020-03-17 13:54:15

css/main.css

@@ -11,6 +11,27 @@
   --table-row-hover-bg-color: #f5f5f5;
   --menu-item-bg-color: #f5f5f5;
 }
+@media (prefers-color-scheme: dark) {
+  :root {
+    --body-bg-color: #121212;
+    --content-bg-color: #1d1d1d;
+    --card-bg-color: #282828;
+    --text-color: #e1e1e1;
+    --link-color: #e1e1e1;
+    --link-hover-color: #fff;
+    --brand-color: #fff;
+    --brand-hover-color: #fff;
+    --table-row-odd-bg-color: #282828;
+    --table-row-hover-bg-color: #363636;
+    --menu-item-bg-color: #333;
+  }
+  img {
+    opacity: 0.75;
+  }
+  img:hover {
+    opacity: 1;
+  }
+}
 html {
   line-height: 1.15; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
@@ -1237,7 +1258,7 @@ pre .javascript .function {
 }
 .links-of-author a::before,
 .links-of-author span.exturl::before {
-  background: #2f3216;
+  background: #5ee48b;
   border-radius: 50%;
   content: ' ';
   display: inline-block;
@@ -2375,24 +2396,3 @@ a#download:hover {
   background: #000;
   color: #fff;
 }
-.content {
-  border-radius: 10px;
-}
-.main-inner {
-  border-radius: 10px;
-  padding: 60px 90px 60px 60px;
-  background: #fff;
-  opacity: 0.9;
-  min-height: 500px;
-}
-.header-inner {
-  border-radius: 10px;
-  background: rgba(255,255,255,0.9);
-}
-body {
-  background: url("/images/download.png");
-  background-repeat: no-repeat;
-  background-attachment: fixed;
-  background-position: 50% 50%;
-  background-size: cover;
-}