update theme switcher to receive icons

src/cms/admin/themes/tailwind-default/theme.tsx

@@ -69,55 +69,49 @@ export const ThemeToggle = () => {
       <label class='switch'>
         <input
           class='switch__input'
-          type='checkbox'
           name='themeToggle'
+          type='checkbox'
           role='switch'
+        />
+        <svg
+          class='switch__icon switch__icon--light'
+          viewBox='0 0 12 12'
+          width='12px'
+          height='12px'
+          aria-hidden='true'
         >
-          <svg
-            class='switch__icon switch__icon--light'
-            viewBox='0 0 12 12'
-            width='12px'
-            height='12px'
-            aria-hidden='true'
-          >
-            <g
-              fill='none'
-              stroke='#fff'
-              stroke-width='1'
-              stroke-linecap='round'
-            >
-              <circle cx='6' cy='6' r='2' />
-              <g stroke-dasharray='1.5 1.5'>
-                <polyline points='6 10,6 11.5' transform='rotate(0,6,6)' />
-                <polyline points='6 10,6 11.5' transform='rotate(45,6,6)' />
-                <polyline points='6 10,6 11.5' transform='rotate(90,6,6)' />
-                <polyline points='6 10,6 11.5' transform='rotate(135,6,6)' />
-                <polyline points='6 10,6 11.5' transform='rotate(180,6,6)' />
-                <polyline points='6 10,6 11.5' transform='rotate(225,6,6)' />
-                <polyline points='6 10,6 11.5' transform='rotate(270,6,6)' />
-                <polyline points='6 10,6 11.5' transform='rotate(315,6,6)' />
-              </g>
+          <g fill='none' stroke='#fff' stroke-width='1' stroke-linecap='round'>
+            <circle cx='6' cy='6' r='2' />
+            <g stroke-dasharray='1.5 1.5'>
+              <polyline points='6 10,6 11.5' transform='rotate(0,6,6)' />
+              <polyline points='6 10,6 11.5' transform='rotate(45,6,6)' />
+              <polyline points='6 10,6 11.5' transform='rotate(90,6,6)' />
+              <polyline points='6 10,6 11.5' transform='rotate(135,6,6)' />
+              <polyline points='6 10,6 11.5' transform='rotate(180,6,6)' />
+              <polyline points='6 10,6 11.5' transform='rotate(225,6,6)' />
+              <polyline points='6 10,6 11.5' transform='rotate(270,6,6)' />
+              <polyline points='6 10,6 11.5' transform='rotate(315,6,6)' />
             </g>
-          </svg>
-          <svg
-            class='switch__icon switch__icon--dark'
-            viewBox='0 0 12 12'
-            width='12px'
-            height='12px'
-            aria-hidden='true'
+          </g>
+        </svg>
+        <svg
+          class='switch__icon switch__icon--dark'
+          viewBox='0 0 12 12'
+          width='12px'
+          height='12px'
+          aria-hidden='true'
+        >
+          <g
+            fill='none'
+            stroke='#fff'
+            stroke-width='1'
+            stroke-linejoin='round'
+            transform='rotate(-45,6,6)'
           >
-            <g
-              fill='none'
-              stroke='#fff'
-              stroke-width='1'
-              stroke-linejoin='round'
-              transform='rotate(-45,6,6)'
-            >
-              <path d='m9,10c-2.209,0-4-1.791-4-4s1.791-4,4-4c.304,0,.598.041.883.105-.995-.992-2.367-1.605-3.883-1.605C2.962.5.5,2.962.5,6s2.462,5.5,5.5,5.5c1.516,0,2.888-.613,3.883-1.605-.285.064-.578.105-.883.105Z' />
-            </g>
-          </svg>
-          <span class='switch__sr'>Dark Mode</span>
-        </input>
+            <path d='m9,10c-2.209,0-4-1.791-4-4s1.791-4,4-4c.304,0,.598.041.883.105-.995-.992-2.367-1.605-3.883-1.605C2.962.5.5,2.962.5,6s2.462,5.5,5.5,5.5c1.516,0,2.888-.613,3.883-1.605-.285.064-.578.105-.883.105Z' />
+          </g>
+        </svg>
+        <span class='switch__sr'>Dark Mode</span>
       </label>
     </>
   );