Merge branch 'master' into feature/fix-theme-preview

frontend/src/ts/commandline/lists.ts

@@ -332,6 +332,29 @@ export const commands: CommandsSubgroup = {
         ],
       },
     },
+    {
+      id: "fixSkillIssue",
+      display: "Fix skill issue",
+      icon: "fa-wrench",
+      visible: false,
+      exec: async (): Promise<void> => {
+        // window.open("https://www.youtube.com/watch?v=dQw4w9WgXcQ");
+        (document.querySelector("body") as HTMLElement).innerHTML = `
+          <div class="centerbox" style="position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events: none;">
+            <h1 style="font-size:3rem;margin-bottom:1rem;">Fixing skill issue...</h1>
+            <iframe width="800" height="600" src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=Kr48u8WHcwvX95G7&amp;controls=0&autoplay=1&mute=0&disablekb=1&fs=0&modestbranding=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+          </div>
+        `;
+        setTimeout(() => {
+          document
+            .querySelector(".centerbox")
+            ?.insertAdjacentHTML(
+              "beforeend",
+              `<p style="margin-top:1rem;font-size:1.5rem;">If your skill issue is not fixed yet, please wait a bit longer...</p>`
+            );
+        }, 5000);
+      },
+    },
     {
       id: "joinDiscord",
       display: "Join the Discord server",

frontend/src/ts/modals/share-custom-theme.ts

@@ -30,9 +30,9 @@ async function generateUrl(): Promise<string> {
   } = {
     c: ThemeController.colorVars.map(
       (color) =>
-        $(
-          `.pageSettings .customTheme .tabContent.customTheme #${color}[type='color']`
-        ).attr("value") as string
+        $(`.pageSettings .tabContent.customTheme #${color}[type='color']`).attr(
+          "value"
+        ) as string
     ),
   };
 

frontend/src/ts/modals/simple-modals.ts

@@ -1133,7 +1133,7 @@ list.updateCustomTheme = new SimpleModal({
       for (const color of ThemeController.colorVars) {
         newColors.push(
           $(
-            `.pageSettings .customTheme .tabContent.customTheme #${color}[type='color']`
+            `.pageSettings .tabContent.customTheme #${color}[type='color']`
           ).attr("value") as string
         );
       }