add color scheme

Author: addisonschultz

integrations/front/src/script.raw.js

@@ -5,27 +5,17 @@
     s = d.createElement('script');
     s.src = 'https://chat-assets.frontapp.com/v1/chat.bundle.js';
     s.async = 1;
+    d.getElementsByTagName('head')[0].appendChild(s);
 
     s.onload = function () {
         if (window.FrontChat) {
-            window.FrontChat('init', { chatId: chatId, useDefaultLauncher: true });
+            window.FrontChat('init', {
+                chatId: chatId,
+                useDefaultLauncher: true,
+                colorScheme: 'light dark',
+            });
         }
-
-        // Workaround for Front's color-scheme bug
-        // Front's widget uses color-scheme: normal which doesn't respect page color schemes
-        // This override allows proper light/dark mode support
-        const styleOverride = d.createElement('style');
-        styleOverride.textContent = `
-            [data-front-chat-container],
-            [data-front-chat-container] iframe,
-            #front-chat-container,
-            #front-chat-container iframe {
-                color-scheme: light dark !important;
-            }
-        `;
-        d.head.appendChild(styleOverride);
     };
 
-    // Append to body (just before closing </body> tag) as per Front's documentation
-    d.getElementsByTagName('body')[0].appendChild(s);
+    d.getElementsByTagName('head')[0].appendChild(s);
 })(window, document);