From 77bd197496b01cea45eb4a7682930a7855e7a050 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Th=C3=A9o=20Poizat?= Date: Tue, 2 Jul 2024 10:27:09 +0200 Subject: [PATCH 1/2] fix: Force white for icon animation to password view Password view is not compatible with dark mode but it was using for the icon animation a color which is since recent commits responsive to dark mode. So here we force the icon animation color to white to stay consistent and one day we may convert totally the password view to dark mode. --- .../components/transitions/TransitionToPasswordView.js | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/src/screens/login/components/transitions/TransitionToPasswordView.js b/src/screens/login/components/transitions/TransitionToPasswordView.js index 0c3078dd1..7c460b33d 100644 --- a/src/screens/login/components/transitions/TransitionToPasswordView.js +++ b/src/screens/login/components/transitions/TransitionToPasswordView.js @@ -8,6 +8,7 @@ import { getErrorMessage } from '/libs/functions/getErrorMessage' import { isLightBackground } from '/screens/login/components/functions/clouderyBackgroundFetcher' import { getColors } from '/ui/colors' import { CozyIcon } from '/screens/login/components/transitions/transitions-icons/CozyIcon' +import { palette } from '/ui/palette' const log = Minilog('TransitionToPasswordView') @@ -48,9 +49,7 @@ export const TransitionToPasswordView = ({ const animatedScale = useRef(new Animated.Value(1)).current const animatedOpacity = useRef(new Animated.Value(1)).current - const [foregroundColor, setForegroundColor] = useState( - colors.paperBackgroundColor - ) + const [foregroundColor, setForegroundColor] = useState(palette.Common.white) useEffect(() => { if (requestTransitionStart) { @@ -71,7 +70,7 @@ export const TransitionToPasswordView = ({ const color = shouldUsePrimaryColor ? colors.primaryColor - : colors.paperBackgroundColor + : palette.Common.white setForegroundColor(color) } catch (error) { From 3e0934d9935f2f8c9155e36bf75f4d505b377857 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Th=C3=A9o=20Poizat?= Date: Tue, 2 Jul 2024 10:52:33 +0200 Subject: [PATCH 2/2] feat: Update GL logo for dark mode --- white_label/brands/mabulle/js/ui/Logo/logo.ts | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/white_label/brands/mabulle/js/ui/Logo/logo.ts b/white_label/brands/mabulle/js/ui/Logo/logo.ts index 2678e968f..33bd2d5a5 100644 --- a/white_label/brands/mabulle/js/ui/Logo/logo.ts +++ b/white_label/brands/mabulle/js/ui/Logo/logo.ts @@ -11,13 +11,12 @@ export const getLogoSvg = ({ }: LogoProps): string => { return ` - - - - - - - + + + + + + ` }