add feedbackMenuBackgroundColor property for change menu bg color

Author: SadraKafiri

feedback/lib/src/controls_column.dart

@@ -13,6 +13,7 @@ class ControlsColumn extends StatelessWidget {
     super.key,
     required this.mode,
     required this.activeColor,
+    required this.backgroundColor,
     required this.onColorChanged,
     required this.onUndo,
     required this.onControlModeChanged,
@@ -32,12 +33,14 @@ class ControlsColumn extends StatelessWidget {
   final VoidCallback onClearDrawing;
   final List<Color> colors;
   final Color activeColor;
+  final Color backgroundColor;
   final FeedbackMode mode;
 
   @override
   Widget build(BuildContext context) {
     final isNavigatingActive = FeedbackMode.navigate == mode;
     return Card(
+      color: backgroundColor,
       margin: EdgeInsets.zero,
       shape: const RoundedRectangleBorder(
         borderRadius: BorderRadius.all(

feedback/lib/src/feedback_widget.dart

@@ -217,6 +217,8 @@ class FeedbackWidgetState extends State<FeedbackWidget>
                               progress: sheetProgress,
                               minScale: .7,
                               child: ControlsColumn(
+                                backgroundColor: FeedbackTheme.of(context)
+                                    .feedbackMenuBackgroundColor,
                                 mode: mode,
                                 activeColor: painterController.drawColor,
                                 colors: widget.drawColors,

feedback/lib/src/theme/feedback_theme.dart

@@ -35,6 +35,7 @@ class FeedbackThemeData {
   FeedbackThemeData(
       {this.background = Colors.grey,
       this.feedbackSheetColor = _lightGrey,
+      this.feedbackMenuBackgroundColor = _lightGrey,
       this.feedbackSheetHeight = .25,
       this.activeFeedbackModeColor = _blue,
       this.drawColors = _defaultDrawColors,
@@ -97,6 +98,10 @@ class FeedbackThemeData {
   /// his feedback and thoughts.
   final Color feedbackSheetColor;
 
+  /// The background color of the column containing the action buttons
+  /// in the feedback menu.
+  final Color feedbackMenuBackgroundColor;
+
   /// The height of the bottom sheet as a fraction of the screen height.
   ///
   /// Values between .2 and .3 are usually ideal.

feedback/test/controls_column_test.dart

@@ -7,6 +7,7 @@ import 'package:flutter/material.dart';
 void main() {
   Widget create({
     Color? activeColor,
+    Color? backgroundColor,
     FeedbackMode? mode,
     ValueChanged<Color>? onColorChanged,
     VoidCallback? onUndo,
@@ -18,6 +19,7 @@ void main() {
     return FeedbackLocalization(
       child: ControlsColumn(
         activeColor: activeColor ?? Colors.red,
+        backgroundColor: backgroundColor ?? Colors.grey,
         mode: mode ?? FeedbackMode.draw,
         colors:
             colors ?? [Colors.red, Colors.green, Colors.blue, Colors.yellow],