fix: added canvas color change support according to the display's colors using ColorPaletteProvider (#45)

Author: Vishveshwara

lib/pro_image_editor/features/movable_background_image.dart

@@ -10,6 +10,8 @@ import 'package:google_fonts/google_fonts.dart';
 import 'package:image_picker/image_picker.dart';
 import 'package:magic_epaper_app/pro_image_editor/features/bottom_bar.dart';
 import 'package:magic_epaper_app/pro_image_editor/features/text_bottom_bar.dart';
+import 'package:magic_epaper_app/provider/color_palette_provider.dart';
+import 'package:magic_epaper_app/provider/getitlocator.dart';
 import 'package:pro_image_editor/core/models/layers/layer_interaction.dart';
 import 'package:pro_image_editor/designs/whatsapp/whatsapp_paint_colorpicker.dart';
 import 'package:pro_image_editor/designs/whatsapp/whatsapp_text_colorpicker.dart';
@@ -215,21 +217,29 @@ class _MovableBackgroundImageExampleState
   //   _transparentBytes = pngBytes!.buffer.asUint8List();
   // }
 
-// Add this method to handle canvas color changes
+  final List<Color> availableCanvasColors =
+      getIt<ColorPaletteProvider>().colors;
+  int currentCanvasColorIndex = 0;
+
+  String _getCanvasColorName(Color color) {
+    if (color == Colors.white) {
+      return 'white';
+    } else if (color == Colors.red) {
+      return 'red';
+    } else if (color == Colors.black) {
+      return 'black';
+    }
+
+    return 'white';
+  }
+
   void _changeCanvasColor() {
     setState(() {
-      // Cycle through colors: white -> red -> black
-      switch (_currentCanvasColor) {
-        case 'white':
-          _currentCanvasColor = 'red';
-          break;
-        case 'red':
-          _currentCanvasColor = 'black';
-          break;
-        case 'black':
-          _currentCanvasColor = 'white';
-          break;
-      }
+      currentCanvasColorIndex =
+          (currentCanvasColorIndex + 1) % availableCanvasColors.length;
+
+      _currentCanvasColor =
+          _getCanvasColorName(availableCanvasColors[currentCanvasColorIndex]);
     });
 
     // Update the canvas by replacing the first layer

lib/util/epd/gdey037z03.dart

@@ -19,7 +19,7 @@ class Gdey037z03 extends Epd {
   String get imgPath => "assets/images/displays/epaper_3.7_bwr.png";
 
   @override
-  get colors => [Colors.black, Colors.white, Colors.red];
+  get colors => [Colors.white, Colors.black, Colors.red];
 
   @override
   get controller => Uc8253() as Driver;

lib/util/epd/gdey037z03bw.dart

@@ -19,7 +19,7 @@ class Gdey037z03BW extends Epd {
   String get imgPath => "assets/images/displays/epaper_3.7_bw.PNG";
 
   @override
-  get colors => [Colors.black, Colors.white];
+  get colors => [Colors.white, Colors.black];
 
   @override
   get controller => Uc8253() as Driver;