fix marker rendering & modernize riding widgets for dark mode - 2026-04-11

lib/views/widgets/circle_container.dart

@@ -6,14 +6,14 @@ import 'mydialoug.dart';
 
 class MyCircleContainer extends StatelessWidget {
   final Widget child;
-  final Color backgroundColor;
-  final Color borderColor;
+  final Color? backgroundColor;
+  final Color? borderColor;
 
   MyCircleContainer({
     Key? key,
     required this.child,
-    this.backgroundColor = AppColor.secondaryColor,
-    this.borderColor = AppColor.accentColor,
+    this.backgroundColor,
+    this.borderColor,
   }) : super(key: key);
 
   final controller = Get.put(CircleController());
@@ -40,9 +40,9 @@ class MyCircleContainer extends StatelessWidget {
                 height: controller.size,
                 decoration: BoxDecoration(
                   shape: BoxShape.circle,
-                  color: controller.backgroundColor,
+                  color: controller.isAccented ? AppColor.accentColor : (backgroundColor ?? AppColor.secondaryColor),
                   border: Border.all(
-                    color: borderColor,
+                    color: borderColor ?? AppColor.accentColor,
                     width: 1,
                   ),
                 ),
@@ -53,12 +53,10 @@ class MyCircleContainer extends StatelessWidget {
 }
 
 class CircleController extends GetxController {
-  Color backgroundColor = AppColor.secondaryColor;
+  bool isAccented = false;
   double size = 40;
   void changeColor() {
-    backgroundColor = backgroundColor == AppColor.secondaryColor
-        ? AppColor.accentColor
-        : AppColor.secondaryColor;
+    isAccented = !isAccented;
     size = 60;
     update();
   }