Enhance Pad Tracking with new Flow and Supply logic

lib/screens/calendar/calendar_screen.dart

@@ -326,7 +326,11 @@ class _CalendarScreenState extends ConsumerState<CalendarScreen> {
         child: Container(
           padding: const EdgeInsets.symmetric(vertical: 8),
           decoration: BoxDecoration(
-            color: isSelected ? Colors.white : Colors.transparent,
+            color: isSelected
+                ? (Theme.of(context).brightness == Brightness.dark
+                    ? const Color(0xFF333333)
+                    : Colors.white)
+                : Colors.transparent,
             borderRadius: BorderRadius.circular(8),
             boxShadow: isSelected
                 ? [
@@ -396,7 +400,7 @@ class _CalendarScreenState extends ConsumerState<CalendarScreen> {
               style: GoogleFonts.outfit(
                 fontSize: 20,
                 fontWeight: FontWeight.w600,
-                color: AppColors.charcoal,
+                color: Theme.of(context).colorScheme.onSurface,
               ),
             ),
             const SizedBox(height: 20),
@@ -429,7 +433,7 @@ class _CalendarScreenState extends ConsumerState<CalendarScreen> {
             label,
             style: GoogleFonts.outfit(
               fontSize: 14,
-              color: AppColors.charcoal,
+              color: Theme.of(context).colorScheme.onSurface,
             ),
           ),
         ],
@@ -637,8 +641,8 @@ class _CalendarScreenState extends ConsumerState<CalendarScreen> {
           Expanded(
             child: Text(
               'Did you use pantyliners today?',
-              style:
-                  GoogleFonts.outfit(fontSize: 14, color: AppColors.charcoal),
+              style: GoogleFonts.outfit(
+                  fontSize: 14, color: Theme.of(context).colorScheme.onSurface),
             ),
           ),
           TextButton(