✨implement light and dark theme

lib/views/home/tenders_list_item.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/svg.dart';
 
+import '../../core/theme/colors.dart';
 import '../../core/utils/size_config.dart';
 
 class TendersListItem extends StatelessWidget {
@@ -8,7 +9,12 @@ class TendersListItem extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return SizedBox(
+    return Container(
+      decoration: BoxDecoration(
+        color: AppColors.cardBackground,
+        borderRadius: BorderRadius.circular(4),
+      ),
+      margin: EdgeInsetsDirectional.only(end: 16.0.w()),
       width: 327.0.w(),
       height: 309.0.h(),
       child: Padding(
@@ -23,14 +29,14 @@ class TendersListItem extends StatelessWidget {
                   style: TextStyle(
                     fontSize: 12.0.sp(),
                     fontWeight: FontWeight.w400,
-                    color: Color(0xFF777777),
+                    color: AppColors.grey60,
                   ),
                 ),
                 Container(
                   width: 91.0.w(),
                   height: 24.0.h(),
                   decoration: BoxDecoration(
-                    color: Color(0xFFDAF8D6),
+                    color: AppColors.green20,
                     borderRadius: BorderRadius.circular(8),
                   ),
                   alignment: Alignment.center,
@@ -39,7 +45,7 @@ class TendersListItem extends StatelessWidget {
                     style: TextStyle(
                       fontSize: 12.0.sp(),
                       fontWeight: FontWeight.w500,
-                      color: Color(0xFF289744),
+                      color: AppColors.green30,
                     ),
                   ),
                 ),
@@ -51,7 +57,7 @@ class TendersListItem extends StatelessWidget {
               style: TextStyle(
                 fontSize: 16.0.sp(),
                 fontWeight: FontWeight.w600,
-                color: Color(0xFF222222),
+                color: AppColors.grey80,
               ),
             ),
             SizedBox(height: 8.0.h()),
@@ -60,7 +66,7 @@ class TendersListItem extends StatelessWidget {
               style: TextStyle(
                 fontSize: 14.0.sp(),
                 fontWeight: FontWeight.w400,
-                color: Color(0xFF222222),
+                color: AppColors.grey70,
               ),
             ),
             SizedBox(height: 24.0.h()),
@@ -73,7 +79,7 @@ class TendersListItem extends StatelessWidget {
                   style: TextStyle(
                     fontSize: 12.0.sp(),
                     fontWeight: FontWeight.w400,
-                    color: Color(0xFF777777),
+                    color: AppColors.grey80,
                   ),
                 ),
                 SizedBox(width: 8.0.w()),
@@ -87,9 +93,8 @@ class TendersListItem extends StatelessWidget {
                   width: 96.0.w(),
                   height: 24.0.h(),
                   decoration: BoxDecoration(
-                    color: Color(0xFFE4E4E4),
+                    color: AppColors.grey30,
                     borderRadius: BorderRadius.circular(88),
-                    border: Border.all(color: Color(0xFFDADADA)),
                   ),
                   alignment: Alignment.center,
                   child: Text(
@@ -97,7 +102,7 @@ class TendersListItem extends StatelessWidget {
                     style: TextStyle(
                       fontSize: 12.0.sp(),
                       fontWeight: FontWeight.w500,
-                      color: Color(0xFF777777),
+                      color: AppColors.grey60,
                     ),
                   ),
                 ),