add dark-mode

Author: mirkobrombin

assets/css/dark.css

@@ -0,0 +1,22 @@
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #1d1c1e;
+        color: #f0eef7;
+    }
+    
+    a {
+        color: #f2efff;
+    }
+    
+    nav a:not(.brand):not(.button):hover, article p a {
+        color: #00b7ff;
+    }
+
+    .highlighter-rouge {
+        background-color: #2f3438;
+    }
+
+    pre>code {
+        background-color: #2f3438;
+    }
+}

assets/css/style.css

@@ -4,6 +4,7 @@
 @import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp');
 @import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
 @import url('https://usebottles.com/assets/css/style.css');
+@import url('/assets/css/dark.css');
 
 body {
 	font-size: 18px;

dependencies/Introduction.md

@@ -120,4 +120,3 @@ before this one.
 
 There are also more complex actions but we will not cover them here, refer
 to the [Actions](/dependencies/structure/Actions.md) page for more information.
-