Added dark mode icons for the extension preferences page

(part of issue #450)

wx-src/pages/options.css

@@ -60,12 +60,12 @@
 	--color-about-btn-border-hover: #b1b1b3;
 	--color-about-btn: #f9f9fa;
 
-	--url-preftab-general: url("../img/pref-general.svg");
-	--url-preftab-general-checked: url("../img/pref-general-checked.svg");
-	--url-preftab-paste: url("../img/pref-paste.svg");
-	--url-preftab-paste-checked: url("../img/pref-paste-checked.svg");
-	--url-preftab-sync-clippings: url("../img/pref-sync-clippings.svg");
-	--url-preftab-sync-clippings-checked: url("../img/pref-sync-clippings-checked.svg");
+	--url-preftab-general: url("../img/pref-general-dk.svg");
+	--url-preftab-general-checked: url("../img/pref-general-checked-dk.svg");
+	--url-preftab-paste: url("../img/pref-paste-dk.svg");
+	--url-preftab-paste-checked: url("../img/pref-paste-checked-dk.svg");
+	--url-preftab-sync-clippings: url("../img/pref-sync-clippings-dk.svg");
+	--url-preftab-sync-clippings-checked: url("../img/pref-sync-clippings-checked-dk.svg");
     }
 }
 
@@ -96,7 +96,7 @@ header, main {
     width: 640px;    
     padding: 16px;
     border: 1px solid var(--color-main-border);
-    border-radius: 2px;
+    border-radius: 4px;
     box-shadow: 0 0 8px 2px var(--color-main-border-shadow);
 }
 

wx-src/pages/options.js

@@ -346,7 +346,10 @@ $(async () => {
   aeVisual.cacheIcons(
     "pref-general-checked.svg",
     "pref-paste-checked.svg",
-    "pref-sync-clippings-checked.svg"
+    "pref-sync-clippings-checked.svg",
+    "pref-general-checked-dk.svg",
+    "pref-paste-checked-dk.svg",
+    "pref-sync-clippings-checked-dk.svg"
   );
   aeVisual.preloadMsgBoxIcons(true);
 });