Add background color parameter for options

Author: Lockie Richter

lib/src/_paint_over_image.dart

@@ -49,6 +49,8 @@ class ImagePainter extends StatefulWidget {
     this.optionColor,
     this.onUndo,
     this.onClear,
+    this.optionSelectedBackgroundColor,
+    this.optionUnselectedBackgroundColor,
   }) : super(key: key);
 
   ///Constructor for loading image from network url.
@@ -77,6 +79,8 @@ class ImagePainter extends StatefulWidget {
     Color? optionColor,
     VoidCallback? onUndo,
     VoidCallback? onClear,
+    Color? selectedBackgroundColor,
+    Color? unselectedBackgroundColor,
   }) {
     return ImagePainter._(
       key: key,
@@ -103,6 +107,8 @@ class ImagePainter extends StatefulWidget {
       optionColor: optionColor,
       onUndo: onUndo,
       onClear: onClear,
+      optionSelectedBackgroundColor: selectedBackgroundColor,
+      optionUnselectedBackgroundColor: unselectedBackgroundColor,
     );
   }
 
@@ -132,6 +138,8 @@ class ImagePainter extends StatefulWidget {
     Color? optionColor,
     VoidCallback? onUndo,
     VoidCallback? onClear,
+    Color? selectedBackgroundColor,
+    Color? unselectedBackgroundColor,
   }) {
     return ImagePainter._(
       controller: controller,
@@ -158,6 +166,8 @@ class ImagePainter extends StatefulWidget {
       optionColor: optionColor,
       onUndo: onUndo,
       onClear: onClear,
+      optionSelectedBackgroundColor: selectedBackgroundColor,
+      optionUnselectedBackgroundColor: unselectedBackgroundColor,
     );
   }
 
@@ -187,6 +197,8 @@ class ImagePainter extends StatefulWidget {
     Color? optionColor,
     VoidCallback? onUndo,
     VoidCallback? onClear,
+    Color? selectedBackgroundColor,
+    Color? unselectedBackgroundColor,
   }) {
     return ImagePainter._(
       controller: controller,
@@ -213,6 +225,8 @@ class ImagePainter extends StatefulWidget {
       optionColor: optionColor,
       onUndo: onUndo,
       onClear: onClear,
+      optionSelectedBackgroundColor: selectedBackgroundColor,
+      optionUnselectedBackgroundColor: unselectedBackgroundColor,
     );
   }
 
@@ -242,6 +256,8 @@ class ImagePainter extends StatefulWidget {
     Color? optionColor,
     VoidCallback? onUndo,
     VoidCallback? onClear,
+    Color? selectedBackgroundColor,
+    Color? unselectedBackgroundColor,
   }) {
     return ImagePainter._(
       controller: controller,
@@ -268,6 +284,8 @@ class ImagePainter extends StatefulWidget {
       optionColor: optionColor,
       onUndo: onUndo,
       onClear: onClear,
+      optionSelectedBackgroundColor: selectedBackgroundColor,
+      optionUnselectedBackgroundColor: unselectedBackgroundColor,
     );
   }
 
@@ -393,8 +411,12 @@ class ImagePainter extends StatefulWidget {
 
   final Color? optionSelectedColor;
 
+  final Color? optionSelectedBackgroundColor;
+
   final Color? optionUnselectedColor;
 
+  final Color? optionUnselectedBackgroundColor;
+
   final Color? optionColor;
 
   final VoidCallback? onUndo;
@@ -718,7 +740,11 @@ class ImagePainterState extends State<ImagePainter> {
                     data: item,
                     isSelected: _controller.mode == item.mode,
                     selectedColor: widget.optionSelectedColor,
+                    selectedBackgroundColor:
+                        widget.optionSelectedBackgroundColor,
                     unselectedColor: widget.optionUnselectedColor,
+                    unselectedBackgroundColor:
+                        widget.optionUnselectedBackgroundColor,
                     onTap: () {
                       if (widget.onPaintModeChanged != null) {
                         widget.onPaintModeChanged!(item.mode);

lib/src/widgets/_mode_widget.dart

@@ -8,6 +8,8 @@ class SelectionItems extends StatelessWidget {
   final VoidCallback? onTap;
   final Color? selectedColor;
   final Color? unselectedColor;
+  final Color? selectedBackgroundColor;
+  final Color? unselectedBackgroundColor;
 
   const SelectionItems({
     required this.data,
@@ -16,6 +18,8 @@ class SelectionItems extends StatelessWidget {
     this.onTap,
     this.selectedColor,
     this.unselectedColor,
+    this.selectedBackgroundColor,
+    this.unselectedBackgroundColor,
   }) : super(key: key);
 
   @override
@@ -24,7 +28,9 @@ class SelectionItems extends StatelessWidget {
       margin: const EdgeInsets.symmetric(vertical: 2.0),
       decoration: BoxDecoration(
           borderRadius: BorderRadius.circular(4.0),
-          color: isSelected ? Colors.blue : Colors.transparent),
+          color: isSelected
+              ? selectedBackgroundColor ?? Colors.blue
+              : unselectedBackgroundColor ?? Colors.transparent),
       child: ListTile(
         leading: IconTheme(
           data: const IconThemeData(opacity: 1.0),