update theme

lib/features/news/presentation/widgets/related_article_card.dart

@@ -8,7 +8,6 @@ import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:worker/core/constants/ui_constants.dart';
-import 'package:worker/core/theme/colors.dart';
 import 'package:worker/features/news/domain/entities/news_article.dart';
 
 /// Related Article Card
@@ -31,15 +30,17 @@ class RelatedArticleCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final colorScheme = Theme.of(context).colorScheme;
+
     return GestureDetector(
       onTap: onTap,
       child: Container(
         margin: const EdgeInsets.only(bottom: AppSpacing.md),
         padding: const EdgeInsets.all(AppSpacing.md),
         decoration: BoxDecoration(
-          color: Colors.white,
+          color: colorScheme.surface,
           borderRadius: BorderRadius.circular(AppRadius.lg),
-          border: Border.all(color: const Color(0xFFE2E8F0)),
+          border: Border.all(color: colorScheme.outlineVariant),
         ),
         child: Row(
           children: [
@@ -54,7 +55,7 @@ class RelatedArticleCard extends StatelessWidget {
                 placeholder: (context, url) => Container(
                   width: 60,
                   height: 60,
-                  color: AppColors.grey100,
+                  color: colorScheme.surfaceContainerHighest,
                   child: const Center(
                     child: SizedBox(
                       width: 16,
@@ -66,11 +67,11 @@ class RelatedArticleCard extends StatelessWidget {
                 errorWidget: (context, url, error) => Container(
                   width: 60,
                   height: 60,
-                  color: AppColors.grey100,
-                  child: const FaIcon(
+                  color: colorScheme.surfaceContainerHighest,
+                  child: FaIcon(
                     FontAwesomeIcons.image,
                     size: 20,
-                    color: AppColors.grey500,
+                    color: colorScheme.onSurfaceVariant,
                   ),
                 ),
               ),
@@ -86,10 +87,10 @@ class RelatedArticleCard extends StatelessWidget {
                   // Title (max 2 lines)
                   Text(
                     article.title,
-                    style: const TextStyle(
+                    style: TextStyle(
                       fontSize: 14,
                       fontWeight: FontWeight.w600,
-                      color: Color(0xFF1E293B),
+                      color: colorScheme.onSurface,
                       height: 1.3,
                     ),
                     maxLines: 2,
@@ -101,9 +102,9 @@ class RelatedArticleCard extends StatelessWidget {
                   // Metadata
                   Text(
                     '${article.formattedDate} • ${article.formattedViewCount} lượt xem',
-                    style: const TextStyle(
+                    style: TextStyle(
                       fontSize: 12,
-                      color: Color(0xFF64748B),
+                      color: colorScheme.onSurfaceVariant,
                     ),
                   ),
                 ],