dark theme support (based on OS preference)

- https://addons.mozilla.org/en-US/firefox/addon/new-tab-page-bookmarks/reviews/2555058/
- https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-color-scheme

Author: mathio

package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrome-new-tab-page-bookmarks",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "main": "index.js",
   "license": "MIT",
   "author": "",

src/index.css

@@ -9,6 +9,8 @@ body {
 body {
   font-size: 13px;
   font-family: sans-serif;
+  color: #000;
+  background: #fff;
 }
 ul#root {
   display: flex;
@@ -94,3 +96,30 @@ p#image-attribution a {
   background-repeat: no-repeat;
   background-position: center;
 }
+
+@media (prefers-color-scheme: dark) {
+  body {
+    color: #fff;
+    background: #333;
+  }
+  a#toggle {
+    color: #fff;
+    background: rgba(50, 50, 50, 0.85);
+  }
+  a#toggle:hover {
+    background: rgba(50, 50, 50, 0.95);
+  }
+  ul#root a {
+    color: #fff;
+  }
+  ul#root a:hover {
+    background: #333;
+  }
+  p#image-attribution {
+    background: rgba(50, 50, 50, 0.85);
+    color: #e0e0e0;
+  }
+  p#image-attribution a {
+    color: #e0e0e0;
+  }
+}