fix: Switching iframes to dark theme

moufmouf · moufmouf · commit 5d10139edccc · 2026-02-03T13:52:28.000+01:00
This will allow a transparent background
diff --git a/docs/features/doors.md b/docs/features/doors.md
@@ -40,13 +40,13 @@ If you have complex doors that span on several layers, that is fine.
 :::
 
 :::caution
-Do not forget to make the closed door tiles "collidable" (using the `collides` property), otherwise users will be able
+Do not forget to make the closed door [tiles "collidable"](/map-building/tiled-editor/wa-maps#building-walls-and-collidable-areas) (using the `collides` property), otherwise users will be able
 to walk through your open door!
 :::
 
 ## Door Variable
 
-Then, add a ["variable"](https://docs.workadventu.re/developer/map-scripting/references/api-state). The variable will control
+Then, add a ["room variable"](https://docs.workadventu.re/developer/map-scripting/variables/#room-variables). The room variable will control
 the "state" of the door and to share that state between the players. If the variable value is `true`,
 the door will be open, if it is `false`, the door will be closed.
 
@@ -55,7 +55,7 @@ In order to add a variable, you need to create a "Point" on any "object layer" i
 ![Door Variable](images/door_variable.png)
 
 -   You can give this variable any name.
--   The "type" of the object MUST be "variable".
+-   The "class" of the object MUST be "variable".
 -   You MUST define a custom boolean property named `door`. The "door" checkbox must be checked.
 -   You can set the `default` custom property to `true` (opened by default) or `false` (closed by default). This will be used
     the first time a user enters the map.
diff --git a/src/Iframes/Configuration/configuration.ejs b/src/Iframes/Configuration/configuration.ejs
@@ -2,6 +2,7 @@
 <html>
     <head>
         <title>Configuration</title>
+        <meta name="color-scheme" content="dark">
         <script src="<%= workadventure_url %>/iframe_api.js" ></script>
     </head>
     <body class="tw-h-full tw-text-center tw-bg-dark-purple/95 tw-p-10 tw-flex tw-justify-center">
diff --git a/src/Iframes/Keypad/keypad.ejs b/src/Iframes/Keypad/keypad.ejs
@@ -2,6 +2,7 @@
 <html>
     <head>
         <title>Keypad</title>
+        <meta name="color-scheme" content="dark">
         <style>
             html {
                 height: 100%;
diff --git a/src/Iframes/TutorialV1/Launcher/script.ejs b/src/Iframes/TutorialV1/Launcher/script.ejs
@@ -2,6 +2,7 @@
 <html>
     <head>
         <title>Tutorial</title>
+        <meta name="color-scheme" content="dark">
         <script src="<%= workadventure_url %>/iframe_api.js" ></script>
     </head>
     <body class="tw-bg-dark-purple/95">
diff --git a/src/Iframes/TutorialV1/Tuto/tutorialv1.ejs b/src/Iframes/TutorialV1/Tuto/tutorialv1.ejs
@@ -2,6 +2,7 @@
 <html>
     <head>
         <title>Tutorial</title>
+        <meta name="color-scheme" content="dark">
         <script src="<%= workadventure_url %>/iframe_api.js" ></script>
     </head>
     <body style="background-color: transparent;">
