Update dependencies and refactor UI components to use DesignTheme. Removed reflect_colors package references and replaced them with Colors. Adjusted various UI elements to enhance consistency and appearance across the application.

Author: lijy91

apps/biyi_app/lib/app/available_ocr_engines/page.dart

@@ -96,7 +96,7 @@ class _AvailableOcrEnginesPageState extends State<AvailableOcrEnginesPage> {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return PageScaffold(
       appBar: CustomizedAppBar(
         title: Text(
           t.app.ocr_engines.title,

apps/biyi_app/lib/app/available_translation_engines/page.dart

@@ -100,7 +100,7 @@ class _AvailableTranslationEnginesPageState
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return PageScaffold(
       appBar: CustomizedAppBar(
         title: Text(
           t.app.translation_engines.title,

apps/biyi_app/lib/app/home/desktop_popup.dart

@@ -908,7 +908,7 @@ class _DesktopPopupPageState extends State<DesktopPopupPage>
           _handleButtonTappedTrans();
         },
       },
-      child: Scaffold(
+      child: PageScaffold(
         appBar: _buildAppBar(context),
         body: _buildBody(context),
       ),

apps/biyi_app/lib/app/home/limited_functionality_banner.dart

@@ -4,7 +4,6 @@ import 'package:biyi_app/widgets/feature_status_icon/feature_status_icon.dart';
 import 'package:bot_toast/bot_toast.dart';
 import 'package:fluentui_system_icons/fluentui_system_icons.dart';
 import 'package:flutter/gestures.dart';
-import 'package:reflect_colors/reflect_colors.dart';
 import 'package:reflect_ui/reflect_ui.dart';
 import 'package:screen_capturer/screen_capturer.dart';
 import 'package:screen_text_extractor/screen_text_extractor.dart';
@@ -64,10 +63,10 @@ class AllowAccessListItem extends StatelessWidget {
                           ),
                       ],
                       style: TextStyle(
-                        color: ReflectColors.neutral.shade700,
+                        color: Colors.neutral.shade700,
                         decoration: TextDecoration.underline,
                         decorationThickness: 1.5,
-                        decorationColor: ReflectColors.neutral.shade700,
+                        decorationColor: Colors.neutral.shade700,
                         fontWeight: FontWeight.w700,
                         fontSize: 13,
                         height: 18 / 13,
@@ -124,7 +123,9 @@ class LimitedFunctionalityBanner extends StatelessWidget {
                             child: Icon(
                               FluentIcons.question_circle_20_regular,
                               size: 14,
-                              color: hovered ? Colors.white70 : Colors.white,
+                              color: hovered
+                                  ? Colors.white.withOpacity(0.7)
+                                  : Colors.white,
                             ),
                           );
                         },

apps/biyi_app/lib/app/home/new_version_found_banner.dart

@@ -15,7 +15,7 @@ class NewVersionFoundBanner extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    TextTheme textTheme = Theme.of(context).textTheme;
+    final DesignThemeData theme = DesignTheme.of(context);
     return Container(
       color: Theme.of(context).primaryColor,
       width: double.infinity,
@@ -40,7 +40,7 @@ class NewVersionFoundBanner extends StatelessWidget {
                   version: latestVersion.version,
                 ),
               ),
-              style: textTheme.bodyMedium!.copyWith(
+              style: theme.typography.bodyMedium.copyWith(
                 color: Colors.white,
                 fontWeight: FontWeight.w500,
               ),
@@ -71,7 +71,7 @@ class NewVersionFoundBanner extends StatelessWidget {
                   ),
                 ],
               ),
-              style: textTheme.bodyMedium!.copyWith(
+              style: theme.typography.bodyMedium.copyWith(
                 color: Colors.white,
               ),
             ),

apps/biyi_app/lib/app/home/page.dart

@@ -4,7 +4,6 @@ import 'package:biyi_app/app/home/tab_settings.dart';
 import 'package:biyi_app/app/home/tab_vocabulary.dart';
 import 'package:fluentui_system_icons/fluentui_system_icons.dart';
 import 'package:flutter/cupertino.dart';
-import 'package:reflect_colors/reflect_colors.dart';
 import 'package:reflect_ui/reflect_ui.dart';
 import 'package:uni_platform/uni_platform.dart';
 
@@ -45,7 +44,7 @@ class _HomePageState extends State<HomePage> {
         boxShadow: Theme.of(context).brightness == Brightness.light
             ? [
                 BoxShadow(
-                  color: ReflectColors.neutral.withOpacity(0.2),
+                  color: Colors.neutral.withOpacity(0.2),
                   blurRadius: 16,
                 ),
               ]
@@ -87,7 +86,7 @@ class _HomePageState extends State<HomePage> {
   }
 
   Widget _build(BuildContext context) {
-    return Scaffold(
+    return PageScaffold(
       body: _buildBody(context),
       bottomNavigationBar: _buildBottomNavigationBar(context),
     );

apps/biyi_app/lib/app/home/tab_homepage.dart

@@ -33,7 +33,7 @@ class _TabHomepageSceneState extends State<TabHomepageScene> {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return PageScaffold(
       appBar: _buildAppBar(context),
       body: _buildBody(context),
     );

apps/biyi_app/lib/app/home/tab_vocabulary.dart

@@ -6,7 +6,7 @@ class TabVocabularyScene extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return PageScaffold(
       appBar: const CustomizedAppBar(
         title: Text('Vocabulary'),
       ),

apps/biyi_app/lib/app/home/toolbar_item_always_on_top.dart

@@ -35,8 +35,8 @@ class _ToolbarItemAlwaysOnTopState extends State<ToolbarItemAlwaysOnTop> {
       ),
       child: IconButton(
         _isAlwaysOnTop ? FluentIcons.pin_20_filled : FluentIcons.pin_20_regular,
-        variant: IconButtonVariant.transparent,
-        padding: EdgeInsets.zero,
+        variant: IconButtonVariant.plain,
+        // padding: EdgeInsets.zero,
         color: _isAlwaysOnTop ? null : iconThemeData.color,
         onPressed: () {
           setState(() {

apps/biyi_app/lib/app/home/toolbar_item_settings.dart

@@ -32,7 +32,7 @@ class _ToolbarItemSettingsState extends State<ToolbarItemSettings> {
     final iconThemeData = Theme.of(context).iconTheme;
     return IconButton(
       FluentIcons.settings_20_regular,
-      variant: IconButtonVariant.transparent,
+      variant: IconButtonVariant.plain,
       color: iconThemeData.color,
       onPressed: _handleClick,
     );