feat: UI-Umbau - weiches Dunkel, Schriftgroessen-Regler, Sprechblasen umschaltbar, Einstellungen als Vollbild

Bernds Entscheidungen 2026-10-07:
- theme.dart: ThemeVariant (Dunkel = neues weiches Dunkelgrau als Standard,
  Schwarz = bisheriges Fast-Schwarz, Hell) mit PyramidPalette; Nebentexte
  kontrastreicher. Alte Einstellung theme_dark wird uebernommen
  (dunkel -> weiches Dunkel). Fest verdrahtete Dunkelfarben im Profil-Popup
  und GIF-Picker folgen jetzt dem Farbmodus.
- appearance.dart: Schriftgroesse = Pyramid-Regler x Systemeinstellung
  (Handy-Standard 115 %, PC 100 %), MessageStyle Automatisch/Sprechblasen/
  Liste, gemeinsame isMobileLayout-Regel.
- message_bubbles.dart: Sprechblasen-Darstellung (eigene rechts in
  Akzentfarbe, Gruppen mit Name + Avatar, Bilder ohne Blase in voller Groesse);
  Listen-Darstellung unveraendert, Weiche in MessageGroup.
- Formatierte Nachrichten (u. a. Antworten) nutzten RichText ohne
  Schriftskalierung -> erschienen kleiner; jetzt Text.rich.
- Einstellungen auf dem Handy als ganze Seite, Schalter unter dem Text.
- UI-Durchlauf um Liste/Hell/Gruppe/Einstellungen erweitert; Tests fuer
  Theme-Varianten, Uebernahme alter Werte, Schriftfaktor, Darstellung.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

lib/core/app.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:pyramid/core/app_state.dart';
+import 'package:pyramid/core/appearance.dart';
 import 'package:pyramid/core/notification_service.dart' show checkPendingReply, setAppForeground;
 import 'package:pyramid/core/router.dart';
 import 'package:pyramid/core/settings_prefs.dart';
@@ -52,7 +53,9 @@ class _PyramidAppState extends ConsumerState<PyramidApp>
   Future<void> _loadPersistedPrefs() async {
     final saved = await loadThemePrefs();
     if (!mounted) return;
-    ref.read(themeModeProvider.notifier).state = saved.isDark;
+    ref.read(themeVariantProvider.notifier).state = saved.variant;
+    ref.read(textScaleProvider.notifier).state = saved.textScale;
+    ref.read(messageStyleProvider.notifier).state = saved.messageStyle;
     ref.read(accentProvider.notifier).state = saved.accentIdx;
     ref.read(radiusProvider.notifier).state = saved.radius;
     ref.read(motionProvider.notifier).state = saved.motion;
@@ -75,7 +78,8 @@ class _PyramidAppState extends ConsumerState<PyramidApp>
     }
 
     final router = ref.watch(routerProvider);
-    final isDark = ref.watch(themeModeProvider);
+    final variant = ref.watch(themeVariantProvider);
+    final textScale = ref.watch(textScaleProvider);
     final accentIdx = ref.watch(accentProvider);
     final radius = ref.watch(radiusProvider);
     final density = ref.watch(densityProvider);
@@ -83,17 +87,31 @@ class _PyramidAppState extends ConsumerState<PyramidApp>
     final accent = accentPresets[accentIdx].color;
 
     return PyramidTheme(
-      isDark: isDark,
+      variant: variant,
       accent: accent,
       radius: radius,
       density: density,
       motion: motion,
       child: MaterialApp.router(
         title: 'Pyramid',
-        theme: buildPyramidThemeData(false),
-        darkTheme: buildPyramidThemeData(true),
-        themeMode: isDark ? ThemeMode.dark : ThemeMode.light,
+        theme: buildPyramidThemeData(ThemeVariant.light),
+        darkTheme: buildPyramidThemeData(
+            variant.isDark ? variant : ThemeVariant.soft),
+        themeMode: variant.isDark ? ThemeMode.dark : ThemeMode.light,
         routerConfig: router,
+        // Schriftgröße: Pyramid-Regler × Handy-/Systemeinstellung, für alle
+        // Seiten und Dialoge (liegt über dem Navigator).
+        builder: (context, child) {
+          final mq = MediaQuery.of(context);
+          final factor = textScale ??
+              defaultTextScale(mobile: isMobileLayout(mq.size));
+          return MediaQuery(
+            data: mq.copyWith(
+              textScaler: PyramidTextScaler(mq.textScaler, factor),
+            ),
+            child: child!,
+          );
+        },
         localizationsDelegates: const [
           GlobalMaterialLocalizations.delegate,
           GlobalWidgetsLocalizations.delegate,