chore: solved theming issue

Author: ignaciosantise

packages/email/src/W3mEmailWebview.tsx

@@ -135,7 +135,13 @@ export function EmailWebview() {
                 webviewRef.current?.injectJavaScript(W3mFrameConstants.FRAME_MESSAGES_HANDLER);
               }
               const themeMode = Appearance.getColorScheme() ?? undefined;
-              provider?.syncTheme({ themeMode });
+              provider?.syncTheme({
+                themeMode,
+                w3mThemeVariables: {
+                  '--w3m-accent': Theme['accent-100'],
+                  '--w3m-background': Theme['bg-100']
+                }
+              });
               provider?.syncDappData?.({ projectId, sdkVersion });
               provider?.onWebviewLoaded();
             }

packages/email/src/W3mFrameSchema.ts

@@ -38,7 +38,8 @@ export const AppUpdateEmailPrimaryOtpRequest = z.object({ otp: z.string() });
 export const AppUpdateEmailSecondaryOtpRequest = z.object({ otp: z.string() });
 export const AppSyncThemeRequest = z.object({
   themeMode: z.optional(z.enum(['light', 'dark'])),
-  themeVariables: z.optional(z.record(z.string(), z.string().or(z.number())))
+  themeVariables: z.optional(z.record(z.string(), z.string().or(z.number()))),
+  w3mThemeVariables: z.optional(z.record(z.string(), z.string().or(z.number())))
 });
 export const AppSyncDappDataRequest = z.object({
   metadata: z