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

resources/js/admin/mobile/welcome/WelcomeLandingPage.tsx

@@ -15,6 +15,7 @@ import {
   ADMIN_WELCOME_PACKAGES_PATH,
   adminPath,
 } from '../../constants';
+import { ADMIN_COLORS } from '../theme';
 
 export default function WelcomeLandingPage() {
   const navigate = useNavigate();
@@ -50,7 +51,7 @@ export default function WelcomeLandingPage() {
         <Text fontSize="$lg" fontWeight="900">
           {t('hero.title', 'Design the next Fotospiel experience')}
         </Text>
-        <Text fontSize="$sm" color="#6b7280">
+        <Text fontSize="$sm" color={ADMIN_COLORS.textMuted}>
           {t(
             'hero.description',
             'In just a few steps you guide guests through a magical photo journey – complete with storytelling, tasks, and a moderated gallery.',
@@ -117,8 +118,15 @@ function FeatureCard({
     <MobileCard space="$2">
       <XStack alignItems="center" justifyContent="space-between">
         <XStack alignItems="center" space="$2">
-          <XStack width={36} height={36} borderRadius={12} backgroundColor="#e0f2fe" alignItems="center" justifyContent="center">
-            <Icon size={18} color="#0284c7" />
+          <XStack
+            width={36}
+            height={36}
+            borderRadius={12}
+            backgroundColor={ADMIN_COLORS.accentSoft}
+            alignItems="center"
+            justifyContent="center"
+          >
+            <Icon size={18} color={ADMIN_COLORS.primary} />
           </XStack>
           <Text fontSize="$sm" fontWeight="800">
             {title}
@@ -126,7 +134,7 @@ function FeatureCard({
         </XStack>
         {badge ? <PillBadge tone="muted">{badge}</PillBadge> : null}
       </XStack>
-      <Text fontSize="$sm" color="#6b7280">
+      <Text fontSize="$sm" color={ADMIN_COLORS.textMuted}>
         {body}
       </Text>
     </MobileCard>