Refactor color management and UI components for consistency

- Updated color references in various widgets to use the new `opaquePrimary` color for better visual consistency.
- Refactored `ColorsManager` to improve color definitions and removed redundant color declarations.
- Enhanced UI elements across multiple dialogs and widgets to ensure a cohesive design language.

This change promotes maintainability and aligns with the updated color scheme.

lib/pages/routines/widgets/condition_toggle.dart

@@ -12,11 +12,7 @@ class ConditionToggle extends StatelessWidget {
   });
 
   static const _conditions = ["<", "==", ">"];
-  static const _icons = [
-    Icons.chevron_left,
-    Icons.drag_handle,
-    Icons.chevron_right
-  ];
+  static const _icons = [Icons.chevron_left, Icons.drag_handle, Icons.chevron_right];
 
   @override
   Widget build(BuildContext context) {
@@ -41,16 +37,14 @@ class ConditionToggle extends StatelessWidget {
                 duration: const Duration(milliseconds: 180),
                 curve: Curves.ease,
                 decoration: BoxDecoration(
-                  color:
-                      isSelected ? ColorsManager.vividBlue : Colors.transparent,
+                  color: isSelected ? ColorsManager.vividBlue : Colors.transparent,
                 ),
                 child: Center(
                   child: Icon(
                     _icons[index],
                     size: 20,
-                    color: isSelected
-                        ? ColorsManager.whiteColors
-                        : ColorsManager.blackColor,
+                    color:
+                        isSelected ? ColorsManager.white : ColorsManager.blackColor,
                     weight: isSelected ? 700 : 500,
                   ),
                 ),