Use the same inine script for pagesdir and appdir

Author: garronej

src/next-pagesdir.tsx

@@ -197,6 +197,99 @@ export function createNextDsfrIntegrationApi(
                                 />
                             </>
                         )}
+                        <script
+                            dangerouslySetInnerHTML={{
+                                "__html": `
+
+                            {
+
+                                window.ssrWasPerformedWithIsDark = "${defaultColorScheme}" === "dark";
+                                
+                                const isDark = (() => {
+                                
+                                	const isDarkExplicitlyProvidedAsParameter = (() => {
+                                		if ("${defaultColorScheme}" === "system") {
+                                			return undefined;
+                                		}
+                                
+                                		switch ("${defaultColorScheme}") {
+                                			case "dark": return true;
+                                			case "light": return false;
+                                		}
+                                	})();
+                                
+                                	const isDarkFromLocalStorage = (() => {
+                                		const colorSchemeReadFromLocalStorage = localStorage.getItem("scheme");
+                                
+                                		if (colorSchemeReadFromLocalStorage === null) {
+                                			return undefined;
+                                		}
+                                
+                                		if (colorSchemeReadFromLocalStorage === "system") {
+                                			return undefined;
+                                		}
+                                
+                                		switch (colorSchemeReadFromLocalStorage) {
+                                			case "dark":
+                                				return true;
+                                			case "light":
+                                				return false;
+                                		}
+                                	})();
+                                
+                                	const isDarkFromOsPreference = (() => {
+                                		if (!window.matchMedia) {
+                                			return undefined;
+                                		}
+                                
+                                		return window.matchMedia("(prefers-color-scheme: dark)").matches;
+                                	})();
+                                
+                                	const isDarkFallback = false;
+                                
+                                	return (
+                                		isDarkFromLocalStorage ??
+                                		isDarkExplicitlyProvidedAsParameter ??
+                                		isDarkFromOsPreference ??
+                                		isDarkFallback
+                                	);
+                                
+                                })();
+                                
+                                ["${data_fr_scheme}", "${data_fr_theme}"].forEach(attr => document.documentElement.setAttribute(attr, isDark ? "dark" : "light"));
+
+                                {
+
+                                    const element = document.createElement("style");
+
+                                    element.id = "${rootColorSchemeStyleTagId}";
+
+                                    element.innerHTML = \`:root { color-scheme: \${isDark ? "dark" : "light"}; }\`;
+
+                                    document.head.appendChild(element);
+
+                                }
+
+                                {
+                    
+                                    const element = document.createElement("meta");
+                    
+                                    element.name = "theme-color";
+                    
+                                    element.content = isDark ? "${
+                                        getColors(true).decisions.background.default.grey.default
+                                    }" : "${
+                                    getColors(false).decisions.background.default.grey.default
+                                }";
+                    
+                                    document.head.appendChild(element);
+
+                                }
+
+                            }
+				`
+                            }}
+                        />
                     </Head>
                     {isBrowser ? (
                         <App {...(props as any)} />