transparent button color fixing

Author: deepikahr

example/lib/main.dart

@@ -170,8 +170,8 @@ class _MyHomePageState extends State<MyHomePage> {
                           onPressed: null,
                           child: Text("share"),
                           icon: Icon(Icons.share),
-                          type: GFType.transparent,
                           shape: GFShape.pills,
+                          type: GFType.transparent,
                         ),
                       ],
                     ),

lib/colors/gf_color.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 
+
 enum GFColor {
   primary,
   secondary,
@@ -15,6 +16,7 @@ enum GFColor {
   transparent
 }
 
+
 const PRIMARY = Color(0xff3f6ad8);
 const SECONDARY = Color(0xff6c757c);
 const SUCCESS =Color(0xff3ac47c);

lib/components/button/gf_button.dart

@@ -116,6 +116,18 @@ class GFButton extends StatefulWidget {
   /// on true state default box shadow appears around button
   final bool buttonBoxShadow;
 
+  /// A set of thirteen colors that can be used to derive the button theme's
+  /// colors.
+  ///
+  /// This property was added much later than the theme's set of highly
+  /// specific colors, like [ThemeData.buttonColor], [ThemeData.highlightColor],
+  /// [ThemeData.splashColor] etc.
+  ///
+  /// The colors for new button classes can be defined exclusively in terms
+  /// of [colorScheme]. When it's possible, the existing buttons will
+  /// (continue to) gradually migrate to it.
+  final ColorScheme colorScheme;
+
   /// Create buttons of all types. check out [GFIconButton] for icon buttons, and [GFBadge] for badges
   const GFButton({
     Key key,
@@ -144,7 +156,7 @@ class GFButton extends StatefulWidget {
     this.child,
     this.type = GFType.solid,
     this.shape = GFShape.standard,
-    this.color = GFColor.primary,
+    this.color,
     this.textColor = GFColor.dark,
     this.position = GFPosition.start,
     this.size = GFSize.medium,
@@ -153,6 +165,7 @@ class GFButton extends StatefulWidget {
     this.icon,
     this.blockButton,
     this.fullWidthButton,
+    this.colorScheme,
   })  : materialTapTargetSize =
             materialTapTargetSize ?? MaterialTapTargetSize.padded,
         assert(shape != null, 'Button shape can not be null'),
@@ -333,7 +346,6 @@ class _GFButtonState extends State<GFButton> {
           borderRadius: BorderRadius.circular(50.0), side: shapeBorder);
     }
 
-
       return Semantics(
         container: true,
         button: true,
@@ -368,9 +380,9 @@ class _GFButtonState extends State<GFButton> {
                 ),
                 child: Material(
                   textStyle: widget.textStyle == null ? TextStyle(color: this.textColor, fontSize: 14) : widget.textStyle,
-                  shape: widget.type == GFType.transparent ? null : widget.borderShape== null ? shape : widget.borderShape,
-                  color: widget.type != GFType.outline || widget.type == null ? this.color : Theme.of(context).canvasColor,
-                  type: widget.type == GFType.transparent ? MaterialType.transparency : MaterialType.button,
+                  shape: widget.type == GFType.transparent ? null : widget.borderShape == null ? shape : widget.borderShape,
+                  color:  widget.type != GFType.transparent ? this.color : null,
+//                  type: widget.type == GFType.transparent ? null  : MaterialType.button,
                   animationDuration: widget.animationDuration,
                   clipBehavior: widget.clipBehavior,
                   child: InkWell(