feat: Update theme colors for improved visibility in light and dark modes across multiple components

This commit is contained in:
Dayron
2025-11-01 18:05:04 +01:00
parent 0a1a2ffde5
commit 459047e2c4
4 changed files with 35 additions and 8 deletions

View File

@@ -148,12 +148,23 @@ class _HomeContentState extends State<HomeContent> with AutomaticKeepAliveClient
children: [
Text(
'Bonjour ${user.prenom} !',
style: const TextStyle(fontSize: 28, fontWeight: FontWeight.bold),
style: TextStyle(
fontSize: 28,
fontWeight: FontWeight.bold,
color: Theme.of(context).brightness == Brightness.dark
? Colors.white
: Colors.black,
),
),
const SizedBox(height: 8),
Text(
'Vos voyages',
style: TextStyle(fontSize: 16, color: Colors.grey[600]),
style: TextStyle(
fontSize: 16,
color: Theme.of(context).brightness == Brightness.dark
? Colors.white70
: Colors.grey[600],
),
),
const SizedBox(height: 20),

View File

@@ -12,7 +12,6 @@ class SettingsThemeContent extends StatelessWidget {
return Scaffold(
appBar: AppBar(
title: const Text('Thème'),
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
),
body: BlocBuilder<ThemeBloc, ThemeState>(
builder: (context, state) {

View File

@@ -171,6 +171,12 @@ class MyApp extends StatelessWidget {
brightness: Brightness.light,
),
useMaterial3: true,
appBarTheme: const AppBarTheme(
backgroundColor: Colors.white,
foregroundColor: Colors.black,
elevation: 0,
surfaceTintColor: Colors.transparent,
),
),
// Dark theme configuration
darkTheme: ThemeData(
@@ -179,6 +185,12 @@ class MyApp extends StatelessWidget {
brightness: Brightness.dark,
),
useMaterial3: true,
appBarTheme: const AppBarTheme(
backgroundColor: Colors.black,
foregroundColor: Colors.white,
elevation: 0,
surfaceTintColor: Colors.transparent,
),
),
// Default page when app starts
home: const LoginPage(),

View File

@@ -134,8 +134,6 @@ class _HomePageState extends State<HomePage> {
return Scaffold(
appBar: AppBar(
title: Text(titles[_currentIndex]),
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
foregroundColor: Colors.white,
),
drawer: Drawer(
child: ListView(
@@ -143,11 +141,18 @@ class _HomePageState extends State<HomePage> {
children: [
DrawerHeader(
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.inversePrimary,
color: Theme.of(context).brightness == Brightness.dark
? Colors.black
: Colors.white,
),
child: const Text(
child: Text(
"Travel Mate",
style: TextStyle(color: Colors.white, fontSize: 24),
style: TextStyle(
color: Theme.of(context).brightness == Brightness.dark
? Colors.white
: Colors.black,
fontSize: 24,
),
),
),
_buildDrawerItem(icon: Icons.home, title: "Mes voyages", index: 0),