flutter - How to change TextButton color

Flutter - TextButton Color
The TextButton class represents a material design text button. The flutter developers can use text buttons on toolbars, in dialogs, or inline with other content. Text buttons do not have visible borders. The flutter developers should refrain from using text buttons where they would blend in with other content such as in the middle of lists. The TextButton style can be overridden with its style parameter.

The following flutter application development tutorial will demonstrate how to set or change the TextButton widget’s various colors. Here we will change the TextButton widget’s background color, text color/foreground color, and border color. In the below example code, we will use the TextButton class’s styleFrom() method to change the TextButton widget’s colors.

The TextButton class’s styleFrom() method is a static convenience method that constructs a text button ButtonStyle given simple values. By default, TextButton class styleFrom() method returns a ButtonStyle that doesn't override anything.

The ButtonStyle class represents the visual properties that most buttons have in common. The ButtonStyle class’s all properties are null by default.

The flutter developers can change a TextButton’s background color by passing a value to the styleFrom() method’s backgroundColor parameter. The backgroundColor argument value is a Color instance.

The flutter developers can change a TextButton’s foreground color (text color) by passing a value to the styleFrom() method’s foregroundColor parameter. The foregroundColor parameter value is a Color. In this example code, we used the primary parameter to change the text color, this parameter value is also a Color. But the flutter developers have to use the foregroundColor parameter instead the primary parameter. The primary feature is deprecated.

The styleFrom() method’s side parameter value is a BorderSide instance which adds a border to the TextButton. The BorderSide class color property value is a Color that is the color of this side of the border. The BorderSide class width property value is a double instance that is the width of this side of the border, in logical pixels.
main.dart

import 'package:flutter/material.dart';

void main(){
  runApp(
    MaterialApp(
      theme: ThemeData(primarySwatch: Colors.indigo),
      home: Scaffold(
          appBar: AppBar(
              title: const Text("Flutter - TextButton Color")
          ),
          body: Center(
            child: TextButton(
                onPressed: (){},
                child: const Text("Click Me"),
                style: TextButton.styleFrom(
                    fixedSize: const Size(200,75),
                    backgroundColor: Colors.green.shade50,
                    primary: Colors.green.shade800,
                    side: BorderSide(
                        color: Colors.green.shade200,
                        width: 1,
                        style: BorderStyle.solid
                    )
                )
            ),
          )
      ),
    ),
  );
}