add 'auto' to extension icon option, fix typo

_locales/en/messages.json

@@ -1138,6 +1138,9 @@
     "message": "Options",
     "description": "Heading for options section on manage page."
   },
+  "optionsIconAuto": {
+    "message": "Match the Dark/Light mode automatically"
+  },
   "optionsIconDark": {
     "message": "Dark browser themes"
   },

js/dom.js

@@ -500,11 +500,10 @@ const dom = {};
   }
   // add favicon in FF
   if (FIREFOX) {
-    const iconset = ['', 'light/'][prefs.get('iconset')] || '';
     for (const size of [38, 32, 19, 16]) {
       document.head.appendChild($create('link', {
         rel: 'icon',
-        href: `/images/icon/${iconset}${size}.png`,
+        href: `/images/icon/${size}.png`,
         sizes: size + 'x' + size,
       }));
     }

js/prefs.js

@@ -120,6 +120,7 @@
 
     'sync.enabled': 'none',
 
+    'iconsetAuto': true,
     'iconset': 0,                   // 0 = dark-themed icon
                                     // 1 = light-themed icon
 

options.html

@@ -53,10 +53,10 @@
         <div class="items">
           <div class="radio-group">
             <label class="radio-group-item" i18n-text-append="preferSchemeDark">
-              <input type="radio" value="light" name="schemeSwitcher.enabled" class="radio">
+              <input type="radio" value="dark" name="schemeSwitcher.enabled" class="radio">
             </label>
             <label class="radio-group-item" i18n-text-append="preferSchemeLight">
-              <input type="radio" value="dark" name="schemeSwitcher.enabled" class="radio">
+              <input type="radio" value="light" name="schemeSwitcher.enabled" class="radio">
             </label>
             <label class="radio-group-item" i18n-text-append="optionsAdvancedAutoSwitchSchemeBySystem">
               <input type="radio" value="system" name="schemeSwitcher.enabled" class="radio">
@@ -78,6 +78,13 @@
       <div class="block">
         <h1 i18n-text="optionsCustomizeIcon"></h1>
         <div class="items">
+          <label>
+            <span i18n-text="optionsIconAuto"></span>
+            <span class="onoffswitch">
+              <input type="checkbox" id="iconsetAuto" class="slider">
+              <span></span>
+            </span>
+          </label>
           <label>
             <span i18n-text="optionsIconDark"></span>
             <div class="iconset">