Files
unionflow-mobile-apps/lib/shared/design_system/components/uf_section_header.dart
dahoud 0abcdcc478 feat(design-system): dark mode adaptatif sur widgets partagés
Pattern AppColors pair (isDark ? AppColors.surfaceDark : AppColors.surface)
appliqué sur :
- UnionStatWidget, UnionBalanceCard, UnionActionButton, UFSectionHeader
- DashboardEventRow, DashboardActivityRow, UnionExportButton
- MiniAvatar (border adaptatif)
- ConfirmationDialog (cancel colors adaptés)
- FileUploadWidget (textSecondary adaptatif)

Les couleurs surface/border/textPrimary/textSecondary hardcodées (light-only)
sont remplacées par les paires *Dark conditionnelles.
Les couleurs sémantiques (error, success, warning, primary) restent inchangées.
2026-04-15 20:13:22 +00:00

37 lines
1.1 KiB
Dart

import 'package:flutter/material.dart';
import '../tokens/app_colors.dart';
/// En-tête de section dashboard — titre 13px w700 avec trailing optionnel
/// Adaptatif dark/light via AppColors
class UFSectionHeader extends StatelessWidget {
final String title;
/// Texte secondaire affiché à droite : "· trailing"
final String? trailing;
const UFSectionHeader(this.title, {this.trailing, super.key});
@override
Widget build(BuildContext context) {
final isDark = Theme.of(context).brightness == Brightness.dark;
final titleColor = isDark ? AppColors.textPrimaryDark : AppColors.textPrimary;
final trailingColor = isDark ? AppColors.textSecondaryDark : AppColors.textTertiary;
return Row(
children: [
Text(
title,
style: TextStyle(fontSize: 13, fontWeight: FontWeight.w700, color: titleColor),
),
if (trailing != null && trailing!.isNotEmpty) ...[
const SizedBox(width: 6),
Text(
'· $trailing',
style: TextStyle(fontSize: 11, color: trailingColor),
),
],
],
);
}
}