update theme

2025-12-02 15:20:54 +07:00
parent 12bd70479c
commit 49a41d24eb
78 changed files with 3263 additions and 2756 deletions
--- a/lib/features/auth/presentation/widgets/file_upload_card.dart
+++ b/lib/features/auth/presentation/widgets/file_upload_card.dart
@@ -77,25 +77,27 @@ class FileUploadCard extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
+    final colorScheme = Theme.of(context).colorScheme;
+
    if (file != null) {
      // Show preview with remove option
-      return _buildPreview(context);
+      return _buildPreview(context, colorScheme);
    } else {
      // Show upload area
-      return _buildUploadArea(context);
+      return _buildUploadArea(context, colorScheme);
    }
  }

  /// Build upload area
-  Widget _buildUploadArea(BuildContext context) {
+  Widget _buildUploadArea(BuildContext context, ColorScheme colorScheme) {
    return InkWell(
      onTap: onTap,
      borderRadius: BorderRadius.circular(AppRadius.lg),
      child: Container(
        decoration: BoxDecoration(
-          color: AppColors.white,
+          color: colorScheme.surface,
          border: Border.all(
-            color: const Color(0xFFCBD5E1),
+            color: colorScheme.outlineVariant,
            width: 2,
            strokeAlign: BorderSide.strokeAlignInside,
          ),
@@ -105,16 +107,16 @@ class FileUploadCard extends StatelessWidget {
        child: Column(
          children: [
            // Icon
-            Icon(icon, size: 32, color: AppColors.grey500),
+            Icon(icon, size: 32, color: colorScheme.onSurfaceVariant),
            const SizedBox(height: AppSpacing.sm),

            // Title
            Text(
              title,
-              style: const TextStyle(
+              style: TextStyle(
                fontSize: 14,
                fontWeight: FontWeight.w600,
-                color: AppColors.grey900,
+                color: colorScheme.onSurface,
              ),
            ),
            const SizedBox(height: AppSpacing.xs),
@@ -122,7 +124,7 @@ class FileUploadCard extends StatelessWidget {
            // Subtitle
            Text(
              subtitle,
-              style: const TextStyle(fontSize: 12, color: AppColors.grey500),
+              style: TextStyle(fontSize: 12, color: colorScheme.onSurfaceVariant),
            ),
          ],
        ),
@@ -131,11 +133,11 @@ class FileUploadCard extends StatelessWidget {
  }

  /// Build preview with remove button
-  Widget _buildPreview(BuildContext context) {
+  Widget _buildPreview(BuildContext context, ColorScheme colorScheme) {
    return Container(
      decoration: BoxDecoration(
-        color: AppColors.white,
-        border: Border.all(color: AppColors.grey100, width: 1),
+        color: colorScheme.surface,
+        border: Border.all(color: colorScheme.surfaceContainerHighest, width: 1),
        borderRadius: BorderRadius.circular(AppRadius.md),
      ),
      padding: const EdgeInsets.all(AppSpacing.sm),
@@ -153,10 +155,10 @@ class FileUploadCard extends StatelessWidget {
                return Container(
                  width: 50,
                  height: 50,
-                  color: AppColors.grey100,
-                  child: const Icon(
+                  color: colorScheme.surfaceContainerHighest,
+                  child: Icon(
                    FontAwesomeIcons.image,
-                    color: AppColors.grey500,
+                    color: colorScheme.onSurfaceVariant,
                    size: 24,
                  ),
                );
@@ -173,10 +175,10 @@ class FileUploadCard extends StatelessWidget {
              children: [
                Text(
                  _getFileName(file!.path),
-                  style: const TextStyle(
+                  style: TextStyle(
                    fontSize: 14,
                    fontWeight: FontWeight.w500,
-                    color: AppColors.grey900,
+                    color: colorScheme.onSurface,
                  ),
                  maxLines: 1,
                  overflow: TextOverflow.ellipsis,
@@ -188,9 +190,9 @@ class FileUploadCard extends StatelessWidget {
                    if (snapshot.hasData) {
                      return Text(
                        _formatFileSize(snapshot.data!),
-                        style: const TextStyle(
+                        style: TextStyle(
                          fontSize: 12,
-                          color: AppColors.grey500,
+                          color: colorScheme.onSurfaceVariant,
                        ),
                      );
                    }
--- a/lib/features/auth/presentation/widgets/phone_input_field.dart
+++ b/lib/features/auth/presentation/widgets/phone_input_field.dart
@@ -8,7 +8,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter/services.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/core/theme/colors.dart'; // For AppColors.danger

 /// Phone Input Field
 ///
@@ -65,6 +65,8 @@ class PhoneInputField extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
+    final colorScheme = Theme.of(context).colorScheme;
+
    return TextFormField(
      controller: controller,
      focusNode: focusNode,
@@ -78,41 +80,41 @@ class PhoneInputField extends StatelessWidget {
        // Limit to reasonable phone length
        LengthLimitingTextInputFormatter(15),
      ],
-      style: const TextStyle(
+      style: TextStyle(
        fontSize: InputFieldSpecs.fontSize,
-        color: AppColors.grey900,
+        color: colorScheme.onSurface,
      ),
      decoration: InputDecoration(
        labelText: 'Số điện thoại',
-        labelStyle: const TextStyle(
+        labelStyle: TextStyle(
          fontSize: InputFieldSpecs.labelFontSize,
-          color: AppColors.grey500,
+          color: colorScheme.onSurfaceVariant,
        ),
        hintText: 'Nhập số điện thoại',
-        hintStyle: const TextStyle(
+        hintStyle: TextStyle(
          fontSize: InputFieldSpecs.hintFontSize,
-          color: AppColors.grey500,
+          color: colorScheme.onSurfaceVariant,
        ),
-        prefixIcon: const Icon(
+        prefixIcon: Icon(
          FontAwesomeIcons.phone,
-          color: AppColors.primaryBlue,
+          color: colorScheme.primary,
          size: AppIconSize.md,
        ),
        filled: true,
-        fillColor: AppColors.white,
+        fillColor: colorScheme.surface,
        contentPadding: InputFieldSpecs.contentPadding,
        border: OutlineInputBorder(
          borderRadius: BorderRadius.circular(InputFieldSpecs.borderRadius),
-          borderSide: const BorderSide(color: AppColors.grey100, width: 1.0),
+          borderSide: BorderSide(color: colorScheme.surfaceContainerHighest, width: 1.0),
        ),
        enabledBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(InputFieldSpecs.borderRadius),
-          borderSide: const BorderSide(color: AppColors.grey100, width: 1.0),
+          borderSide: BorderSide(color: colorScheme.surfaceContainerHighest, width: 1.0),
        ),
        focusedBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(InputFieldSpecs.borderRadius),
-          borderSide: const BorderSide(
-            color: AppColors.primaryBlue,
+          borderSide: BorderSide(
+            color: colorScheme.primary,
            width: 2.0,
          ),
        ),
--- a/lib/features/auth/presentation/widgets/role_dropdown.dart
+++ b/lib/features/auth/presentation/widgets/role_dropdown.dart
@@ -54,34 +54,36 @@ class RoleDropdown extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
+    final colorScheme = Theme.of(context).colorScheme;
+
    return DropdownButtonFormField<String>(
      initialValue: value,
      decoration: InputDecoration(
        hintText: 'Chọn vai trò của bạn',
-        hintStyle: const TextStyle(
+        hintStyle: TextStyle(
          fontSize: InputFieldSpecs.hintFontSize,
-          color: AppColors.grey500,
+          color: colorScheme.onSurfaceVariant,
        ),
-        prefixIcon: const Icon(
+        prefixIcon: Icon(
          FontAwesomeIcons.briefcase,
-          color: AppColors.primaryBlue,
+          color: colorScheme.primary,
          size: AppIconSize.md,
        ),
        filled: true,
-        fillColor: AppColors.white,
+        fillColor: colorScheme.surface,
        contentPadding: InputFieldSpecs.contentPadding,
        border: OutlineInputBorder(
          borderRadius: BorderRadius.circular(InputFieldSpecs.borderRadius),
-          borderSide: const BorderSide(color: AppColors.grey100, width: 1.0),
+          borderSide: BorderSide(color: colorScheme.surfaceContainerHighest, width: 1.0),
        ),
        enabledBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(InputFieldSpecs.borderRadius),
-          borderSide: const BorderSide(color: AppColors.grey100, width: 1.0),
+          borderSide: BorderSide(color: colorScheme.surfaceContainerHighest, width: 1.0),
        ),
        focusedBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(InputFieldSpecs.borderRadius),
-          borderSide: const BorderSide(
-            color: AppColors.primaryBlue,
+          borderSide: BorderSide(
+            color: colorScheme.primary,
            width: 2.0,
          ),
        ),
@@ -105,11 +107,11 @@ class RoleDropdown extends StatelessWidget {
      ],
      onChanged: onChanged,
      validator: validator,
-      icon: const FaIcon(FontAwesomeIcons.chevronDown, color: AppColors.grey500, size: 16),
-      dropdownColor: AppColors.white,
-      style: const TextStyle(
+      icon: FaIcon(FontAwesomeIcons.chevronDown, color: colorScheme.onSurfaceVariant, size: 16),
+      dropdownColor: colorScheme.surface,
+      style: TextStyle(
        fontSize: InputFieldSpecs.fontSize,
-        color: AppColors.grey900,
+        color: colorScheme.onSurface,
      ),
    );
  }