✨implement light and dark theme

lib/views/home/progress_bar_column.dart

@@ -1,13 +1,14 @@
 import 'package:flutter/material.dart';
+import 'package:tm_app/core/theme/colors.dart';
 
 import '../../core/utils/size_config.dart';
 
 class ProgressBarColumn extends StatefulWidget {
   const ProgressBarColumn({
-    super.key,
     required this.text,
     required this.value,
     required this.amount,
+    super.key,
   });
 
   final String text;
@@ -74,7 +75,7 @@ class _ProgressBarColumnState extends State<ProgressBarColumn>
               backgroundColor: Color(0xFFE1E1E1),
               strokeCap: StrokeCap.round,
               strokeWidth: 8.0,
-              valueColor: AlwaysStoppedAnimation<Color>(Color(0xFF34BCCB)),
+              valueColor: AlwaysStoppedAnimation<Color>(AppColors.jellyBean),
               value: _animation.value,
             ),
       ),
@@ -85,7 +86,11 @@ class _ProgressBarColumnState extends State<ProgressBarColumn>
     return Center(
       child: Text(
         widget.amount,
-        style: TextStyle(fontSize: 24.0.sp(), fontWeight: FontWeight.bold),
+        style: TextStyle(
+          fontSize: 24.0.sp(),
+          fontWeight: FontWeight.bold,
+          color: AppColors.titleColor,
+        ),
         textAlign: TextAlign.center,
       ),
     );
@@ -97,7 +102,7 @@ class _ProgressBarColumnState extends State<ProgressBarColumn>
       style: TextStyle(
         fontSize: 16.0.sp(),
         fontWeight: FontWeight.bold,
-        color: Color(0xFF222222),
+        color: AppColors.titleColor,
       ),
     );
   }