neues Admin UI Layout eingeführt. Alle Tests auf den neusten Stand gebracht.

resources/js/admin/mobile/SettingsPage.tsx

@@ -7,7 +7,6 @@ import { YGroup } from '@tamagui/group';
 import { ListItem } from '@tamagui/list-item';
 import { SizableText as Text } from '@tamagui/text';
 import { Switch } from '@tamagui/switch';
-import { useTheme } from '@tamagui/core';
 import { MobileShell } from './components/MobileShell';
 import { MobileCard, CTAButton, PillBadge } from './components/Primitives';
 import { useAuth } from '../auth/context';
@@ -27,6 +26,7 @@ import { MobileInstallBanner } from './components/MobileInstallBanner';
 import { setTourSeen } from './lib/mobileTour';
 import { useBackNavigation } from './hooks/useBackNavigation';
 import { useOnlineStatus } from './hooks/useOnlineStatus';
+import { useAdminTheme } from './theme';
 
 type PreferenceKey = keyof NotificationPreferences;
 
@@ -47,10 +47,7 @@ export default function MobileSettingsPage() {
   const { t } = useTranslation('management');
   const navigate = useNavigate();
   const { user, logout } = useAuth();
-  const theme = useTheme();
-  const text = String(theme.color?.val ?? '#0f172a');
-  const muted = String(theme.gray?.val ?? '#6b7280');
-  const border = String(theme.borderColor?.val ?? '#e5e7eb');
+  const { text, muted, border, danger } = useAdminTheme();
   const [preferences, setPreferences] = React.useState<NotificationPreferences>({});
   const [defaults, setDefaults] = React.useState<NotificationPreferences>({});
   const [loading, setLoading] = React.useState(true);
@@ -199,7 +196,7 @@ export default function MobileSettingsPage() {
     <MobileShell activeTab="profile" title={t('mobileSettings.title', 'Settings')} onBack={back}>
       {error ? (
         <MobileCard>
-          <Text fontWeight="700" color="#b91c1c">
+          <Text fontWeight="700" color={danger}>
             {error}
           </Text>
         </MobileCard>
@@ -315,7 +312,7 @@ export default function MobileSettingsPage() {
           </YGroup>
         )}
         {pushState.error ? (
-          <Text fontSize="$xs" color="#b91c1c">
+          <Text fontSize="$xs" color={danger}>
             {pushState.error}
           </Text>
         ) : null}
@@ -401,7 +398,7 @@ export default function MobileSettingsPage() {
           />
         ) : null}
         {storageError ? (
-          <Text fontSize="$xs" color="#b91c1c">
+          <Text fontSize="$xs" color={danger}>
             {storageError}
           </Text>
         ) : null}