Bugfix: backgroundColor added for Embedded Menu Component.

src/components/embeddedMenu/index.tsx

@@ -52,6 +52,7 @@ const Menu: RefForwardingComponent<IEmbeddedMenuRef, IEmbeddedMenuProps> = ({
     isShowSiteLogo = true,
     renderHeaderSeperator,
     close: closeAction,
+    backgroundColor,
     customLocalize,
     maxWidth = 300,
     renderSiteLogo,
@@ -90,6 +91,7 @@ const Menu: RefForwardingComponent<IEmbeddedMenuRef, IEmbeddedMenuProps> = ({
         siteLogo: siteLogoDynamicStyle
     } = useStyles({
         isCollapse: isActive,
+        backgroundColor,
         colors,
         spaces
     });

src/components/embeddedMenu/stylesheet.ts

@@ -53,13 +53,14 @@ const stylesheet = StyleSheet.create({
 });
 
 export const useStyles = ({
+    backgroundColor,
     isCollapse,
     colors,
     spaces
 }: EmbeddedMenuDynamicStyle) => {
     const styles = {
         container: {
-            backgroundColor: colors.content.container.default
+            backgroundColor: backgroundColor ? colors.project[backgroundColor] : colors.content.container.default
         } as Mutable<ViewStyle>,
         headerContainer: {
             paddingHorizontal: spaces.spacingMd,

src/components/embeddedMenu/type.ts

@@ -19,6 +19,7 @@ export type IEmbeddedMenuRef = {
 };
 
 export type EmbeddedMenuDynamicStyle = {
+    backgroundColor?: keyof NCoreUIKit.ProjectColorPalette;
     spaces: NCoreUIKit.ActivePalette["spaces"];
     colors: NCoreUIKit.ActivePalette["colors"];
     isCollapse: boolean;
@@ -51,6 +52,7 @@ interface IEmbeddedMenuProps {
         paletteKey?: keyof NCoreUIKit.PaletteKey;
         themeKey?: keyof NCoreUIKit.ThemeKey;
     };
+    backgroundColor?: keyof NCoreUIKit.ProjectColorPalette;
     customLocalize?: {
         activeLocale?: keyof NCoreUIKit.LocaleKey;
     };