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

resources/js/admin/mobile/components/Sheet.tsx

@@ -3,7 +3,7 @@ import { YStack, XStack } from '@tamagui/stacks';
 import { SizableText as Text } from '@tamagui/text';
 import { Pressable } from '@tamagui/react-native-web-lite';
 import { useTranslation } from 'react-i18next';
-import { useTheme } from '@tamagui/core';
+import { useAdminTheme } from '../theme';
 
 type SheetProps = {
   open: boolean;
@@ -17,11 +17,7 @@ type SheetProps = {
 
 export function MobileSheet({ open, title, onClose, children, footer, bottomOffsetPx = 88 }: SheetProps) {
   const { t } = useTranslation('mobile');
-  const theme = useTheme();
-  const surface = String(theme.surface?.val ?? '#111827');
-  const text = String(theme.color12?.val ?? theme.color?.val ?? '#f8fafc');
-  const muted = String(theme.gray11?.val ?? theme.gray?.val ?? '#cbd5e1');
-  const overlay = String(theme.gray12?.val ?? 'rgba(0,0,0,0.6)');
+  const { surface, textStrong, muted, overlay, shadow } = useAdminTheme();
 
   if (!open) return null;
   return (
@@ -35,7 +31,7 @@ export function MobileSheet({ open, title, onClose, children, footer, bottomOffs
         padding="$4"
         paddingBottom="$7"
         space="$3"
-        shadowColor="#0f172a"
+        shadowColor={shadow}
         shadowOpacity={0.12}
         shadowRadius={18}
         shadowOffset={{ width: 0, height: -8 }}
@@ -45,7 +41,7 @@ export function MobileSheet({ open, title, onClose, children, footer, bottomOffs
         style={{ marginBottom: `max(env(safe-area-inset-bottom, 0px), ${bottomOffsetPx}px)` }}
       >
         <XStack alignItems="center" justifyContent="space-between">
-          <Text fontSize="$md" fontWeight="800" color={text}>
+          <Text fontSize="$md" fontWeight="800" color={textStrong}>
             {title}
           </Text>
           <Pressable onPress={onClose}>