DialogTextField color change for dark mode

[vgavrilovikj]

Here's my code for the textinputdialog:

showTextInputDialog(
  context: context,
  textFields: [
    DialogTextField(
        initialText: widget
            .recentChatBlockEntity
            .title,
        hintText: 'Title'),
  ],
  title: 'Rename chat')

This works great - however when the app is in dark mode it shows black text on a black background - I want to change the color of the text of the DialogTextField, the initialText to be white and hintText to have lightgray color...

How can I achieve this?

P.S. Would be good to add some more documentation regarding the package and it's configutations

[mono0926]

@vgavrilovikj

Does this fix the problem?
https://github.com/mono0926/adaptive_dialog?tab=readme-ov-file#the-input-text-color-same-with-backgound-when-using-cupertinotextinputdialog

[devnta]

@mono0926
But it's effect for whole project.
How to custom only DialogTextField?
Sorry for my bad English.

[mono0926]

@devnta

You can change the theme partially like this:

adaptive_dialog/example/lib/pages/alert_page.dart

Lines 130 to 142 in 382f981

	builder: (context, child) => Theme(
	data: ThemeData(
	textButtonTheme: TextButtonThemeData(
	style: TextButton.styleFrom(
	foregroundColor: Colors.orange,
	),
	),
	// If this is commented out, the color for cupertino will be default blue/red.
	cupertinoOverrideTheme: const CupertinoThemeData(
	primaryColor: Colors.purple,
	),
	),
	child: child,

[devnta]

@mono0926
Thanks for your reply.
I will try it and report the result.

[devnta]

@mono0926

final result = await showTextInputDialog(
                      context: context,
                      textFields: [
                        DialogTextField(
                          hintText: LocaleKeys.enter_bmi_value.tr(),
                        )
                      ],
                      builder: (context, child) {
                        return Theme(
                          data: ThemeData(
                            textButtonTheme: TextButtonThemeData(
                              style: TextButton.styleFrom(
                                foregroundColor: Colors.orange,
                              ),
                            ),
                            // If this is commented out, the color for cupertino will be default blue/red.
                            cupertinoOverrideTheme: const CupertinoThemeData(
                              primaryColor: Colors.purple,
                              textTheme: CupertinoTextThemeData(
                                textStyle: TextStyle(
                                  color: Colors.white,
                                ),
                              ),
                            ),
                          ),
                          child: child,
                        );
                      },
                    );

Not work in dark theme

[Allenxuxu]

I have the same issue.