diff --git a/.changeset/long-tools-whisper.md b/.changeset/long-tools-whisper.md new file mode 100644 index 0000000000000..7e8f2897faab4 --- /dev/null +++ b/.changeset/long-tools-whisper.md @@ -0,0 +1,6 @@ +--- +'@rocket.chat/web-ui-registration': patch +'@rocket.chat/meteor': patch +--- + +Fixes registration pages a11y color contrast and apply browser theme configuration diff --git a/apps/meteor/client/components/AppLayoutThemeWrapper.tsx b/apps/meteor/client/components/AppLayoutThemeWrapper.tsx new file mode 100644 index 0000000000000..a16108504dfca --- /dev/null +++ b/apps/meteor/client/components/AppLayoutThemeWrapper.tsx @@ -0,0 +1,15 @@ +import { PaletteStyleTag } from '@rocket.chat/fuselage'; +import { useDarkMode } from '@rocket.chat/fuselage-hooks'; +import type { ReactNode } from 'react'; + +const AppLayoutThemeWrapper = ({ children }: { children: ReactNode }) => { + const dark = useDarkMode(); + return ( + <> + + {children} + + ); +}; + +export default AppLayoutThemeWrapper; diff --git a/apps/meteor/client/lib/appLayout.tsx b/apps/meteor/client/lib/appLayout.tsx index 55920695c8ccf..6902b9976ad40 100644 --- a/apps/meteor/client/lib/appLayout.tsx +++ b/apps/meteor/client/lib/appLayout.tsx @@ -6,6 +6,7 @@ const ConnectionStatusBar = lazy(() => import('../components/connectionStatus/Co const BannerRegion = lazy(() => import('../views/banners/BannerRegion')); const ModalRegion = lazy(() => import('../views/modal/ModalRegion')); const ActionManagerBusyState = lazy(() => import('../components/ActionManagerBusyState')); +const AppLayoutThemeWrapper = lazy(() => import('../components/AppLayoutThemeWrapper')); const CloudAnnouncementsRegion = lazy(() => import('../views/cloud/CloudAnnouncementsRegion')); type AppLayoutDescriptor = ReactElement | null; @@ -28,14 +29,14 @@ class AppLayoutSubscription extends Emitter<{ update: void }> { wrap(element: ReactElement): ReactElement { return ( - <> + {element} - + ); } } diff --git a/apps/meteor/package.json b/apps/meteor/package.json index c913ffb323134..5ce4197c84f38 100644 --- a/apps/meteor/package.json +++ b/apps/meteor/package.json @@ -259,7 +259,7 @@ "@rocket.chat/icons": "^0.42.0", "@rocket.chat/instance-status": "workspace:^", "@rocket.chat/jwt": "workspace:^", - "@rocket.chat/layout": "~0.32.0", + "@rocket.chat/layout": "^0.32.1", "@rocket.chat/license": "workspace:^", "@rocket.chat/log-format": "workspace:^", "@rocket.chat/logger": "workspace:^", diff --git a/packages/web-ui-registration/package.json b/packages/web-ui-registration/package.json index 92da0226f19c9..9bb25f575f499 100644 --- a/packages/web-ui-registration/package.json +++ b/packages/web-ui-registration/package.json @@ -22,7 +22,7 @@ "@babel/preset-react": "~7.25.9", "@babel/preset-typescript": "~7.26.0", "@rocket.chat/i18n": "workspace:~", - "@rocket.chat/layout": "~0.32.0", + "@rocket.chat/layout": "^0.32.1", "@rocket.chat/mock-providers": "workspace:~", "@rocket.chat/tools": "workspace:~", "@rocket.chat/ui-client": "workspace:^", diff --git a/packages/web-ui-registration/src/components/LoginTerms.tsx b/packages/web-ui-registration/src/components/LoginTerms.tsx index d582e0e7321c8..ec4f2ceef665b 100644 --- a/packages/web-ui-registration/src/components/LoginTerms.tsx +++ b/packages/web-ui-registration/src/components/LoginTerms.tsx @@ -12,6 +12,7 @@ export const LoginTerms = (): ReactElement => { return (