From a18e12b53b1900fec8e490a43299c57f094b293d Mon Sep 17 00:00:00 2001 From: mkzie2 Date: Wed, 18 Jun 2025 20:57:35 +0700 Subject: [PATCH 1/3] fix: onfido broken styles --- src/components/Onfido/BaseOnfidoWeb.tsx | 3 ++- src/components/Onfido/index.css | 4 ++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/Onfido/BaseOnfidoWeb.tsx b/src/components/Onfido/BaseOnfidoWeb.tsx index 47723c02526d..367559883673 100644 --- a/src/components/Onfido/BaseOnfidoWeb.tsx +++ b/src/components/Onfido/BaseOnfidoWeb.tsx @@ -51,9 +51,10 @@ function initializeOnfido({sdkToken, onSuccess, onError, onUserExit, preferredLo colorBorderButtonPrimary: theme.success, colorContentButtonSecondaryText: theme.text, colorBackgroundButtonSecondary: theme.border, - colorBackgroundButtonSecondaryHover: theme.icon, + colorBackgroundButtonSecondaryHover: theme.hoverComponentBG, colorBackgroundButtonSecondaryActive: theme.icon, colorBorderButtonSecondary: theme.border, + colorBorderButtonSecondaryHover: theme.transparent, colorBackgroundIcon: theme.transparent, colorContentLinkTextHover: theme.appBG, colorBorderLinkUnderline: theme.link, diff --git a/src/components/Onfido/index.css b/src/components/Onfido/index.css index b013311e1509..15925ff05f05 100644 --- a/src/components/Onfido/index.css +++ b/src/components/Onfido/index.css @@ -1,4 +1,8 @@ /* These style overrides are necessary so that the Onfido modal looks nice */ +:root { + --ods-color-border-separator: transparent; +} + .onfido-sdk-ui-Modal-inner { border-style: none !important; width: 100% !important; From f3bf94e24712711732ce002fd350ea6689c552e9 Mon Sep 17 00:00:00 2001 From: mkzie2 Date: Thu, 10 Jul 2025 17:58:32 +0700 Subject: [PATCH 2/3] fix more styles --- src/components/Onfido/BaseOnfidoWeb.tsx | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/src/components/Onfido/BaseOnfidoWeb.tsx b/src/components/Onfido/BaseOnfidoWeb.tsx index 367559883673..f80dc5bc924d 100644 --- a/src/components/Onfido/BaseOnfidoWeb.tsx +++ b/src/components/Onfido/BaseOnfidoWeb.tsx @@ -40,6 +40,7 @@ function initializeOnfido({sdkToken, onSuccess, onError, onUserExit, preferredLo colorContentTitle: theme.text, colorContentSubtitle: theme.text, colorContentBody: theme.text, + colorContentSecondary: theme.text, borderRadiusButton: `${variables.buttonBorderRadius}px`, colorBackgroundSurfaceModal: theme.appBG, colorBorderDocTypeButton: theme.border, @@ -52,7 +53,7 @@ function initializeOnfido({sdkToken, onSuccess, onError, onUserExit, preferredLo colorContentButtonSecondaryText: theme.text, colorBackgroundButtonSecondary: theme.border, colorBackgroundButtonSecondaryHover: theme.hoverComponentBG, - colorBackgroundButtonSecondaryActive: theme.icon, + colorBackgroundButtonSecondaryActive: theme.hoverComponentBG, colorBorderButtonSecondary: theme.border, colorBorderButtonSecondaryHover: theme.transparent, colorBackgroundIcon: theme.transparent, @@ -67,6 +68,17 @@ function initializeOnfido({sdkToken, onSuccess, onError, onUserExit, preferredLo colorBackgroundDocTypeButtonHover: theme.successHover, colorBackgroundButtonIconHover: theme.transparent, colorBackgroundButtonIconActive: theme.transparent, + colorBorderButtonPrimaryFocus: theme.transparent, + colorBorderButtonPrimaryActive: theme.transparent, + colorBorderButtonSecondaryFocus: theme.transparent, + colorBorderButtonSecondaryActive: theme.transparent, + colorIcon: theme.icon, + colorContentButtonTertiaryText: theme.link, + colorBackgroundButtonTertiaryHover: theme.hoverComponentBG, + colorBorderButtonTertiaryFocus: theme.transparent, + colorInputOutline: theme.borderFocus, + colorBackgroundInput: theme.appBG, + colorBorderInput: theme.border, }, steps: [ { From c233cc36dd7b9a6bb7c7406a993df231c6b5fda2 Mon Sep 17 00:00:00 2001 From: mkzie2 Date: Thu, 10 Jul 2025 17:58:53 +0700 Subject: [PATCH 3/3] remove content secondary --- src/components/Onfido/BaseOnfidoWeb.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/Onfido/BaseOnfidoWeb.tsx b/src/components/Onfido/BaseOnfidoWeb.tsx index f80dc5bc924d..0af023908262 100644 --- a/src/components/Onfido/BaseOnfidoWeb.tsx +++ b/src/components/Onfido/BaseOnfidoWeb.tsx @@ -40,7 +40,6 @@ function initializeOnfido({sdkToken, onSuccess, onError, onUserExit, preferredLo colorContentTitle: theme.text, colorContentSubtitle: theme.text, colorContentBody: theme.text, - colorContentSecondary: theme.text, borderRadiusButton: `${variables.buttonBorderRadius}px`, colorBackgroundSurfaceModal: theme.appBG, colorBorderDocTypeButton: theme.border,