fix(themes): fix theme backgrounds for SOME people

scripts/build.mjs

@@ -74,7 +74,7 @@ const config = {
                                 constModules: {
                                     globals: {
                                         "bunny-build-info": {
-                                            version: `"v1.4.0"`
+                                            version: `"v1.4.1"`
                                         }
                                     }
                                 },

src/lib/addons/themes/colors/patches/background.tsx

@@ -6,17 +6,18 @@ import { findInReactTree } from "@lib/utils";
 import { findByFilePathLazy } from "@metro";
 import chroma from "chroma-js";
 import { ImageBackground, StyleSheet } from "react-native";
+import { logger } from "@lib/utils/logger";
 
-const Messages = findByFilePathLazy("components_native/chat/Messages.tsx", true);
+const Messages = findByFilePathLazy("modules/messages/native/Messages.tsx", true);
 
-function ThemeBackground({ children }: { children: React.ReactNode }) {
+function ThemeBackground({ children }: { children: React.ReactNode; }) {
     useObservable([colorsPref]);
 
     if (!_colorRef.current
         || colorsPref.customBackground === "hidden"
         || !_colorRef.current.background?.url
         || _colorRef.current.background?.blur && (typeof _colorRef.current.background?.blur !== "number")
-    ){
+    ) {
         return children;
     }
 
@@ -30,30 +31,36 @@ function ThemeBackground({ children }: { children: React.ReactNode }) {
 }
 
 export default function patchChatBackground() {
-    const patches = [
+    try {
-        after("render", Messages, (_, ret) => {
+        const patches = [
-            if (!_colorRef.current || !_colorRef.current.background?.url) return;
+            after("render", Messages, (_, ret) => {
-            const messagesComponent = findInReactTree(
+                if (!_colorRef.current || !_colorRef.current.background?.url) return;
-                ret,
-                x => x && "HACK_fixModalInteraction" in x.props && x?.props?.style
-            );
 
-            if (messagesComponent) {
+                const messagesComponent = findInReactTree(
-                const flattened = StyleSheet.flatten(messagesComponent.props.style);
+                    ret,
-                const backgroundColor = chroma(
+                    x => x && "HACK_fixModalInteraction" in x.props && x?.props?.style
-                    flattened.backgroundColor || "black"
+                );
-                ).alpha(
-                    1 - (_colorRef.current.background?.opacity ?? 1)
-                ).hex();
 
-                messagesComponent.props.style = StyleSheet.flatten([
+                if (messagesComponent) {
-                    messagesComponent.props.style,
+                    const flattened = StyleSheet.flatten(messagesComponent.props.style);
-                    { backgroundColor }
+                    const backgroundColor = chroma(
-                ]);
+                        flattened.backgroundColor || "black"
-            }
+                    ).alpha(
+                        1 - (_colorRef.current.background?.opacity ?? 1)
+                    ).hex();
 
-            return <ThemeBackground>{ret}</ThemeBackground>;
+                    messagesComponent.props.style = StyleSheet.flatten([
-        })
+                        messagesComponent.props.style,
-    ];
+                        { backgroundColor }
-    return () => patches.forEach(x => x());
+                    ]);
-}
+                }
+
+                return <ThemeBackground>{ret}</ThemeBackground>;
+            })
+        ];
+        return () => patches.forEach(x => x());
+    } catch (e) {
+        logger.error("Failed to patch chat background.", e);
+        return () => { };
+    }
+}

src/lib/api/debug.ts

@@ -43,7 +43,6 @@ export async function toggleSafeMode() {
     setTimeout(BundleUpdaterManager.reload, 400);
 }
 
-// --- Debugger State & Logic ---
 let socket: WebSocket | undefined;
 let originalConsoleLog: any;
 let originalConsoleError: any;
@@ -254,7 +253,6 @@ export function isConnectedToDebugger(): boolean {
     return socket?.readyState === WebSocket.OPEN;
 }
 
-// --- React DevTools (RDT) Logic ---
 const rdtPort = 8097;
 export let rdtClient: WebSocket | null = null;
 export let rdtConnected = false;
@@ -318,8 +316,6 @@ export function useIsRdtConnected() {
     return connected;
 }
 
-// --- Core Utils ---
-
 /**
  * @internal
  */