title: change text color of CupertinoTimerPicker
body: <p>I tried to change the text color of <code>CupertinoDatePicker</code> following this <a href="https://stackoverflow.com/questions/67579890/changing-the-text-color-of-cupertino-date-picker">answer</a> and it was successful but when i wanted to change the color of <code>CupertinoTimerPicker</code> it did not change it i want the color of text to be white and the style to be same as the one below</p>
  <p><a href="https://i.stack.imgur.com/WhwJi.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WhwJi.jpg" alt="enter image description here" /></a></p>
  <pre><code>showDialog(
    context: context,
  
    builder: (context) {
      return AlertDialog(
          backgroundColor: const Color(0xff2e2e2e),
          title: Column(
            children: [
              Text(
                'Set Duration',
                style: TextStyle(
                    color: Colors.white, fontSize: 16),
              ),
              Divider(
                height: 6,
                color: Colors.white,
              ),
  
            ],
          ),
          content: CupertinoTheme(
            data: CupertinoThemeData(
              brightness: Brightness.light,
              textTheme: CupertinoTextThemeData(
                dateTimePickerTextStyle: TextStyle(color: Colors.red),
              ),
            ),
            child: CupertinoTimerPicker(
              mode: CupertinoTimerPickerMode.hms,
              minuteInterval: 1,
              secondInterval: 1,
              initialTimerDuration: Duration(hours:0, minutes: 0, seconds: 0),
              onTimerDurationChanged: (Duration changedTimer) {
                setState(() {
                  initialTimer = changedTimer;
                });
              },
            ),
          ),
      );
    },
  );
  </code></pre>