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 (