Merge pull request #6987 from pavinduLakshan/branding_fixes

wso2 · Oct 18, 2024 · 1e10ca0 · 1e10ca0
2 parents 9552843 + 50d00e6
commit 1e10ca0
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/.changeset/wise-bugs-shout.md b/.changeset/wise-bugs-shout.md
@@ -0,0 +1,5 @@
+---
+"@wso2is/admin.branding.v1": patch
+---
+
+Fix MyAccount Logo Visibility Issue in Light Mode within Branding Section
diff --git a/features/admin.branding.v1/components/design/design-form.tsx b/features/admin.branding.v1/components/design/design-form.tsx
@@ -540,6 +540,14 @@ export const DesignForm: FunctionComponent<DesignFormPropsInterface> = forwardRe
                     <ImagePreview
                         label={ t("extensions:develop.branding.forms.design.theme.images.favicon.preview") }
                         data-componentid={ `${componentId}-favicon-image-preview` }
+                        style={
+                            layout.activeLayout !== PredefinedLayouts.CUSTOM
+                                ? {
+                                    background: theme[ theme?.activeTheme ]?.colors?.background?.body?.main,
+                                    color: theme[theme.activeTheme]?.colors?.text?.primary
+                                }
+                                : null
+                        }
                     >
                         <GenericIcon
                             square
@@ -632,8 +640,8 @@ export const DesignForm: FunctionComponent<DesignFormPropsInterface> = forwardRe
                                     style={
                                         layout.activeLayout !== PredefinedLayouts.CUSTOM
                                             ? {
-                                                background: theme[ theme?.activeTheme ]?.
-                                                    colors?.background?.surface?.inverted
+                                                background: theme[ theme?.activeTheme ]?.colors?.background?.body?.main,
+                                                color: `${theme[theme.activeTheme]?.colors?.text?.primary} !important`
                                             }
                                             : null
                                     }