snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/account/accessibility/hooks/useAcessibilityPreferencesValues.ts

@@ -0,0 +1,31 @@
+import type { ThemePreference } from '@rocket.chat/core-typings';
+import type { FontSize } from '@rocket.chat/rest-typings';
+import { useUserPreference } from '@rocket.chat/ui-contexts';
+
+export type AccessibilityPreferencesData = {
+	themeAppearence?: ThemePreference;
+	fontSize?: FontSize;
+	fontSizePreference?: FontSize;
+	mentionsWithSymbol?: boolean;
+	clockMode?: 0 | 1 | 2;
+	hideUsernames?: boolean;
+	hideRoles?: boolean;
+};
+
+export const useAccessiblityPreferencesValues = (): AccessibilityPreferencesData => {
+	const themeAppearence = useUserPreference<ThemePreference>('themeAppearence') || 'auto';
+	const fontSize = useUserPreference<FontSize>('fontSize') || '100%';
+	const mentionsWithSymbol = useUserPreference<boolean>('mentionsWithSymbol') || false;
+	const clockMode = useUserPreference<0 | 1 | 2>('clockMode') ?? 0;
+	const hideUsernames = useUserPreference<boolean>('hideUsernames');
+	const hideRoles = useUserPreference<boolean>('hideRoles');
+
+	return {
+		themeAppearence,
+		fontSize,
+		mentionsWithSymbol,
+		clockMode,
+		hideUsernames,
+		hideRoles,
+	};
+};

apps/meteor/client/views/account/accessibility/hooks/useCreateFontStyleElement.ts

@@ -0,0 +1,20 @@
+import { useCallback } from 'react';
+
+const createStyleElement = (id: string) => {
+	const styleElement = document.getElementById(id);
+	if (styleElement) {
+		return styleElement;
+	}
+	const newStyleElement = document.createElement('style');
+	newStyleElement.setAttribute('id', id);
+	return newStyleElement;
+};
+
+export const useCreateFontStyleElement = (): ((fontSize: string) => void) => {
+	return useCallback((fontSize: string) => {
+		const styleElement = createStyleElement('rcx-font-size');
+		const css = `html { font-size: ${fontSize}; }`;
+		styleElement.innerHTML = css;
+		document.head.appendChild(styleElement);
+	}, []);
+};