type selector style for body bg color

hillac · web-flow · commit ffac10e2ad28 · 2025-03-08T15:32:37.000+10:00
background color doesn't work in outlook for body
diff --git a/packages/body/src/body.tsx b/packages/body/src/body.tsx
@@ -5,9 +5,20 @@ export type BodyProps = Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>>;
 export const Body = React.forwardRef<HTMLBodyElement, BodyProps>(
   ({ children, style, ...props }, ref) => {
     return (
-      <body {...props} ref={ref} style={style}>
-        {children}
-      </body>
+      <>
+        {style?.backgroundColor && (
+          <style>
+            {`
+              body {
+                  background-color: ${style.backgroundColor}
+              }
+            `}
+          </style>
+        )}
+        <body {...props} ref={ref} style={style}>
+          {children}
+        </body>
+      </>
     );
   },
 );
