Perbaikan Pickup Image Web

lib/src/layouts/auth/change_code.dart

@@ -85,7 +85,7 @@ class _ChangeCodePageState extends State<ChangeCodePage> {
               gradient: LinearGradient(
                 begin: Alignment.topCenter, end: Alignment.bottomCenter,
                 colors: [
-                  primaryColor.withOpacity(0.50), Colors.black.withOpacity(0.91)
+                  primaryColor.withValues(alpha: 0.50), Colors.black.withValues(alpha: 0.91)
                 ]
               )
             )

lib/src/layouts/auth/login.dart

@@ -82,7 +82,7 @@ class _LoginPageState extends State<LoginPage> {
               padding: EdgeInsets.fromLTRB(16, kIsWeb?80:50, 16, 16),
               width: MediaQuery.of(context).size.width,
               height: kIsWeb && MediaQuery.of(context).size.height<700 ? 700 : MediaQuery.of(context).size.height,
-              decoration: BoxDecoration(gradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [primaryColor.withOpacity(0.50), Colors.black.withOpacity(0.91)])),
+              decoration: BoxDecoration(gradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [primaryColor.withValues(alpha: 0.50), Colors.black.withValues(alpha: 0.91)])),
               child: Column(
                 children: [
                   kIsWeb?Container():Container(
@@ -139,7 +139,7 @@ class _LoginPageState extends State<LoginPage> {
                                     ),
                                   ),
                                   decoration: BoxDecoration(
-                                      color: primaryColor.withOpacity(0.50),
+                                      color: primaryColor.withValues(alpha: 0.50),
                                       border: Border.all(color: Colors.white),
                                       borderRadius: BorderRadius.all(Radius.circular(12))
                                   ),
@@ -445,7 +445,7 @@ class _ForceChgPassPageState extends State<ForceChgPassPage> {
                   gradient: LinearGradient(
                       begin: Alignment.topCenter, end: Alignment.bottomCenter,
                       colors: [
-                        primaryColor.withOpacity(0.50), Colors.black.withOpacity(0.91)
+                        primaryColor.withValues(alpha: 0.50), Colors.black.withValues(alpha: 0.91)
                       ]
                   )
               ),
@@ -507,7 +507,7 @@ class _ForceChgPassPageState extends State<ForceChgPassPage> {
                               margin: EdgeInsets.only(top: 40, bottom: 20),
                               padding: EdgeInsets.symmetric(vertical: 16),
                               decoration: BoxDecoration(
-                                  color: primaryColor.withOpacity(0.50),
+                                  color: primaryColor.withValues(alpha: 0.50),
                                   border: Border.all(color: Colors.white),
                                   borderRadius: BorderRadius.all(Radius.circular(12))
                               ),

lib/src/layouts/auth/qr.dart

@@ -96,7 +96,7 @@ class _NewQrPageState extends State<NewQrPage> {
                   gradient: LinearGradient(
                       begin: Alignment.topCenter, end: Alignment.bottomCenter,
                       colors: [
-                        primaryColor.withOpacity(0.50), Colors.black.withOpacity(0.91)
+                        primaryColor.withValues(alpha: 0.50), Colors.black.withValues(alpha: 0.91)
                       ]
                   )
               ),
@@ -123,7 +123,7 @@ class _NewQrPageState extends State<NewQrPage> {
                           child: Container(
                             padding: EdgeInsets.symmetric(vertical: 32, horizontal: 64),
                             decoration: BoxDecoration(
-                                color: primaryColor.withOpacity(0.50),
+                                color: primaryColor.withValues(alpha: 0.50),
                                 border: Border.all(color: Colors.white),
                                 borderRadius: BorderRadius.all(Radius.circular(12))
                             ),

lib/src/layouts/components/auto_login.dart

@@ -165,7 +165,7 @@ class _AutoLoginPageState extends State<AutoLoginPage> {
                   gradient: LinearGradient(
                       begin: Alignment.topCenter, end: Alignment.bottomCenter,
                       colors: [
-                        primaryColor.withOpacity(0.50), Colors.black.withOpacity(0.91)
+                        primaryColor.withValues(alpha: 0.50), Colors.black.withValues(alpha: 0.91)
                       ]
                   )
               ),
@@ -221,7 +221,7 @@ class _AutoLoginPageState extends State<AutoLoginPage> {
                             margin: EdgeInsets.only(top: 40, bottom: 60),
                             padding: EdgeInsets.symmetric(vertical: 16),
                             decoration: BoxDecoration(
-                                color: primaryColor.withOpacity(0.50),
+                                color: primaryColor.withValues(alpha: 0.50),
                                 border: Border.all(color: Colors.white),
                                 borderRadius: BorderRadius.all(Radius.circular(12))
                             ),

lib/src/layouts/components/error_page.dart

@@ -52,12 +52,12 @@ class _ErrorPageState extends State<ErrorPage> {
             }),
           ),
           Container(
-            // decoration: BoxDecoration(color: Color(0xff0D497F).withOpacity(0.85)),
+            // decoration: BoxDecoration(color: Color(0xff0D497F).withValues(alpha: 0.85)),
             decoration: BoxDecoration(
                 gradient: LinearGradient(
                     begin: Alignment.topCenter, end: Alignment.bottomCenter,
                     colors: [
-                      primaryColor.withOpacity(0.50), Colors.black.withOpacity(0.91)
+                      primaryColor.withValues(alpha: 0.50), Colors.black.withValues(alpha: 0.91)
                     ]
                 )
             ),

lib/src/layouts/components/photo_chat.dart

@@ -76,7 +76,7 @@ class _PhotoChatState extends State<PhotoChat> {
         bottomOpacity: 0,
         titleSpacing: 0,
         title: Text('sendPicture'.tr(), style: TextStyle(color: Colors.white, fontSize: 17, fontWeight: FontWeight.w500), overflow: TextOverflow.ellipsis),
-        backgroundColor: Colors.black.withOpacity(0.4),
+        backgroundColor: Colors.black.withValues(alpha: 0.4),
         leading: GestureDetector(
           child: U.iconsax('arrow-left', color: Colors.white),
           onTap: () => Navigator.of(context).pop(),

lib/src/layouts/components/template.dart

@@ -72,7 +72,7 @@ Widget textHorizontal(String title, String subtitle, {double size = 14, double o
   return Row(
     crossAxisAlignment: CrossAxisAlignment.start,
     children: [
-      Text(title, style: TextStyle(color: textColor.withOpacity(opacity), fontSize: size)),
+      Text(title, style: TextStyle(color: textColor.withValues(alpha: opacity), fontSize: size)),
       Expanded(
         child: Text(subtitle, style: TextStyle(color: textColor, fontSize: size), maxLines: 3, overflow: TextOverflow.ellipsis, textAlign: TextAlign.right),
       ),
@@ -81,7 +81,7 @@ Widget textHorizontal(String title, String subtitle, {double size = 14, double o
 }
 
 Widget divider({opacity = 0.15}){
-  return Divider(height: 1, thickness: 1, color: textColor.withOpacity(opacity));
+  return Divider(height: 1, thickness: 1, color: textColor.withValues(alpha: opacity));
 }
 
 Widget dashed({double top = 8, double bottom = 8, double left = 0, double right = 0, Color color = textColor, double width = double.infinity}){
@@ -109,7 +109,7 @@ Widget categoryContainer({required BuildContext context, required String iconUrl
         color: Colors.white,
         borderRadius: BorderRadius.all(Radius.circular(20)),
         border: Border.all(width: 0.2, color: Colors.black12),
-        boxShadow: [BoxShadow(color: Colors.grey.withOpacity(0.3), blurRadius: 2, offset: Offset(0, 2))]
+        boxShadow: [BoxShadow(color: Colors.grey.withValues(alpha: 0.3), blurRadius: 2, offset: Offset(0, 2))]
     ),
   );
 }
@@ -167,7 +167,7 @@ Widget requestTiles({required String image, required String title, required Stri
     ),
     decoration: BoxDecoration(
         color: Colors.white,
-        border: border?Border.all(color: textColor.withOpacity(0.15)):null,
+        border: border?Border.all(color: textColor.withValues(alpha: 0.15)):null,
         borderRadius: border?BorderRadius.all(Radius.circular(12)):null
     ),
   );
@@ -177,13 +177,13 @@ Widget imageTiles({required String imageUrl, double width = 100, double height =
   return imageUrl != "null" ? Container(
     padding: EdgeInsets.fromLTRB(1, 0, 1, 0),
     decoration: BoxDecoration(
-      color: textColor.withOpacity(0.1),
+      color: textColor.withValues(alpha: 0.1),
       borderRadius: BorderRadius.all(Radius.circular(radius)),
     ),
     child: Container(
       width: width, height: height,
       decoration: BoxDecoration(
-        color: textColor.withOpacity(0.1),
+        color: textColor.withValues(alpha: 0.1),
         borderRadius: BorderRadius.all(Radius.circular(radius)),
         image: DecorationImage(
           image: CachedNetworkImageProvider(imageUrl+'?bridge-cache=true', cacheManager: CacheManager(CacheMan.config(imageUrl+'?bridge-cache=true'))),
@@ -216,14 +216,14 @@ Widget loginFieldTemplate({required String value, placeholder = '', required act
         cursorColor: Colors.white,
         decoration: InputDecoration(
             hintText: placeholder,
-            hintStyle: TextStyle(fontSize: 16, color: Colors.white.withOpacity(0.6)),
+            hintStyle: TextStyle(fontSize: 16, color: Colors.white.withValues(alpha: 0.6)),
             filled: true,
-            fillColor: Colors.white.withOpacity(0.25),
-            hoverColor: Colors.white.withOpacity(0.26),
+            fillColor: Colors.white.withValues(alpha: 0.25),
+            hoverColor: Colors.white.withValues(alpha: 0.26),
             contentPadding: EdgeInsets.all(16),
             border: InputBorder.none,
             suffixIconConstraints: BoxConstraints(maxHeight: 40, maxWidth: 40, minHeight: 40, minWidth: 40),
-            suffixIcon: isPassword?GestureDetector(child: U.iconsax(hidePass?'eye':'eye-slash', color: Colors.white.withOpacity(0.6)), onTap: ()=>fieldState(()=>hidePass=!hidePass)):null,
+            suffixIcon: isPassword?GestureDetector(child: U.iconsax(hidePass?'eye':'eye-slash', color: Colors.white.withValues(alpha: 0.6)), onTap: ()=>fieldState(()=>hidePass=!hidePass)):null,
             enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Colors.white)),
             focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Colors.white)),
             isDense: true
@@ -243,7 +243,7 @@ Widget loadingTemplate(){
         indicatorType: Indicator.ballPulseRise,
         colors: U.defaultRainbowColors(),
         strokeWidth: 2,
-        backgroundColor: Colors.black.withOpacity(0),
+        backgroundColor: Colors.black.withValues(alpha: 0),
         pathBackgroundColor: Colors.black,
       ),
     ),
@@ -256,7 +256,7 @@ Widget infoContainer(String text){
     padding: EdgeInsets.all(12),
     child: Text(text, style: TextStyle(color: textColor), textAlign: TextAlign.center),
     decoration: BoxDecoration(
-        color: secondaryColor.withOpacity(0.1),
+        color: secondaryColor.withValues(alpha: 0.1),
         border: Border.all(color: secondaryColor),
         borderRadius: BorderRadius.all(Radius.circular(12))
     ),
@@ -280,7 +280,7 @@ class PhotoPreview extends StatelessWidget {
         bottomOpacity: 0,
         titleSpacing: 0,
         title: Text(title, style: TextStyle(color: Colors.white, fontSize: 17, fontWeight: FontWeight.w500), overflow: TextOverflow.ellipsis),
-        backgroundColor: Colors.black.withOpacity(0.4),
+        backgroundColor: Colors.black.withValues(alpha: 0.4),
         leading: GestureDetector(
           child: U.iconsax('arrow-left', color: Colors.white),
           onTap: () => Navigator.of(context).pop(),
@@ -312,7 +312,7 @@ class PhotoPreviewGallery extends StatelessWidget {
       backgroundColor: Colors.black,
       appBar: AppBar(
         title: Text(title, style: TextStyle(fontSize: 18)),
-        backgroundColor: Colors.black.withOpacity(0.4),
+        backgroundColor: Colors.black.withValues(alpha: 0.4),
         titleSpacing: 0,
         leading: new IconButton(
           icon: new Icon(Icons.arrow_back_rounded),
@@ -696,7 +696,7 @@ class NoImageFound extends StatelessWidget {
             child: BackdropFilter(
               filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
               child: Container(
-                color: Colors.grey.withOpacity(0.5),
+                color: Colors.grey.withValues(alpha: 0.5),
                 alignment: Alignment.center,
                 child: show
                     ? Container(

lib/src/layouts/mobile/app_mobile.dart

@@ -192,12 +192,12 @@ class _MobMenuTemplateState extends State<MobMenuTemplate> {
         showUnselectedLabels: true,
         selectedFontSize: 12,
         items: <BottomNavigationBarItem>[
-          BottomNavigationBarItem(icon: U.iconsax(index == 0 ? 'bold/home' : 'home-1', color: index==0 ? primaryColor : Color(0xff292D32).withOpacity(0.5)), label: 'menuHome'.tr()),
+          BottomNavigationBarItem(icon: U.iconsax(index == 0 ? 'bold/home' : 'home-1', color: index==0 ? primaryColor : Color(0xff292D32).withValues(alpha: 0.5)), label: 'menuHome'.tr()),
           BottomNavigationBarItem(icon: Center(
             child: Stack(
               alignment: Alignment.topRight,
               children: [
-                U.iconsax(index == 1 ? 'bold/archive-2' : 'archive-2', color: index==1 ? primaryColor : Color(0xff292D32).withOpacity(0.5)),
+                U.iconsax(index == 1 ? 'bold/archive-2' : 'archive-2', color: index==1 ? primaryColor : Color(0xff292D32).withValues(alpha: 0.5)),
                 Container(
                   width: historyMark?11:0, height: historyMark?11:0,
                   decoration: BoxDecoration(color: Colors.red, borderRadius: BorderRadius.all(Radius.circular(50))),
@@ -205,7 +205,7 @@ class _MobMenuTemplateState extends State<MobMenuTemplate> {
               ],
             ),
           ), label: 'menuHistory'.tr()),
-          BottomNavigationBarItem(icon: U.iconsax(index == 2 ? 'bold/personalcard' : 'personalcard', color: index==2 ? primaryColor : Color(0xff292D32).withOpacity(0.5)), label: 'menuAccount'.tr()),
+          BottomNavigationBarItem(icon: U.iconsax(index == 2 ? 'bold/personalcard' : 'personalcard', color: index==2 ? primaryColor : Color(0xff292D32).withValues(alpha: 0.5)), label: 'menuAccount'.tr()),
         ],
       ),
     );

lib/src/layouts/mobile/banner_detail.dart

@@ -69,7 +69,7 @@ class _MobBannerDetailPageState extends State<MobBannerDetailPage> {
                       height: U.bodyWidth(context) / (kIsWeb ? 2.1 : 1.7),
                       child: Center(child: Text("noImage".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: Colors.black38), textAlign: TextAlign.center)),
                       decoration: BoxDecoration(
-                        color: textColor.withOpacity(0.1),
+                        color: textColor.withValues(alpha: 0.1),
                         borderRadius: BorderRadius.all(Radius.circular(12)),
                       ),
                     ),

lib/src/layouts/mobile/history_detail.dart

@@ -67,7 +67,7 @@ class _MobHistoryDetailPageState extends State<MobHistoryDetailPage> {
                   ],
                 ),
                 decoration: BoxDecoration(
-                    color: primaryColor.withOpacity(0.1),
+                    color: primaryColor.withValues(alpha: 0.1),
                     border: Border.all(color: primaryColor),
                     borderRadius: BorderRadius.all(Radius.circular(50))
                 ),
@@ -304,21 +304,21 @@ class _MobHistoryDetailPageState extends State<MobHistoryDetailPage> {
                             counterText: '',
                             counterStyle: TextStyle(color: Colors.transparent, fontSize: 0),
                             hintText: 'addNoteCancel'.tr(),
-                            hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                            hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                             filled: true,
                             fillColor: backgroundColor,
-                            hoverColor: Colors.black.withOpacity(0.1),
+                            hoverColor: Colors.black.withValues(alpha: 0.1),
                             contentPadding: EdgeInsets.all(13),
                             prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('edit-2', color: textColor, size: 24)),
                             border: InputBorder.none,
-                            enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                            enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                             focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                             isDense: true
                         ),
                       ),
                     ),
                     SizedBox(height: 10),
-                    buttonTemplate(text: 'buttonCancel'.tr(), backgroundColor: textColor.withOpacity(0.1), textColor: textColor.withOpacity(0.75), borderColor: textColor.withOpacity(0.20), action: () => detFunc.cancelRequest(context, list, controllerNote))
+                    buttonTemplate(text: 'buttonCancel'.tr(), backgroundColor: textColor.withValues(alpha: 0.1), textColor: textColor.withValues(alpha: 0.75), borderColor: textColor.withValues(alpha: 0.20), action: () => detFunc.cancelRequest(context, list, controllerNote))
                   ],
                 ),
               ),
@@ -499,7 +499,7 @@ class _MobHistoryDetailPageState extends State<MobHistoryDetailPage> {
         margin: EdgeInsets.fromLTRB(15, 10, 0, 10),
         child: Row(
           children: [
-            Text(label, style: TextStyle(fontSize: 14, color: textColor.withOpacity(0.85))),
+            Text(label, style: TextStyle(fontSize: 14, color: textColor.withValues(alpha: 0.85))),
             SizedBox(width: 5),
             Expanded(
               child: Column(
@@ -508,8 +508,8 @@ class _MobHistoryDetailPageState extends State<MobHistoryDetailPage> {
                   Text(text, style: TextStyle(fontSize: 13, color: textColor)),
                   note != null && note != '' ? Text(note, style: TextStyle(fontSize: 12, color: primaryColor), textAlign: TextAlign.right) : Container(),
                   U.autoTranslate() && noteTranslate != null && noteTranslate != '' && note != noteTranslate ? Container(
-                    margin: EdgeInsets.only(top: 1), decoration: BoxDecoration(border: Border(top: BorderSide(color: primaryColor.withOpacity(0.3)))),
-                    child: Text('($noteTranslate)', style: TextStyle(fontSize: 12, color: primaryColor.withOpacity(0.7), fontStyle: FontStyle.italic), textAlign: TextAlign.right),
+                    margin: EdgeInsets.only(top: 1), decoration: BoxDecoration(border: Border(top: BorderSide(color: primaryColor.withValues(alpha: 0.3)))),
+                    child: Text('($noteTranslate)', style: TextStyle(fontSize: 12, color: primaryColor.withValues(alpha: 0.7), fontStyle: FontStyle.italic), textAlign: TextAlign.right),
                   ) : Container(),
                 ],
               ),

lib/src/layouts/mobile/history_detail_pending.dart

@@ -92,7 +92,7 @@ class _MobHistoryDetailPendingPageState extends State<MobHistoryDetailPendingPag
                               decoration: BoxDecoration(image: DecorationImage(image: AssetImage('assets/image/general/Hourglass.png'), fit: BoxFit.cover)),
                             ),
                             SizedBox(width: 5),
-                            Text('pending'.tr(), style: TextStyle(color: textColor.withOpacity(0.85), fontSize: 14)),
+                            Text('pending'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.85), fontSize: 14)),
                           ],
                         ),
                       ),
@@ -114,7 +114,7 @@ class _MobHistoryDetailPendingPageState extends State<MobHistoryDetailPendingPag
                   children: [
                     Text('pending_info_detail'.tr(), style: TextStyle(color: textColor, fontSize: 14)),
                     SizedBox(height: 10),
-                    buttonTemplate(text: 'cancel_pending'.tr(), backgroundColor: textColor.withOpacity(0.1), textColor: textColor.withOpacity(0.75), borderColor: textColor.withOpacity(0.20), action: ()async{
+                    buttonTemplate(text: 'cancel_pending'.tr(), backgroundColor: textColor.withValues(alpha: 0.1), textColor: textColor.withValues(alpha: 0.75), borderColor: textColor.withValues(alpha: 0.20), action: ()async{
                       dialogConfirm(context: context, title: 'buttonCancel'.tr(), text: 'confirmCancel'.tr(), actionYes: ()async{
                         showLoading(context);
 
@@ -174,7 +174,7 @@ class _MobHistoryDetailPendingPageState extends State<MobHistoryDetailPendingPag
         margin: EdgeInsets.fromLTRB(15, 10, 0, 10),
         child: Row(
           children: [
-            Text(label, style: TextStyle(fontSize: 14, color: textColor.withOpacity(0.85))),
+            Text(label, style: TextStyle(fontSize: 14, color: textColor.withValues(alpha: 0.85))),
             SizedBox(width: 5),
             Expanded(child: Text(text, style: TextStyle(fontSize: 13, color: textColor), textAlign: TextAlign.end)),
           ],

lib/src/layouts/mobile/history_forum.dart

@@ -283,7 +283,7 @@ class _MobHistoryForumPageState extends State<MobHistoryForumPage> {
               children: [
                 imageTiles(imageUrl: widget.data['_requestImage'] ?? "null", width: 50, height: 40, radius: 4),
                 SizedBox(width: 12),
-                Expanded(child: Text(widget.data[U.langColumn(context, 'requestSubject')], style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 12, fontWeight: FontWeight.w300), maxLines: 2, overflow: TextOverflow.ellipsis))
+                Expanded(child: Text(widget.data[U.langColumn(context, 'requestSubject')], style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 12, fontWeight: FontWeight.w300), maxLines: 2, overflow: TextOverflow.ellipsis))
               ],
             ),
           ),
@@ -391,8 +391,8 @@ class _MobHistoryForumPageState extends State<MobHistoryForumPage> {
                                       textAlign: TextAlign.start,
                                     ) : Container(width: 1),
                                     isTranslate ? Container(
-                                      margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withOpacity(0.2)))),
-                                      child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withOpacity(0.65), fontStyle: FontStyle.italic)),
+                                      margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withValues(alpha: 0.2)))),
+                                      child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withValues(alpha: 0.65), fontStyle: FontStyle.italic)),
                                     ) : Container(),
                                   ],
                                 ),
@@ -449,7 +449,7 @@ class _MobHistoryForumPageState extends State<MobHistoryForumPage> {
             ),
           ):Container(
             margin: EdgeInsets.all(20),
-            child: Text('noInternetDesc'.tr(), style: TextStyle(color: textColor.withOpacity(0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0), textAlign: TextAlign.center),
+            child: Text('noInternetDesc'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0), textAlign: TextAlign.center),
           ),
           openChat?divider():Container(),
           openChat?Container(
@@ -471,10 +471,10 @@ class _MobHistoryForumPageState extends State<MobHistoryForumPage> {
                       decoration: InputDecoration(
                           counterText: '',
                           hintText: 'writeMessage'.tr()+'..',
-                          hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                          hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                           filled: true,
                           fillColor: backgroundColor,
-                          hoverColor: Colors.black.withOpacity(0.1),
+                          hoverColor: Colors.black.withValues(alpha: 0.1),
                           contentPadding: EdgeInsets.symmetric(horizontal: kIsWeb?15:13, vertical: kIsWeb?20:13),
                           suffixIcon: GestureDetector(
                             child: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('paperclip-2', color: textColor, size: 24)),
@@ -662,7 +662,7 @@ class _MobHistoryForumPageState extends State<MobHistoryForumPage> {
       isDate = true;
       time = Container();
     }
-    Color color = isMe ? primaryColor.withOpacity(0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
+    Color color = isMe ? primaryColor.withValues(alpha: 0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
     var clipPath = ClipPath(
       child: ConstrainedBox(
         constraints: BoxConstraints(minWidth: 75),

lib/src/layouts/mobile/history_rating.dart

@@ -85,7 +85,7 @@ class _MobHistoryRatingPageState extends State<MobHistoryRatingPage> {
                                 child: GestureDetector(
                                   child: Image(
                                     image: AssetImage(rating[i]['image'].toString()),
-                                    color: Colors.white.withOpacity(tempRating == rating[i]['key'] ? 1 : 0.3),
+                                    color: Colors.white.withValues(alpha: tempRating == rating[i]['key'] ? 1 : 0.3),
                                     colorBlendMode: BlendMode.modulate,
                                   ),
                                   onTap: () {
@@ -119,7 +119,7 @@ class _MobHistoryRatingPageState extends State<MobHistoryRatingPage> {
                                   padding: EdgeInsets.symmetric(vertical: 5, horizontal: 10),
                                   child: Text(aspectList[i]=='OTHER_OPTION'?'letMeWrite'.tr():aspectList[i], style: TextStyle(color: textColor)),
                                   decoration: BoxDecoration(
-                                    color: aspectList[i] == ratingAspect ? primaryColor.withOpacity(0.3) : Colors.white,
+                                    color: aspectList[i] == ratingAspect ? primaryColor.withValues(alpha: 0.3) : Colors.white,
                                     border: Border.all(color: aspectList[i] == ratingAspect ? primaryColor : textColor),
                                     borderRadius: BorderRadius.all(Radius.circular(50))
                                   ),
@@ -184,12 +184,12 @@ class _MobHistoryRatingPageState extends State<MobHistoryRatingPage> {
         counterText: '',
         counterStyle: TextStyle(fontSize: 0),
         hintText: 'writeHere'.tr(),
-        hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+        hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
         filled: true, fillColor: Colors.white,
         isDense: true,
         contentPadding: EdgeInsets.all(13),
         prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('edit-2', color: textColor, size: 22)),
-        enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+        enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
         focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: primaryColor)),
       ),
     );

lib/src/layouts/mobile/menu_account.dart

@@ -130,7 +130,7 @@ class _MobAccountPageState extends State<MobAccountPage> {
                           SizedBox(height: 20),
                           Row(
                             children: [
-                              Expanded(child: Text('set_dnd_status'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16))),
+                              Expanded(child: Text('set_dnd_status'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16))),
                               Text(dnd?'active_dnd'.tr():'inactive_dnd'.tr(), style: TextStyle(color: textColor, fontSize: 14)),
                               SizedBox(width: 5),
                               GestureDetector(
@@ -171,7 +171,7 @@ class _MobAccountPageState extends State<MobAccountPage> {
                           SizedBox(height: 20),
                           Row(
                             children: [
-                              Expanded(child: Text(serDis?'ser_group'.tr():'req_group'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16))),
+                              Expanded(child: Text(serDis?'ser_group'.tr():'req_group'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16))),
                               SizedBox(width: 5),
                               GestureDetector(
                                 child: Container(
@@ -220,12 +220,12 @@ class _MobAccountPageState extends State<MobAccountPage> {
                               padding: EdgeInsets.symmetric(vertical: 16),
                               child: Row(
                                 children: [
-                                  U.iconsax('bold/global', color: textColor.withOpacity(0.75)),
+                                  U.iconsax('bold/global', color: textColor.withValues(alpha: 0.75)),
                                   SizedBox(width: 16),
-                                  Expanded(child: Text('language'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                  Expanded(child: Text('language'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
                                   Text(codeOflang[context.locale.toString()]!, style: TextStyle(color: textColor)),
                                   SizedBox(width: 12),
-                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                 ],
                               ),
                             ),
@@ -237,9 +237,9 @@ class _MobAccountPageState extends State<MobAccountPage> {
                             padding: EdgeInsets.symmetric(vertical: 16),
                             child: Row(
                               children: [
-                                Icon(Icons.g_translate_rounded, color: textColor.withOpacity(0.75)),
+                                Icon(Icons.g_translate_rounded, color: textColor.withValues(alpha: 0.75)),
                                 SizedBox(width: 16),
-                                Expanded(child: Text('auto_translate'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                Expanded(child: Text('auto_translate'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
                                 Text(autoTranslate?'ON':'OFF', style: TextStyle(color: textColor)),
                                 SizedBox(width: 5),
                                 GestureDetector(
@@ -279,12 +279,12 @@ class _MobAccountPageState extends State<MobAccountPage> {
                               padding: EdgeInsets.symmetric(vertical: 16),
                               child: Row(
                                 children: [
-                                  U.iconsax('bold/key', color: textColor.withOpacity(0.75)),
+                                  U.iconsax('bold/key', color: textColor.withValues(alpha: 0.75)),
                                   SizedBox(width: 16),
-                                  Text('password'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16)),
+                                  Text('password'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16)),
                                   Expanded(child: Text('settingPasswordText'.tr(), style: TextStyle(color: textColor), overflow: TextOverflow.ellipsis, textAlign: TextAlign.end)),
                                   SizedBox(width: 12),
-                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                 ],
                               ),
                             ),
@@ -300,10 +300,10 @@ class _MobAccountPageState extends State<MobAccountPage> {
                               padding: EdgeInsets.symmetric(vertical: 16),
                               child: Row(
                                 children: [
-                                  U.iconsax('bold/logout', color: textColor.withOpacity(0.75)),
+                                  U.iconsax('bold/logout', color: textColor.withValues(alpha: 0.75)),
                                   SizedBox(width: 16),
-                                  Expanded(child: Text('logout'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
-                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                  Expanded(child: Text('logout'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                 ],
                               ),
                             ),
@@ -341,10 +341,10 @@ class _MobAccountPageState extends State<MobAccountPage> {
                         padding: EdgeInsets.symmetric(vertical: 16),
                         child: Row(
                           children: [
-                            U.iconsax('bold/scan', color: textColor.withOpacity(0.75)),
+                            U.iconsax('bold/scan', color: textColor.withValues(alpha: 0.75)),
                             SizedBox(width: 16),
-                            Expanded(child: Text('scan_qr'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
-                            U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                            Expanded(child: Text('scan_qr'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                            U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                           ],
                         ),
                       ),

lib/src/layouts/mobile/menu_history.dart

@@ -77,7 +77,7 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                   ],
                 ),
                 decoration: BoxDecoration(
-                    color: primaryColor.withOpacity(0.1), border: Border.all(color: primaryColor), borderRadius: BorderRadius.all(Radius.circular(50))),
+                    color: primaryColor.withValues(alpha: 0.1), border: Border.all(color: primaryColor), borderRadius: BorderRadius.all(Radius.circular(50))),
               ),
               onTap: () => hisFunc.deleteData(context),
             ),
@@ -97,10 +97,10 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                     child: Container(
                       margin: EdgeInsets.only(left: 16),
                       padding: EdgeInsets.symmetric(vertical: 5, horizontal: 16),
-                      child: Text('ongoing'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? textColor : textColor.withOpacity(0.65), fontSize: 16)),
+                      child: Text('ongoing'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? textColor : textColor.withValues(alpha: 0.65), fontSize: 16)),
                       decoration: BoxDecoration(
                           color: Colors.white,
-                          border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? primaryColor : primaryColor.withOpacity(0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? 2 : 1))),
+                          border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? primaryColor : primaryColor.withValues(alpha: 0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? 2 : 1))),
                     ),
                     onTap: () {
                       if (!Provider.of<HistoryModule>(context, listen: false).isLoadHistory()) {
@@ -113,8 +113,8 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                   GestureDetector(
                     child: Container(
                       padding: EdgeInsets.symmetric(vertical: 5, horizontal: 16),
-                      child: Text('done'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? textColor : textColor.withOpacity(0.65), fontSize: 16)),
-                      decoration: BoxDecoration(color: Colors.white, border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? primaryColor : primaryColor.withOpacity(0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? 2 : 1))),
+                      child: Text('done'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? textColor : textColor.withValues(alpha: 0.65), fontSize: 16)),
+                      decoration: BoxDecoration(color: Colors.white, border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? primaryColor : primaryColor.withValues(alpha: 0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? 2 : 1))),
                     ),
                     onTap: () {
                       if (!Provider.of<HistoryModule>(context, listen: false).isLoadHistory()) {
@@ -317,7 +317,7 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                           children: [
                             FadeTransition(opacity: _animationController, child: U.iconsax('messages-3', color: primaryColor)),
                             SizedBox(width: 8),
-                            Expanded(child: Text('“${Provider.of<HistoryModule>(context).dataMisi()[i]['_forumMsg']}”', style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 14, fontStyle: FontStyle.italic), overflow: TextOverflow.ellipsis,))
+                            Expanded(child: Text('“${Provider.of<HistoryModule>(context).dataMisi()[i]['_forumMsg']}”', style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 14, fontStyle: FontStyle.italic), overflow: TextOverflow.ellipsis,))
                           ],
                         ),
                       )
@@ -464,7 +464,7 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                       ],
                     ),
                     decoration: BoxDecoration(
-                        color: Provider.of<HistoryModule>(context).selectedIndexes().contains(i) ? primaryColor.withOpacity(0.05) : Colors.white,
+                        color: Provider.of<HistoryModule>(context).selectedIndexes().contains(i) ? primaryColor.withValues(alpha: 0.05) : Colors.white,
                         border: Border(bottom: BorderSide(color: Color(0xffF3F3F3), width: 8))),
                   ),
                   onTap: () {
@@ -522,7 +522,7 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
           FadeTransition(opacity: _animationController, child: U.iconsax('messages-3', color: primaryColor)),
           SizedBox(width: 8),
           Text('“$_forumMsg”',
-              style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 14, fontStyle: FontStyle.italic),
+              style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 14, fontStyle: FontStyle.italic),
               overflow: TextOverflow.ellipsis),
         ],
       ),
@@ -564,7 +564,7 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                             margin: EdgeInsets.all(10),
                             width: 40,
                             height: 4,
-                            decoration: BoxDecoration(color: Color(0xff292D32).withOpacity(0.2), borderRadius: BorderRadius.all(Radius.circular(10))),
+                            decoration: BoxDecoration(color: Color(0xff292D32).withValues(alpha: 0.2), borderRadius: BorderRadius.all(Radius.circular(10))),
                           ),
                           SizedBox(height: 12),
                           Text('satisfactionAsk'.tr(), style: TextStyle(fontSize: 16)),
@@ -576,7 +576,7 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                                 child: GestureDetector(
                                   child: Image(
                                     image: AssetImage(rating[i]['image'].toString()),
-                                    color: Colors.white.withOpacity(tempRating == rating[i]['key'] ? 1 : 0.3),
+                                    color: Colors.white.withValues(alpha: tempRating == rating[i]['key'] ? 1 : 0.3),
                                     colorBlendMode: BlendMode.modulate,
                                   ),
                                   // child: Icon(rating[i]['icon'] as IconData, color: tempRating == rating[i]['key']?rating[i]['color'] as Color:Colors.grey),

lib/src/layouts/mobile/menu_home.dart

@@ -89,7 +89,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                             children: [
                               U.iconsax('search-normal-1', color: textColor),
                               SizedBox(width: 13),
-                              Expanded(child: Text(Provider.of<UserModule>(context).profile()['searchText'][context.locale.toString()] != null ? Provider.of<UserModule>(context).profile()['searchText'][context.locale.toString()] : 'searchAsk'.tr(), style: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14), overflow: TextOverflow.ellipsis))
+                              Expanded(child: Text(Provider.of<UserModule>(context).profile()['searchText'][context.locale.toString()] != null ? Provider.of<UserModule>(context).profile()['searchText'][context.locale.toString()] : 'searchAsk'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14), overflow: TextOverflow.ellipsis))
                             ],
                           ),
                           decoration: BoxDecoration(
@@ -161,7 +161,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                   ],
                                 ),
                                 decoration: BoxDecoration(
-                                    color: primaryColor.withOpacity(0.1),
+                                    color: primaryColor.withValues(alpha: 0.1),
                                     borderRadius: BorderRadius.all(Radius.circular(50))
                                 ),
                               ),
@@ -254,7 +254,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                           decoration: BoxDecoration(
                                               color: Colors.white,
                                               borderRadius: BorderRadius.all(Radius.circular(20)),
-                                              boxShadow: [BoxShadow(color: Colors.grey.withOpacity(0.3), blurRadius: 3, offset: Offset(0, 1))]
+                                              boxShadow: [BoxShadow(color: Colors.grey.withValues(alpha: 0.3), blurRadius: 3, offset: Offset(0, 1))]
                                           ),
                                         ),
                                       ):categoryContainer(context: context, iconUrl: Provider.of<ServiceModule>(context).topMenu()![index]['iconUrl']),
@@ -318,7 +318,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                     ),
                                     decoration: BoxDecoration(
                                         color: Colors.white,
-                                        border: Border.all(color: textColor.withOpacity(0.15)),
+                                        border: Border.all(color: textColor.withValues(alpha: 0.15)),
                                         borderRadius: BorderRadius.all(Radius.circular(12))
                                     ),
                                   ),
@@ -354,7 +354,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                               width: double.infinity, height: double.infinity,
                                               child: Provider.of<ServiceModule>(context).data()[i]['_mobileImage'] != null ? null : Center(child: Text("noImage".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: Colors.black38), textAlign: TextAlign.center)),
                                               decoration: BoxDecoration(
-                                                color: textColor.withOpacity(0.1),
+                                                color: textColor.withValues(alpha: 0.1),
                                                 borderRadius: BorderRadius.only(topLeft: Radius.circular(12), topRight: Radius.circular(12)),
                                                 image: Provider.of<ServiceModule>(context).data()[i]['_mobileImage'] != null ? DecorationImage(
                                                   image: CachedNetworkImageProvider(Provider.of<ServiceModule>(context).data()[i]['_mobileImage']+'?bridge-cache=true', cacheManager: CacheManager(CacheMan.config(Provider.of<ServiceModule>(context).data()[i]['_mobileImage']))),
@@ -378,7 +378,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                       ),
                                       decoration: BoxDecoration(
                                           color: Colors.white,
-                                          border: Border.all(color: textColor.withOpacity(0.15)),
+                                          border: Border.all(color: textColor.withValues(alpha: 0.15)),
                                           borderRadius: BorderRadius.all(Radius.circular(12))
                                       ),
                                     ),
@@ -427,7 +427,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                           width: double.infinity, height: double.infinity,
                                           child: Provider.of<ServiceModule>(context).banner()[i]['image'] != null ? null : Center(child: Text("noImage".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: Colors.black38), textAlign: TextAlign.center)),
                                           decoration: BoxDecoration(
-                                            color: textColor.withOpacity(0.1),
+                                            color: textColor.withValues(alpha: 0.1),
                                             borderRadius: BorderRadius.all(Radius.circular(12)),
                                             image: Provider.of<ServiceModule>(context).banner()[i]['image'] != null ? DecorationImage(
                                               image: CachedNetworkImageProvider(Provider.of<ServiceModule>(context).banner()[i]['image']+'?bridge-cache=true', cacheManager: CacheManager(CacheMan.config(Provider.of<ServiceModule>(context).banner()[i]['image']))),
@@ -465,7 +465,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                                 height: 8.0,
                                                 decoration: BoxDecoration(
                                                     borderRadius: BorderRadius.all(Radius.circular(8)),
-                                                    color: primaryColor.withOpacity(index == i ? 1 : 0.3)
+                                                    color: primaryColor.withValues(alpha: index == i ? 1 : 0.3)
                                                 ),
                                               ),
                                             ))
@@ -475,7 +475,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                   ),
                                   decoration: BoxDecoration(
                                       color: Colors.white,
-                                      border: Border.all(color: textColor.withOpacity(0.15)),
+                                      border: Border.all(color: textColor.withValues(alpha: 0.15)),
                                       borderRadius: BorderRadius.all(Radius.circular(12))
                                   ),
                                 ),
@@ -509,7 +509,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                           Expanded(
                                             child: Text(Provider.of<ServiceModule>(context).quickAct()[i][U.langColumn(context, 'subject')], style: TextStyle(color: textColor, fontWeight: FontWeight.w500), overflow: TextOverflow.ellipsis),
                                           ),
-                                          U.iconsax('arrow-right-3', size: 14, color: textColor.withOpacity(0.75)),
+                                          U.iconsax('arrow-right-3', size: 14, color: textColor.withValues(alpha: 0.75)),
                                         ],
                                       ),
                                       decoration: BoxDecoration(
@@ -528,7 +528,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                               ),
                               decoration: BoxDecoration(
                                   color: Colors.white,
-                                  border: Border.all(color: textColor.withOpacity(0.15)),
+                                  border: Border.all(color: textColor.withValues(alpha: 0.15)),
                                   borderRadius: BorderRadius.all(Radius.circular(12))
                               ),
                             ) : emptyWidget(left: 0)
@@ -551,7 +551,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
   }
 
   Widget emptyWidget({double left = 16}){
-    return Padding(padding: EdgeInsets.only(left: left), child: Text("notAvailable".tr(), style: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14, fontWeight: FontWeight.w400)));
+    return Padding(padding: EdgeInsets.only(left: left), child: Text("notAvailable".tr(), style: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14, fontWeight: FontWeight.w400)));
   }
 
   Widget dndStatus(){
@@ -560,7 +560,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
         width: double.infinity,
         padding: EdgeInsets.symmetric(vertical: 10, horizontal: 16),
         decoration: BoxDecoration(
-            color: Colors.red.withOpacity(0.15),
+            color: Colors.red.withValues(alpha: 0.15),
             border: Border(bottom: BorderSide(color: Colors.red, width: 1.5))
         ),
         child: Row(
@@ -620,7 +620,7 @@ class _MobMenuDisplayPageState extends State<MobMenuDisplayPage> {
               margin: EdgeInsets.only(right: 15),
               child: Text('customize'.tr(), style: TextStyle(color: primaryColor, fontSize: 14)),
               decoration: BoxDecoration(
-                  color: primaryColor.withOpacity(0.1),
+                  color: primaryColor.withValues(alpha: 0.1),
                   borderRadius: BorderRadius.all(Radius.circular(50))
               ),
             ),
@@ -734,7 +734,7 @@ class _MobMenuEditorPageState extends State<MobMenuEditorPage> {
               margin: EdgeInsets.only(right: 15),
               child: Text('done'.tr(), style: TextStyle(color: primaryColor, fontSize: 14)),
               decoration: BoxDecoration(
-                  color: primaryColor.withOpacity(0.1),
+                  color: primaryColor.withValues(alpha: 0.1),
                   borderRadius: BorderRadius.all(Radius.circular(50))
               ),
             ),
@@ -774,7 +774,7 @@ class _MobMenuEditorPageState extends State<MobMenuEditorPage> {
                 DragAndDropList(
                   contentsWhenEmpty: Padding(
                     padding: const EdgeInsets.only(top: 16.0, bottom: 16.0),
-                    child: Text("emptyMenuAlert".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: primaryColor.withOpacity(0.60)),),
+                    child: Text("emptyMenuAlert".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: primaryColor.withValues(alpha: 0.60)),),
                   ),
                   canDrag: false,
                   children: List<DragAndDropItem>.generate(data.length, (i){

lib/src/layouts/mobile/message_broadcast.dart

@@ -98,7 +98,7 @@ class _MobMessageBroadcastPageState extends State<MobMessageBroadcastPage> {
         !_isSending ? Padding(
           padding: EdgeInsets.only(right: 20),
           child: GestureDetector(
-            child: U.iconsax('bold/send-1', size: 30, color: _isDisabled ? primaryColor.withOpacity(0.5):primaryColor),
+            child: U.iconsax('bold/send-1', size: 30, color: _isDisabled ? primaryColor.withValues(alpha: 0.5):primaryColor),
             onTap: _isDisabled ? null : ()=>_sendMyMessage(),
           ),
         ):Container()
@@ -245,7 +245,7 @@ class _MobMessageBroadcastPageState extends State<MobMessageBroadcastPage> {
                                 width: double.infinity,
                                 height: 36,
                                 padding: EdgeInsets.only(top: 6, right: 8),
-                                decoration: BoxDecoration(color: Colors.transparent.withOpacity(0.5), gradient: LinearGradient(end: Alignment.bottomCenter, begin: Alignment.center, colors: [Color(0xffDADADA), Colors.white])),
+                                decoration: BoxDecoration(color: Colors.transparent.withValues(alpha: 0.5), gradient: LinearGradient(end: Alignment.bottomCenter, begin: Alignment.center, colors: [Color(0xffDADADA), Colors.white])),
                                 child: Align(
                                   child: Row(
                                     mainAxisAlignment: MainAxisAlignment.end,

lib/src/layouts/mobile/message_chat.dart

@@ -294,7 +294,7 @@ class _MobMessageChatPageState extends State<MobMessageChatPage> {
                                               child: Builder(builder: (context) {
                                                 var pdfContainer = Container(
                                                   padding: EdgeInsets.all(6),
-                                                  decoration: BoxDecoration(color: Colors.black12.withOpacity(0.1), borderRadius: BorderRadius.all(Radius.circular(4))),
+                                                  decoration: BoxDecoration(color: Colors.black12.withValues(alpha: 0.1), borderRadius: BorderRadius.all(Radius.circular(4))),
                                                   child: Row(
                                                     mainAxisSize: MainAxisSize.min,
                                                     children: [
@@ -355,8 +355,8 @@ class _MobMessageChatPageState extends State<MobMessageChatPage> {
                                                   enableInteractiveSelection: false,
                                                 ),
                                                 isTranslate ? Container(
-                                                  margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withOpacity(0.2)))),
-                                                  child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withOpacity(0.65), fontStyle: FontStyle.italic)),
+                                                  margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withValues(alpha: 0.2)))),
+                                                  child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withValues(alpha: 0.65), fontStyle: FontStyle.italic)),
                                                 ) : Container(),
                                               ],
                                             )
@@ -416,7 +416,7 @@ class _MobMessageChatPageState extends State<MobMessageChatPage> {
               ),
             ):Container(
               margin: EdgeInsets.all(20),
-              child: Text('noInternetDesc'.tr(), style: TextStyle(color: textColor.withOpacity(0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0), textAlign: TextAlign.center),
+              child: Text('noInternetDesc'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0), textAlign: TextAlign.center),
             )
           ],
         ),
@@ -430,7 +430,7 @@ class _MobMessageChatPageState extends State<MobMessageChatPage> {
       isDate = true;
       time = Container();
     }
-    Color color = isMe ? primaryColor.withOpacity(0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
+    Color color = isMe ? primaryColor.withValues(alpha: 0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
     var clipPath = ClipPath(
       child: ConstrainedBox(
         constraints: BoxConstraints(minWidth: 50),

lib/src/layouts/mobile/message_list.dart

@@ -94,7 +94,7 @@ class _MobMessageListPageState extends State<MobMessageListPage> {
                               children: [
                                 Text(messageFunc.timeSet(Provider.of<MessageModule>(context).data()[i]['lastDateTimeSend']), style: TextStyle(fontSize: 11, color: Provider.of<MessageModule>(context).data()[i]['lastReadStatus'] == 'UNREAD' && !_isMe ? Colors.green : Colors.black45)),
                                 SizedBox(height: 4),
-                                Icon(Icons.circle, color: Colors.green.withOpacity(Provider.of<MessageModule>(context).data()[i]['lastReadStatus'] == 'UNREAD' && !_isMe ? 1 : 0))
+                                Icon(Icons.circle, color: Colors.green.withValues(alpha: Provider.of<MessageModule>(context).data()[i]['lastReadStatus'] == 'UNREAD' && !_isMe ? 1 : 0))
                               ],
                             ),
                           ),

lib/src/layouts/mobile/password.dart

@@ -48,7 +48,7 @@ class _MobPasswordPageState extends State<MobPasswordPage> {
                       margin: EdgeInsets.only(bottom: 5),
                       child: Text('titlePassOld'.tr(), style: TextStyle(fontSize: 16, color: textColor)),
                     ),
-                    passwordFieldTemplate(value: controllerOld, iconColor: textColor.withOpacity(0.5), color: textColor, placeholder: 'oldPassword'.tr(), action: (val)=>controllerOld=val),
+                    passwordFieldTemplate(value: controllerOld, iconColor: textColor.withValues(alpha: 0.5), color: textColor, placeholder: 'oldPassword'.tr(), action: (val)=>controllerOld=val),
 
                     Container(
                         margin: EdgeInsets.only(top: 20, bottom: 5),
@@ -77,7 +77,7 @@ class _MobPasswordPageState extends State<MobPasswordPage> {
             padding: EdgeInsets.symmetric(vertical: 10, horizontal: 16),
             decoration: BoxDecoration(
                 color: Colors.white,
-                border: Border(top: BorderSide(color: textColor.withOpacity(0.15)))
+                border: Border(top: BorderSide(color: textColor.withValues(alpha: 0.15)))
             ),
             child: buttonTemplate(text: 'buttonSave'.tr(), action: ()async{
               if(controllerOld.trim().isNotEmpty && controllerNew.trim().isNotEmpty && controllerConfirm.trim().isNotEmpty){
@@ -134,17 +134,17 @@ class _MobPasswordPageState extends State<MobPasswordPage> {
           obscureText: hidePass,
           decoration: InputDecoration(
               hintText: placeholder,
-              hintStyle: TextStyle(fontSize: 16, color: color.withOpacity(0.5)),
+              hintStyle: TextStyle(fontSize: 16, color: color.withValues(alpha: 0.5)),
               filled: true,
               fillColor: Colors.white,
-              hoverColor: textColor.withOpacity(0.1),
+              hoverColor: textColor.withValues(alpha: 0.1),
               contentPadding: EdgeInsets.all(16),
               border: InputBorder.none,
               prefixIcon: U.iconsax('bold/key', size: 24, color: iconColor),
               suffixIconConstraints: BoxConstraints(maxHeight: 40, maxWidth: 40, minHeight: 40, minWidth: 40),
-              suffixIcon: GestureDetector(child: U.iconsax(hidePass?'eye':'eye-slash', size: 24, color: textColor.withOpacity(0.5)), onTap: ()=>fieldState(()=>hidePass=!hidePass)),
-              enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withOpacity(0.5))),
-              focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withOpacity(0.5))),
+              suffixIcon: GestureDetector(child: U.iconsax(hidePass?'eye':'eye-slash', size: 24, color: textColor.withValues(alpha: 0.5)), onTap: ()=>fieldState(()=>hidePass=!hidePass)),
+              enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withValues(alpha: 0.5))),
+              focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withValues(alpha: 0.5))),
               isDense: true
           ),
           onChanged: (val)=>action(val.toString()),

lib/src/layouts/mobile/request_create.dart

@@ -98,7 +98,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                       margin: EdgeInsets.only(bottom: 21),
                       width: double.infinity, height: U.bodyWidth(context)/(kIsWeb?2.1:1.7),
                       decoration: widget.request['_mobileImage'] != null ? BoxDecoration(
-                        color: Color(0xff292D32).withOpacity(0.1),
+                        color: Color(0xff292D32).withValues(alpha: 0.1),
                         borderRadius: BorderRadius.all(Radius.circular(12)),
                         image: DecorationImage(
                           image: CachedNetworkImageProvider(widget.request['_mobileImage']+'?bridge-cache=true', cacheManager: CacheManager(CacheMan.config(widget.request['_mobileImage']))),
@@ -123,7 +123,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                         ],
                       ),
                       decoration: BoxDecoration(
-                          border: Border.all(color: textColor.withOpacity(0.15)),
+                          border: Border.all(color: textColor.withValues(alpha: 0.15)),
                           borderRadius: BorderRadius.all(Radius.circular(12))
                       ),
                     ),
@@ -153,8 +153,8 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                               ],
                             ),
                             decoration: BoxDecoration(
-                                color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor.withOpacity(0.15):Colors.white,
-                                border: Border.all(color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor:textColor.withOpacity(0.15)),
+                                color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor.withValues(alpha: 0.15):Colors.white,
+                                border: Border.all(color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor:textColor.withValues(alpha: 0.15)),
                                 borderRadius: BorderRadius.only(topLeft: Radius.circular(12), topRight: Radius.circular(12))
                             ),
                           ),
@@ -167,8 +167,8 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                             margin: EdgeInsets.only(bottom: 21, top: widget.request['scanToRequest'] ? 8 : 0),
                             padding: EdgeInsets.symmetric(vertical: 12, horizontal: 15),
                             decoration: BoxDecoration(
-                                color: Provider.of<CreateSerModule>(context).locationType()==2?primaryColor.withOpacity(0.15):Colors.white,
-                                border: Border.all(color: Provider.of<CreateSerModule>(context).locationType()==2?primaryColor:textColor.withOpacity(0.15)),
+                                color: Provider.of<CreateSerModule>(context).locationType()==2?primaryColor.withValues(alpha: 0.15):Colors.white,
+                                border: Border.all(color: Provider.of<CreateSerModule>(context).locationType()==2?primaryColor:textColor.withValues(alpha: 0.15)),
                                 borderRadius: widget.request['scanToRequest'] ? BorderRadius.all(Radius.circular(12.0)) : BorderRadius.only(bottomLeft: Radius.circular(12), bottomRight: Radius.circular(12))
                             ),
                             child: Row(
@@ -197,14 +197,14 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                                             readOnly: (!kIsWeb && widget.request['scanToRequest']) || Provider.of<CreateSerModule>(context).locationType() == 1 ? true : false,
                                             searchInputDecoration: SearchInputDecoration(
                                                 hintText: widget.request['scanToRequest'] && !kIsWeb ? 'pleaseScan'.tr() : 'placeholderLocation'.tr(),
-                                                hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                                hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                                 filled: true,
                                                 fillColor: backgroundColor,
-                                                hoverColor: Colors.black.withOpacity(0.1),
+                                                hoverColor: Colors.black.withValues(alpha: 0.1),
                                                 contentPadding: EdgeInsets.all(13),
                                                 border: InputBorder.none,
-                                                disabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
-                                                enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                                disabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
+                                                enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                                 focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                                 isDense: true
                                             ),
@@ -283,13 +283,13 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                                   readOnly: false,
                                   decoration: InputDecoration(
                                       hintText: U.otherLabelList()['placeholder-${context.locale.toString()}']??'typeId'.tr(),
-                                      hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                      hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                       filled: true,
                                       fillColor: backgroundColor,
-                                      hoverColor: Colors.black.withOpacity(0.1),
+                                      hoverColor: Colors.black.withValues(alpha: 0.1),
                                       contentPadding: EdgeInsets.all(13),
                                       border: InputBorder.none,
-                                      enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                      enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                       focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                       isDense: true
                                   ),
@@ -308,14 +308,14 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                             readOnly: true,
                             decoration: InputDecoration(
                                 hintText: 'selectDate'.tr(),
-                                hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                 filled: true,
                                 fillColor: backgroundColor,
-                                hoverColor: Colors.black.withOpacity(0.1),
+                                hoverColor: Colors.black.withValues(alpha: 0.1),
                                 contentPadding: EdgeInsets.all(13),
                                 prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('calendar-edit', color: textColor, size: 24)),
                                 border: InputBorder.none,
-                                enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                 focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                 isDense: true
                             ),
@@ -380,7 +380,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                                         indicatorType: Indicator.ballPulseRise,
                                         colors: U.defaultRainbowColors(),
                                         strokeWidth: 1,
-                                        backgroundColor: Colors.black.withOpacity(0),
+                                        backgroundColor: Colors.black.withValues(alpha: 0),
                                         pathBackgroundColor: Colors.black,
                                       ),
                                     ) : Icon(Icons.add_rounded, color: Colors.black26, size: 40),
@@ -392,7 +392,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                             ) : GestureDetector(
                               child: Container(
                                 padding: EdgeInsets.symmetric(horizontal: 8, vertical: 12),
-                                decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(color: Color(0xFF078C84)), color: Color(0xFFFFFFFF).withOpacity(0.2)),
+                                decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(color: Color(0xFF078C84)), color: Color(0xFFFFFFFF).withValues(alpha: 0.2)),
                                 child: Row(
                                   children: [
                                     U.iconsax('image', color: primaryColor, size: 30),
@@ -420,9 +420,9 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                                     ),
                                     gradient: LinearGradient(
                                       colors: [
-                                        Color(0xFF4FB66C).withOpacity(1),
-                                        Color(0xFFFFA800).withOpacity(1),
-                                        Color(0xFFC9223B).withOpacity(1),
+                                        Color(0xFF4FB66C).withValues(alpha: 1),
+                                        Color(0xFFFFA800).withValues(alpha: 1),
+                                        Color(0xFFC9223B).withValues(alpha: 1),
                                       ],
                                       begin: Alignment.topLeft,
                                       end: Alignment.bottomRight,
@@ -497,14 +497,14 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                     keyboardType: widget.request['noteFormat'] == 'NUMBER' ? TextInputType.number : null,
                     decoration: InputDecoration(
                         hintText: 'placeholderNote'.tr(),
-                        hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                        hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                         filled: true,
                         fillColor: backgroundColor,
-                        hoverColor: Colors.black.withOpacity(0.1),
+                        hoverColor: Colors.black.withValues(alpha: 0.1),
                         contentPadding: EdgeInsets.all(13),
                         prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('edit-2', color: textColor, size: 24)),
                         border: InputBorder.none,
-                        enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                        enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                         focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                         isDense: true
                     ),
@@ -574,7 +574,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                           gradient: LinearGradient(
                               begin: Alignment.topLeft, end: Alignment.bottomRight,
                               colors: [
-                                Color(0xff131480).withOpacity(0.56), Color(0xff131480).withOpacity(0.90), Color(0xff131480).withOpacity(0.75)
+                                Color(0xff131480).withValues(alpha: 0.56), Color(0xff131480).withValues(alpha: 0.90), Color(0xff131480).withValues(alpha: 0.75)
                               ]
                           )
                       ),
@@ -604,7 +604,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                           gradient: LinearGradient(
                               begin: Alignment.topLeft, end: Alignment.bottomRight,
                               colors: [
-                                Color(0xff078C84).withOpacity(0.56), Color(0xff078C84).withOpacity(0.90), Color(0xff078C84).withOpacity(0.75)
+                                Color(0xff078C84).withValues(alpha: 0.56), Color(0xff078C84).withValues(alpha: 0.90), Color(0xff078C84).withValues(alpha: 0.75)
                               ]
                           )
                       ),
@@ -624,7 +624,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
               padding: EdgeInsets.all(3),
               child: Text('scheduledMsg'.tr(), style: TextStyle(color: textColor, fontSize: 12, fontWeight: FontWeight.w300)),
               decoration: BoxDecoration(
-                  color: Color(0xffCCA600).withOpacity(0.2),
+                  color: Color(0xffCCA600).withValues(alpha: 0.2),
                   borderRadius: BorderRadius.all(Radius.circular(3))
               ),
             )

lib/src/layouts/mobile/request_select.dart

@@ -60,14 +60,14 @@ class _MobReqSelectPageState extends State<MobReqSelectPage> {
                   autofocus: widget.groupCode == null,
                   decoration: InputDecoration(
                       hintText: Provider.of<RequestModule>(context).placeholder(),
-                      hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                      hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                       filled: true,
                       fillColor: backgroundColor,
-                      hoverColor: Colors.black.withOpacity(0.1),
+                      hoverColor: Colors.black.withValues(alpha: 0.1),
                       contentPadding: EdgeInsets.all(13),
                       prefixIcon: Padding(padding: EdgeInsets.only(left: 20, right: 13), child: U.iconsax('search-normal-1', color: textColor, size: 24)),
                       border: InputBorder.none,
-                      enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(50), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                      enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(50), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                       focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(50), borderSide: const BorderSide(color: primaryColor)),
                       isDense: true
                   ),
@@ -96,7 +96,7 @@ class _MobReqSelectPageState extends State<MobReqSelectPage> {
                             child: Image(image: AssetImage('assets/image/error/EmptyData.png'))
                         ) : Lottie.asset('assets/image/lottie/Nodata.json', width: 250, height: 250, fit: BoxFit.fill),
                         RichText(text: TextSpan(
-                            style: TextStyle(color: textColor.withOpacity(0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0),
+                            style: TextStyle(color: textColor.withValues(alpha: 0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0),
                             children: <TextSpan>[
                               TextSpan(text: U.getInternetStatus()?'notFoundKeyword'.tr():'noDataText'.tr()),
                               TextSpan(text: U.getInternetStatus()?'"${Provider.of<RequestModule>(context).keyword()}".':'', style: TextStyle(fontWeight: FontWeight.w600)),

lib/src/layouts/mobile/request_success.dart

@@ -325,7 +325,7 @@ class _MobReqSuccessPendingPageState extends State<MobReqSuccessPendingPage> {
                         ],
                       ),
                       decoration: BoxDecoration(
-                          color: Colors.red.withOpacity(0.1),
+                          color: Colors.red.withValues(alpha: 0.1),
                           border: Border.all(color: Colors.red),
                           borderRadius: BorderRadius.all(Radius.circular(12))
                       ),

lib/src/layouts/web/banner_detail.dart

@@ -81,7 +81,7 @@ class _WebBannerDetailPageState extends State<WebBannerDetailPage> {
                       height: constraints.maxWidth / 3.2,
                       child: Center(child: Text("noImage".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: Colors.black38), textAlign: TextAlign.center)),
                       decoration: BoxDecoration(
-                        color: textColor.withOpacity(0.1),
+                        color: textColor.withValues(alpha: 0.1),
                         borderRadius: BorderRadius.all(Radius.circular(12)),
                       ),
                     ),

lib/src/layouts/web/history_detail.dart

@@ -81,7 +81,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                       list['currentState'] != 'DIPROSES' && list['currentState'] != 'DIANTRIKAN' && !list['autoResponse'] ? GestureDetector(
                         child: Container(
                           padding: EdgeInsets.symmetric(vertical: 10, horizontal: 15),
-                          decoration: BoxDecoration(color: primaryColor.withOpacity(0.1), border: Border.all(color: primaryColor), borderRadius: BorderRadius.all(Radius.circular(50))),
+                          decoration: BoxDecoration(color: primaryColor.withValues(alpha: 0.1), border: Border.all(color: primaryColor), borderRadius: BorderRadius.all(Radius.circular(50))),
                           child: Row(
                             children: [
                               Text('forum'.tr(), style: TextStyle(color: primaryColor, fontSize: 14)),
@@ -104,7 +104,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                       Expanded(
                         child: Container(
                           padding: EdgeInsets.all(20),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                           child: Column(
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
@@ -182,7 +182,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                       Expanded(
                         child: Container(
                           padding: EdgeInsets.all(20),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                           child: list['autoResponse'] ? Container() : Column(
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
@@ -248,7 +248,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                                   SizedBox(height: 16),
                                   Row(
                                     children: [
-                                      Text('rate'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 14)),
+                                      Text('rate'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 14)),
                                       Expanded(
                                         child: list['satisfactionRate'] > 0 ? Row(
                                           mainAxisAlignment: MainAxisAlignment.end,
@@ -295,7 +295,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
           list.isEmpty || list['autoResponse'] || list['currentState'] == 'DISELESAIKAN' || list['currentState'] == 'TUNTAS' || list['currentState'] == 'DIBATALKAN' ? Container() : Container(
             margin: EdgeInsets.symmetric(horizontal: 100),
             padding: EdgeInsets.symmetric(vertical: 25),
-            decoration: BoxDecoration(border: Border(top: BorderSide(color: textColor.withOpacity(0.05)))),
+            decoration: BoxDecoration(border: Border(top: BorderSide(color: textColor.withValues(alpha: 0.05)))),
             child: list['currentState'] == 'DIMULAI' && list['_canNotCancel'] ? Text('canNotCancel2'.tr(), style: TextStyle(color: textColor, fontSize: 14), textAlign: TextAlign.center) : Row(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
@@ -310,14 +310,14 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                           counterText: '',
                           counterStyle: TextStyle(color: Colors.transparent, fontSize: 0),
                           hintText: 'addNoteCancel'.tr(),
-                          hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                          hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                           filled: true,
                           fillColor: backgroundColor,
-                          hoverColor: Colors.black.withOpacity(0.1),
+                          hoverColor: Colors.black.withValues(alpha: 0.1),
                           contentPadding: EdgeInsets.symmetric(vertical: 17, horizontal: 20),
                           prefixIcon: Padding(padding: EdgeInsets.only(left: 20, right: 20), child: U.iconsax('edit-2', color: textColor, size: 24)),
                           border: InputBorder.none,
-                          enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                          enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                           focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                           isDense: true
                       ),
@@ -325,7 +325,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                   ),
                 ),
                 SizedBox(width: 30),
-                buttonTemplate(text: 'buttonCancel'.tr(), width: 200, height: 45, backgroundColor: textColor.withOpacity(0.1), textColor: textColor.withOpacity(0.75), borderColor: textColor.withOpacity(0.20), action: () => detFunc.cancelRequest(context, list, controllerNote))
+                buttonTemplate(text: 'buttonCancel'.tr(), width: 200, height: 45, backgroundColor: textColor.withValues(alpha: 0.1), textColor: textColor.withValues(alpha: 0.75), borderColor: textColor.withValues(alpha: 0.20), action: () => detFunc.cancelRequest(context, list, controllerNote))
               ],
             ),
           )
@@ -513,7 +513,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
         margin: EdgeInsets.fromLTRB(15, 10, 0, 10),
         child: Row(
           children: [
-            Text(label, style: TextStyle(fontSize: 14, color: textColor.withOpacity(0.85))),
+            Text(label, style: TextStyle(fontSize: 14, color: textColor.withValues(alpha: 0.85))),
             SizedBox(width: 5),
             Expanded(
               child: Column(
@@ -522,8 +522,8 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                   Text(text, style: TextStyle(fontSize: 13, color: textColor)),
                   note != null && note != '' ? Text(note, style: TextStyle(fontSize: 12, color: primaryColor), textAlign: TextAlign.right) : Container(),
                   U.autoTranslate() && noteTranslate != null && noteTranslate != '' && note != noteTranslate ? Container(
-                    margin: EdgeInsets.only(top: 1), decoration: BoxDecoration(border: Border(top: BorderSide(color: primaryColor.withOpacity(0.3)))),
-                    child: Text('($noteTranslate)', style: TextStyle(fontSize: 12, color: primaryColor.withOpacity(0.7), fontStyle: FontStyle.italic), textAlign: TextAlign.right),
+                    margin: EdgeInsets.only(top: 1), decoration: BoxDecoration(border: Border(top: BorderSide(color: primaryColor.withValues(alpha: 0.3)))),
+                    child: Text('($noteTranslate)', style: TextStyle(fontSize: 12, color: primaryColor.withValues(alpha: 0.7), fontStyle: FontStyle.italic), textAlign: TextAlign.right),
                   ) : Container(),
                 ],
               ),

lib/src/layouts/web/history_detail_pending.dart

@@ -54,7 +54,7 @@ class _WebHistoryDetailPendingPageState extends State<WebHistoryDetailPendingPag
                       Expanded(
                         child: Container(
                           padding: EdgeInsets.all(20),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                           child: Column(
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
@@ -81,7 +81,7 @@ class _WebHistoryDetailPendingPageState extends State<WebHistoryDetailPendingPag
                       Expanded(
                         child: Container(
                           padding: EdgeInsets.all(20),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                           child: Column(
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
@@ -102,7 +102,7 @@ class _WebHistoryDetailPendingPageState extends State<WebHistoryDetailPendingPag
                                     decoration: BoxDecoration(image: DecorationImage(image: AssetImage('assets/image/general/Hourglass.png'), fit: BoxFit.cover)),
                                   ),
                                   SizedBox(width: 5),
-                                  Text('pending'.tr(), style: TextStyle(color: textColor.withOpacity(0.85), fontSize: 14)),
+                                  Text('pending'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.85), fontSize: 14)),
                                 ],
                               )
                             ],
@@ -123,7 +123,7 @@ class _WebHistoryDetailPendingPageState extends State<WebHistoryDetailPendingPag
               children: [
                 Text('pending_info_detail'.tr(), style: TextStyle(color: textColor, fontSize: 14)),
                 SizedBox(height: 10),
-                buttonTemplate(text: 'cancel_pending'.tr(), backgroundColor: textColor.withOpacity(0.1), textColor: textColor.withOpacity(0.75), borderColor: textColor.withOpacity(0.20), action: ()async{
+                buttonTemplate(text: 'cancel_pending'.tr(), backgroundColor: textColor.withValues(alpha: 0.1), textColor: textColor.withValues(alpha: 0.75), borderColor: textColor.withValues(alpha: 0.20), action: ()async{
                   dialogConfirm(context: context, title: 'buttonCancel'.tr(), text: 'confirmCancel'.tr(), actionYes: ()async{
                     showLoading(context);
 
@@ -185,7 +185,7 @@ class _WebHistoryDetailPendingPageState extends State<WebHistoryDetailPendingPag
         margin: EdgeInsets.fromLTRB(15, 10, 0, 10),
         child: Row(
           children: [
-            Text(label, style: TextStyle(fontSize: 14, color: textColor.withOpacity(0.85))),
+            Text(label, style: TextStyle(fontSize: 14, color: textColor.withValues(alpha: 0.85))),
             SizedBox(width: 5),
             Expanded(child: Text(text, style: TextStyle(fontSize: 13, color: textColor), textAlign: TextAlign.end)),
           ],

lib/src/layouts/web/history_forum.dart

@@ -282,7 +282,7 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
                     child: SingleChildScrollView(
                       child: Container(
                         padding: EdgeInsets.all(20),
-                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                         child: Column(
                           crossAxisAlignment: CrossAxisAlignment.start,
                           children: [
@@ -414,7 +414,7 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
                                     SizedBox(height: 16),
                                     Row(
                                       children: [
-                                        Text('rate'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 14)),
+                                        Text('rate'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 14)),
                                         Expanded(
                                           child: widget.data['satisfactionRate'] > 0 ? Row(
                                             mainAxisAlignment: MainAxisAlignment.end,
@@ -533,8 +533,8 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
                                                   textAlign: TextAlign.start,
                                                 ) : Container(width: 1),
                                                 isTranslate ? Container(
-                                                  margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withOpacity(0.2)))),
-                                                  child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withOpacity(0.65), fontStyle: FontStyle.italic)),
+                                                  margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withValues(alpha: 0.2)))),
+                                                  child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withValues(alpha: 0.65), fontStyle: FontStyle.italic)),
                                                 ) : Container(),
                                               ],
                                             ),
@@ -608,10 +608,10 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
                                     decoration: InputDecoration(
                                         counterText: '',
                                         hintText: 'writeMessage'.tr()+'..',
-                                        hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                        hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                         filled: true,
                                         fillColor: backgroundColor,
-                                        hoverColor: Colors.black.withOpacity(0.1),
+                                        hoverColor: Colors.black.withValues(alpha: 0.1),
                                         contentPadding: EdgeInsets.symmetric(vertical: 17, horizontal: 20),
                                         suffixIcon: GestureDetector(
                                           child: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('paperclip-2', color: textColor, size: 24)),
@@ -755,7 +755,7 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
       isDate = true;
       time = Container();
     }
-    Color color = isMe ? primaryColor.withOpacity(0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
+    Color color = isMe ? primaryColor.withValues(alpha: 0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
     var clipPath = ClipPath(
       child: ConstrainedBox(
         constraints: BoxConstraints(minWidth: 50),
@@ -968,7 +968,7 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
         margin: EdgeInsets.fromLTRB(15, 10, 0, 10),
         child: Row(
           children: [
-            Text(label, style: TextStyle(fontSize: 14, color: textColor.withOpacity(0.85))),
+            Text(label, style: TextStyle(fontSize: 14, color: textColor.withValues(alpha: 0.85))),
             SizedBox(width: 5),
             Expanded(
               child: Column(
@@ -977,8 +977,8 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
                   Text(text, style: TextStyle(fontSize: 13, color: textColor)),
                   note != null && note != '' ? Text(note, style: TextStyle(fontSize: 12, color: primaryColor), textAlign: TextAlign.right) : Container(),
                   U.autoTranslate() && noteTranslate != null && noteTranslate != '' && note != noteTranslate ? Container(
-                    margin: EdgeInsets.only(top: 1), decoration: BoxDecoration(border: Border(top: BorderSide(color: primaryColor.withOpacity(0.3)))),
-                    child: Text('($noteTranslate)', style: TextStyle(fontSize: 12, color: primaryColor.withOpacity(0.7), fontStyle: FontStyle.italic), textAlign: TextAlign.right),
+                    margin: EdgeInsets.only(top: 1), decoration: BoxDecoration(border: Border(top: BorderSide(color: primaryColor.withValues(alpha: 0.3)))),
+                    child: Text('($noteTranslate)', style: TextStyle(fontSize: 12, color: primaryColor.withValues(alpha: 0.7), fontStyle: FontStyle.italic), textAlign: TextAlign.right),
                   ) : Container(),
                 ],
               ),

lib/src/layouts/web/menu_account.dart

@@ -104,7 +104,7 @@ class _WebAccountPageState extends State<WebAccountPage> {
                       children: [
                         Container(
                           padding: EdgeInsets.all(20),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                           child: Column(
                             children: [
                               Container(
@@ -156,7 +156,7 @@ class _WebAccountPageState extends State<WebAccountPage> {
                   Expanded(
                     child: Container(
                       padding: EdgeInsets.all(20),
-                      decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                      decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                       child: Column(
                         crossAxisAlignment: CrossAxisAlignment.start,
                         children: [
@@ -168,7 +168,7 @@ class _WebAccountPageState extends State<WebAccountPage> {
                                 SizedBox(height: 20),
                                 Row(
                                   children: [
-                                    Expanded(child: Text('set_dnd_status'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16))),
+                                    Expanded(child: Text('set_dnd_status'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16))),
                                     Text(dnd?'active_dnd'.tr():'inactive_dnd'.tr(), style: TextStyle(color: textColor, fontSize: 14)),
                                     SizedBox(width: 5),
                                     GestureDetector(
@@ -209,7 +209,7 @@ class _WebAccountPageState extends State<WebAccountPage> {
                                 SizedBox(height: 20),
                                 Row(
                                   children: [
-                                    Expanded(child: Text(serDis?'ser_group'.tr():'req_group'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16))),
+                                    Expanded(child: Text(serDis?'ser_group'.tr():'req_group'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16))),
                                     SizedBox(width: 5),
                                     GestureDetector(
                                       child: Container(
@@ -257,12 +257,12 @@ class _WebAccountPageState extends State<WebAccountPage> {
                                     padding: EdgeInsets.symmetric(vertical: 16),
                                     child: Row(
                                       children: [
-                                        U.iconsax('bold/global', color: textColor.withOpacity(0.75)),
+                                        U.iconsax('bold/global', color: textColor.withValues(alpha: 0.75)),
                                         SizedBox(width: 16),
-                                        Expanded(child: Text('language'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                        Expanded(child: Text('language'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
                                         Text(codeOflang[context.locale.toString()]!, style: TextStyle(color: textColor)),
                                         SizedBox(width: 12),
-                                        U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                        U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                       ],
                                     ),
                                   ),
@@ -274,9 +274,9 @@ class _WebAccountPageState extends State<WebAccountPage> {
                                   padding: EdgeInsets.symmetric(vertical: 16),
                                   child: Row(
                                     children: [
-                                      Icon(Icons.g_translate_rounded, color: textColor.withOpacity(0.75)),
+                                      Icon(Icons.g_translate_rounded, color: textColor.withValues(alpha: 0.75)),
                                       SizedBox(width: 16),
-                                      Expanded(child: Text('auto_translate'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                      Expanded(child: Text('auto_translate'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
                                       Text(autoTranslate?'ON':'OFF', style: TextStyle(color: textColor)),
                                       SizedBox(width: 5),
                                       GestureDetector(
@@ -316,12 +316,12 @@ class _WebAccountPageState extends State<WebAccountPage> {
                                     padding: EdgeInsets.symmetric(vertical: 16),
                                     child: Row(
                                       children: [
-                                        U.iconsax('bold/key', color: textColor.withOpacity(0.75)),
+                                        U.iconsax('bold/key', color: textColor.withValues(alpha: 0.75)),
                                         SizedBox(width: 16),
-                                        Text('password'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16)),
+                                        Text('password'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16)),
                                         Expanded(child: Text('settingPasswordText'.tr(), style: TextStyle(color: textColor), overflow: TextOverflow.ellipsis, textAlign: TextAlign.end)),
                                         SizedBox(width: 12),
-                                        U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                        U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                       ],
                                     ),
                                   ),
@@ -337,10 +337,10 @@ class _WebAccountPageState extends State<WebAccountPage> {
                                     padding: EdgeInsets.symmetric(vertical: 16),
                                     child: Row(
                                       children: [
-                                        U.iconsax('bold/logout', color: textColor.withOpacity(0.75)),
+                                        U.iconsax('bold/logout', color: textColor.withValues(alpha: 0.75)),
                                         SizedBox(width: 16),
-                                        Expanded(child: Text('logout'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
-                                        U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                        Expanded(child: Text('logout'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                        U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                       ],
                                     ),
                                   ),
@@ -377,10 +377,10 @@ class _WebAccountPageState extends State<WebAccountPage> {
                               padding: EdgeInsets.only(top: 16),
                               child: Row(
                                 children: [
-                                  U.iconsax('bold/scan', color: textColor.withOpacity(0.75)),
+                                  U.iconsax('bold/scan', color: textColor.withValues(alpha: 0.75)),
                                   SizedBox(width: 16),
-                                  Expanded(child: Text('scan_qr'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
-                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                  Expanded(child: Text('scan_qr'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                 ],
                               ),
                             ),

lib/src/layouts/web/menu_history.dart

@@ -76,7 +76,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                         U.iconsax('trash', color: primaryColor, size: 20)
                       ],
                     ),
-                    decoration: BoxDecoration(color: primaryColor.withOpacity(0.1), border: Border.all(color: primaryColor), borderRadius: BorderRadius.all(Radius.circular(50))),
+                    decoration: BoxDecoration(color: primaryColor.withValues(alpha: 0.1), border: Border.all(color: primaryColor), borderRadius: BorderRadius.all(Radius.circular(50))),
                   ),
                   onTap: () => hisFunc.deleteData(context),
                 ) : GestureDetector(
@@ -101,8 +101,8 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                     GestureDetector(
                       child: Container(
                         padding: EdgeInsets.symmetric(vertical: 5, horizontal: 16),
-                        child: Text('ongoing'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? textColor : textColor.withOpacity(0.65), fontSize: 16)),
-                        decoration: BoxDecoration(color: Colors.white, border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? primaryColor : primaryColor.withOpacity(0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? 2 : 1))),
+                        child: Text('ongoing'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? textColor : textColor.withValues(alpha: 0.65), fontSize: 16)),
+                        decoration: BoxDecoration(color: Colors.white, border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? primaryColor : primaryColor.withValues(alpha: 0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? 2 : 1))),
                       ),
                       onTap: () {
                         if (!Provider.of<HistoryModule>(context, listen: false).isLoadHistory()) {
@@ -115,8 +115,8 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                     GestureDetector(
                       child: Container(
                         padding: EdgeInsets.symmetric(vertical: 5, horizontal: 16),
-                        child: Text('done'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? textColor : textColor.withOpacity(0.65), fontSize: 16)),
-                        decoration: BoxDecoration(color: Colors.white, border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? primaryColor : primaryColor.withOpacity(0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? 2 : 1))),
+                        child: Text('done'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? textColor : textColor.withValues(alpha: 0.65), fontSize: 16)),
+                        decoration: BoxDecoration(color: Colors.white, border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? primaryColor : primaryColor.withValues(alpha: 0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? 2 : 1))),
                       ),
                       onTap: () {
                         if (!Provider.of<HistoryModule>(context, listen: false).isLoadHistory()) {
@@ -196,14 +196,14 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                   width: double.infinity,
                   padding: EdgeInsets.all(15),
                   margin: EdgeInsets.only(bottom: 15),
-                  decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                  decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                   child: Column(
                     children: [
                       Row(
                         mainAxisAlignment: MainAxisAlignment.spaceBetween,
                         children: [
                           Text(convertDate(Provider.of<HistoryModule>(context).dataPending()[i]['datetimeRequest'], context.locale.toString()), style: TextStyle(color: primaryColor, fontSize: 14)),
-                          renderStatus('sending'.tr(), Color(0xff02C539).withOpacity(0.2))
+                          renderStatus('sending'.tr(), Color(0xff02C539).withValues(alpha: 0.2))
                         ],
                       ),
                       SizedBox(height: 10),
@@ -269,7 +269,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                   width: double.infinity,
                   padding: EdgeInsets.all(15),
                   margin: EdgeInsets.only(bottom: 15),
-                  decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                  decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                   child: Column(
                     children: [
                       Row(
@@ -294,7 +294,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                               ],
                             ),
                           ) : Container(),
-                          Provider.of<HistoryModule>(context).dataMisi()[i]['_activeHoldRequest'] != null?renderStatus('hold'.tr(), Color(0xffD3D3D3)):Provider.of<HistoryModule>(context).dataMisi()[i]['currentState'] == 'DIMULAI'?renderStatus('onProgress'.tr(), Color(0xffCCA600).withOpacity(0.2)):renderStatus('queued'.tr(), Color(0xff02C539).withOpacity(0.2))
+                          Provider.of<HistoryModule>(context).dataMisi()[i]['_activeHoldRequest'] != null?renderStatus('hold'.tr(), Color(0xffD3D3D3)):Provider.of<HistoryModule>(context).dataMisi()[i]['currentState'] == 'DIMULAI'?renderStatus('onProgress'.tr(), Color(0xffCCA600).withValues(alpha: 0.2)):renderStatus('queued'.tr(), Color(0xff02C539).withValues(alpha: 0.2))
                         ],
                       ),
                       SizedBox(height: 10),
@@ -337,7 +337,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                                         children: [
                                           FadeTransition(opacity: _animationController, child: U.iconsax('messages-3', color: primaryColor)),
                                           SizedBox(width: 8),
-                                          Text('“${Provider.of<HistoryModule>(context).dataMisi()[i]['_forumMsg']}”', style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 14, fontStyle: FontStyle.italic))
+                                          Text('“${Provider.of<HistoryModule>(context).dataMisi()[i]['_forumMsg']}”', style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 14, fontStyle: FontStyle.italic))
                                         ],
                                       ),
                                     ) : Container(),
@@ -408,7 +408,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                     width: double.infinity,
                     padding: EdgeInsets.all(15),
                     margin: EdgeInsets.only(bottom: 15),
-                    decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                    decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                     child: Column(
                       children: [
                         Row(
@@ -418,7 +418,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                             Expanded(
                               child: Text('ticketNumber'.tr()+': '+Provider.of<HistoryModule>(context).dataMisi()[i]['ticketNo'], style: TextStyle(color: textColor, fontSize: 14), overflow: TextOverflow.ellipsis),
                             ),
-                            Provider.of<HistoryModule>(context).dataMisi()[i]['currentState'] == 'DISELESAIKAN' || Provider.of<HistoryModule>(context).dataMisi()[i]['currentState'] == 'TUNTAS' ? renderStatus('stateFinish'.tr(), primaryColor.withOpacity(0.4)) : renderStatus('stateCancel'.tr(), Color(0xffD81010).withOpacity(0.4))
+                            Provider.of<HistoryModule>(context).dataMisi()[i]['currentState'] == 'DISELESAIKAN' || Provider.of<HistoryModule>(context).dataMisi()[i]['currentState'] == 'TUNTAS' ? renderStatus('stateFinish'.tr(), primaryColor.withValues(alpha: 0.4)) : renderStatus('stateCancel'.tr(), Color(0xffD81010).withValues(alpha: 0.4))
                           ],
                         ),
                         SizedBox(height: 10),
@@ -535,7 +535,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
         children: [
           FadeTransition(opacity: _animationController, child: U.iconsax('messages-3', color: primaryColor)),
           SizedBox(width: 8),
-          Text('“$_forumMsg”', style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 14, fontStyle: FontStyle.italic), overflow: TextOverflow.ellipsis),
+          Text('“$_forumMsg”', style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 14, fontStyle: FontStyle.italic), overflow: TextOverflow.ellipsis),
         ],
       ),
     ) : Container();
@@ -600,7 +600,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                                   child: GestureDetector(
                                     child: Image(
                                       image: AssetImage(rating[i]['image'].toString()),
-                                      color: Colors.white.withOpacity(tempRating == rating[i]['key'] ? 1 : 0.3),
+                                      color: Colors.white.withValues(alpha: tempRating == rating[i]['key'] ? 1 : 0.3),
                                       colorBlendMode: BlendMode.modulate,
                                     ),
                                     // child: Icon(rating[i]['icon'] as IconData, color: tempRating == rating[i]['key']?rating[i]['color'] as Color:Colors.grey),
@@ -713,7 +713,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                                   child: GestureDetector(
                                     child: Image(
                                       image: AssetImage(rating[i]['image'].toString()),
-                                      color: Colors.white.withOpacity(tempRating == rating[i]['key'] ? 1 : 0.3),
+                                      color: Colors.white.withValues(alpha: tempRating == rating[i]['key'] ? 1 : 0.3),
                                       colorBlendMode: BlendMode.modulate,
                                     ),
                                     onTap: () {
@@ -744,7 +744,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                                         padding: EdgeInsets.symmetric(vertical: 5, horizontal: 10),
                                         child: Text(aspectList[i]=='OTHER_OPTION'?'letMeWrite'.tr():aspectList[i], style: TextStyle(color: textColor)),
                                         decoration: BoxDecoration(
-                                            color: aspectList[i] == ratingAspect ? primaryColor.withOpacity(0.3) : Colors.white,
+                                            color: aspectList[i] == ratingAspect ? primaryColor.withValues(alpha: 0.3) : Colors.white,
                                             border: Border.all(color: aspectList[i] == ratingAspect ? primaryColor : textColor),
                                             borderRadius: BorderRadius.all(Radius.circular(50))
                                         ),
@@ -767,12 +767,12 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                                     counterText: '',
                                     counterStyle: TextStyle(fontSize: 0),
                                     hintText: 'writeHere'.tr(),
-                                    hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                    hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                     filled: true, fillColor: Colors.white,
                                     isDense: true,
                                     contentPadding: EdgeInsets.all(13),
                                     prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('edit-2', color: textColor, size: 22)),
-                                    enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                    enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                     focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: primaryColor)),
                                   ),
                                 ) : Container(),

lib/src/layouts/web/menu_home.dart

@@ -83,7 +83,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                   children: [
                                     U.iconsax('search-normal-1', color: textColor),
                                     SizedBox(width: 13),
-                                    Expanded(child: Text(Provider.of<UserModule>(context).profile()['searchText'][context.locale.toString()] ?? 'searchAsk'.tr(), style: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14), overflow: TextOverflow.ellipsis))
+                                    Expanded(child: Text(Provider.of<UserModule>(context).profile()['searchText'][context.locale.toString()] ?? 'searchAsk'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14), overflow: TextOverflow.ellipsis))
                                   ],
                                 ),
                               ),
@@ -271,7 +271,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                 width: double.infinity,
                                 decoration: BoxDecoration(
                                     color: Colors.white,
-                                    border: Border.all(color: textColor.withOpacity(0.15)),
+                                    border: Border.all(color: textColor.withValues(alpha: 0.15)),
                                     borderRadius: BorderRadius.all(Radius.circular(12))
                                 ),
                                 child: Column(
@@ -282,7 +282,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                         width: double.infinity, height: double.infinity,
                                         child: Provider.of<ServiceModule>(context).banner()[i]['image'] != null ? null : Center(child: Text("noImage".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: Colors.black38), textAlign: TextAlign.center)),
                                         decoration: BoxDecoration(
-                                          color: textColor.withOpacity(0.1),
+                                          color: textColor.withValues(alpha: 0.1),
                                           borderRadius: BorderRadius.all(Radius.circular(12)),
                                           image: Provider.of<ServiceModule>(context).banner()[i]['image'] != null ? DecorationImage(
                                             image: CachedNetworkImageProvider(Provider.of<ServiceModule>(context).banner()[i]['image']+'?bridge-cache=true', cacheManager: CacheManager(CacheMan.config(Provider.of<ServiceModule>(context).banner()[i]['image']))),
@@ -318,7 +318,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                             child: Container(
                                               width: index == i ? 16.0 : 8.0,
                                               height: 8.0,
-                                              decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(8)), color: primaryColor.withOpacity(index == i ? 1 : 0.3)),
+                                              decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(8)), color: primaryColor.withValues(alpha: index == i ? 1 : 0.3)),
                                             ),
                                           ))
                                       ),
@@ -338,7 +338,7 @@ class _WebHomePageState extends State<WebHomePage> {
                       Provider.of<UserModule>(context).profile()['topMenu']['show'] != null && Provider.of<UserModule>(context).profile()['topMenu']['show'] == true ? Container(
                         margin: EdgeInsets.only(top: 25, bottom: 25),
                         padding: EdgeInsets.only(top: 20, bottom: 10),
-                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                         child: Column(
                           children: [
                             LayoutBuilder(
@@ -364,7 +364,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                                     child: Container(
                                                       padding: EdgeInsets.all(5),
                                                       child: SizedBox(width: size/1.8, height: size/1.8, child: U.iconsax('category', color: Color(0xff564F4F), size: 34)),
-                                                      decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(20)), boxShadow: [BoxShadow(color: Colors.grey.withOpacity(0.3), blurRadius: 3, offset: Offset(0, 1))]),
+                                                      decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(20)), boxShadow: [BoxShadow(color: Colors.grey.withValues(alpha: 0.3), blurRadius: 3, offset: Offset(0, 1))]),
                                                     ),
                                                   ) : Container(
                                                     padding: EdgeInsets.all(5),
@@ -373,7 +373,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                                         color: Colors.white,
                                                         borderRadius: BorderRadius.all(Radius.circular(20)),
                                                         border: Border.all(width: 0.2, color: Colors.black12),
-                                                        boxShadow: [BoxShadow(color: Colors.grey.withOpacity(0.3), blurRadius: 2, offset: Offset(0, 2))]
+                                                        boxShadow: [BoxShadow(color: Colors.grey.withValues(alpha: 0.3), blurRadius: 2, offset: Offset(0, 2))]
                                                     ),
                                                   ),
                                                   SizedBox(height: hideOther ? 0:8),
@@ -412,7 +412,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                               Text('info_dnd'.tr(), style: TextStyle(color: textColor, fontSize: 14))
                                             ],
                                           ),
-                                          decoration: BoxDecoration(color: Color(0xffD81010).withOpacity(0.15), borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(color: Color(0xffD81010))),
+                                          decoration: BoxDecoration(color: Color(0xffD81010).withValues(alpha: 0.15), borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(color: Color(0xffD81010))),
                                         ),
                                         decoration: BoxDecoration(border: Border(left: BorderSide(color: Colors.grey))),
                                       ),
@@ -440,7 +440,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                       margin: EdgeInsets.only(right: 30),
                                       child: Text('customize'.tr(), style: TextStyle(color: primaryColor, fontSize: 14)),
                                       decoration: BoxDecoration(
-                                          color: primaryColor.withOpacity(0.1),
+                                          color: primaryColor.withValues(alpha: 0.1),
                                           borderRadius: BorderRadius.all(Radius.circular(50))
                                       ),
                                     ),
@@ -471,7 +471,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                                         color: Colors.white,
                                                         borderRadius: BorderRadius.all(Radius.circular(20)),
                                                         border: Border.all(width: 0.2, color: Colors.black12),
-                                                        boxShadow: [BoxShadow(color: Colors.grey.withOpacity(0.3), blurRadius: 2, offset: Offset(0, 2))]
+                                                        boxShadow: [BoxShadow(color: Colors.grey.withValues(alpha: 0.3), blurRadius: 2, offset: Offset(0, 2))]
                                                     ),
                                                   ),
                                                   SizedBox(height: 8),
@@ -539,7 +539,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                             )
                                           ],
                                         ),
-                                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                                       ),
                                     ),
                                     onTap: ()=>navigateTo(context, WebReqCreatePage(user: Provider.of<UserModule>(context, listen: false).user(), request: Provider.of<ServiceModule>(context, listen: false).specialOffer()[i])),
@@ -590,7 +590,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                               )
                                             ],
                                           ),
-                                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                                         ),
                                       ),
                                       onTap: ()=>navigateTo(context, WebReqCreatePage(user: Provider.of<UserModule>(context, listen: false).user(), request: Provider.of<ServiceModule>(context, listen: false).data()[i])).then((val){
@@ -637,12 +637,12 @@ class _WebHomePageState extends State<WebHomePage> {
                                                 ],
                                               ),
                                             ),
-                                            Padding(padding: EdgeInsets.symmetric(horizontal: 20), child: U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)))
+                                            Padding(padding: EdgeInsets.symmetric(horizontal: 20), child: U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)))
                                           ],
                                         ),
                                         decoration: BoxDecoration(
                                           color: Colors.white,
-                                          border: Border.all(color: textColor.withOpacity(0.15)),
+                                          border: Border.all(color: textColor.withValues(alpha: 0.15)),
                                           borderRadius: BorderRadius.all(Radius.circular(12))
                                         ),
                                       ),
@@ -673,7 +673,7 @@ class _WebHomePageState extends State<WebHomePage> {
     return Container(
       width: double.infinity, alignment: Alignment.center,
       margin: EdgeInsets.symmetric(vertical: 30),
-      child: Text("notAvailable".tr(), style: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14, fontWeight: FontWeight.w400)),
+      child: Text("notAvailable".tr(), style: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14, fontWeight: FontWeight.w400)),
     );
   }
 }
@@ -727,7 +727,7 @@ class _WebMenuEditorPageState extends State<WebMenuEditorPage> {
                 children: [
                   Container(
                     padding: EdgeInsets.symmetric(vertical: 20, horizontal: 30),
-                    decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                    decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                     child: IntrinsicHeight(
                       child: Row(
                         crossAxisAlignment: CrossAxisAlignment.stretch,
@@ -744,7 +744,7 @@ class _WebMenuEditorPageState extends State<WebMenuEditorPage> {
                                     DragAndDropList(
                                       contentsWhenEmpty: Padding(
                                         padding: const EdgeInsets.only(top: 16.0, bottom: 16.0),
-                                        child: Text("emptyMenuAlert".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: primaryColor.withOpacity(0.60)),),
+                                        child: Text("emptyMenuAlert".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: primaryColor.withValues(alpha: 0.60)),),
                                       ),
                                       canDrag: false,
                                       children: List<DragAndDropItem>.generate(data.length, (i){
@@ -800,7 +800,7 @@ class _WebMenuEditorPageState extends State<WebMenuEditorPage> {
                           ),
                           Container(
                             width: 1, height: double.infinity,
-                            color: textColor.withOpacity(0.15),
+                            color: textColor.withValues(alpha: 0.15),
                             margin: EdgeInsets.symmetric(horizontal: 30),
                           ),
                           Expanded(
@@ -892,7 +892,7 @@ class _WebMenuEditorPageState extends State<WebMenuEditorPage> {
           color: Colors.white,
           borderRadius: BorderRadius.all(Radius.circular(12)),
           border: Border.all(width: 0.2, color: Colors.black12),
-          boxShadow: [BoxShadow(color: Colors.grey.withOpacity(0.3), blurRadius: 2, offset: Offset(0, 2))]
+          boxShadow: [BoxShadow(color: Colors.grey.withValues(alpha: 0.3), blurRadius: 2, offset: Offset(0, 2))]
       ),
     );
   }

lib/src/layouts/web/message_broadcast.dart

@@ -122,7 +122,7 @@ class _WebMessageBroadcastPageState extends State<WebMessageBroadcastPage> {
                                   color: Colors.white,
                                   child: Row(
                                     children: [
-                                      Icon(selectedTenants.contains(widget.tenants[i]['code'])?Icons.check_box_rounded:Icons.check_box_outline_blank_rounded, color: selectedTenants.contains(widget.tenants[i]['code'])?primaryColor:textColor.withOpacity(0.15)),
+                                      Icon(selectedTenants.contains(widget.tenants[i]['code'])?Icons.check_box_rounded:Icons.check_box_outline_blank_rounded, color: selectedTenants.contains(widget.tenants[i]['code'])?primaryColor:textColor.withValues(alpha: 0.15)),
                                       SizedBox(width: 20),
                                       Expanded(
                                         child: Container(
@@ -150,7 +150,7 @@ class _WebMessageBroadcastPageState extends State<WebMessageBroadcastPage> {
                                             ],
                                           ),
                                           decoration: BoxDecoration(
-                                              color: selectedTenants.contains(widget.tenants[i]['code'])?Color(0xff26DA17).withOpacity(0.2):Colors.white,
+                                              color: selectedTenants.contains(widget.tenants[i]['code'])?Color(0xff26DA17).withValues(alpha: 0.2):Colors.white,
                                               borderRadius: BorderRadius.all(Radius.circular(10))
                                           ),
                                         ),
@@ -162,7 +162,7 @@ class _WebMessageBroadcastPageState extends State<WebMessageBroadcastPage> {
                               );
                             }),
                           ) : Text('allInformantsInfo'.tr(), style: TextStyle(color: textColor)),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                         )
                       ],
                     ),
@@ -185,13 +185,13 @@ class _WebMessageBroadcastPageState extends State<WebMessageBroadcastPage> {
                             decoration: InputDecoration(
                               counterText: '',
                               hintText: 'writeMessage'.tr()+'..',
-                              hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                              hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                               filled: true,
                               fillColor: backgroundColor,
-                              hoverColor: Colors.black.withOpacity(0.1),
+                              hoverColor: Colors.black.withValues(alpha: 0.1),
                               contentPadding: EdgeInsets.all(20),
                               border: InputBorder.none,
-                              enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withOpacity(0.15))),
+                              enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withValues(alpha: 0.15))),
                               focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: primaryColor)),
                               isDense: true
                             ),
@@ -214,7 +214,7 @@ class _WebMessageBroadcastPageState extends State<WebMessageBroadcastPage> {
                                     Text(_filePath == '' ? 'addAttachment'.tr() : 'editAttachment'.tr())
                                   ],
                                 ),
-                                decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(50))),
+                                decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(50))),
                               ),
                               onTap: () async {
                                 var allowedExt = ['jpg', 'pdf', 'png', 'jpeg'];
@@ -288,7 +288,7 @@ class _WebMessageBroadcastPageState extends State<WebMessageBroadcastPage> {
                                   height: 36,
                                   padding: EdgeInsets.only(top: 6, right: 8),
                                   decoration: BoxDecoration(
-                                    color: Colors.transparent.withOpacity(0.5),
+                                    color: Colors.transparent.withValues(alpha: 0.5),
                                     gradient: LinearGradient(end: Alignment.bottomCenter, begin: Alignment.center, colors: [Color(0xffDADADA), Colors.white])
                                   ),
                                   child: Align(

lib/src/layouts/web/message_list.dart

@@ -306,12 +306,12 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
                                             children: [
                                               Text(messageFunc.timeSet(Provider.of<MessageModule>(context).data()[i]['lastDateTimeSend']), style: TextStyle(fontSize: 11, color: Provider.of<MessageModule>(context).data()[i]['lastReadStatus'] == 'UNREAD' && !_isMe ? Colors.green : Colors.black45)),
                                               SizedBox(height: 4),
-                                              Icon(Icons.circle, color: Colors.green.withOpacity(Provider.of<MessageModule>(context).data()[i]['lastReadStatus'] == 'UNREAD' && !_isMe ? 1 : 0))
+                                              Icon(Icons.circle, color: Colors.green.withValues(alpha: Provider.of<MessageModule>(context).data()[i]['lastReadStatus'] == 'UNREAD' && !_isMe ? 1 : 0))
                                             ],
                                           )
                                         ],
                                       ),
-                                      decoration: BoxDecoration(color: idChat != null && idChat == Provider.of<MessageModule>(context, listen: false).data()[i]['chatId'] ? Color(0xff26DA17).withOpacity(0.2) : Colors.white, borderRadius: BorderRadius.all(Radius.circular(12))),
+                                      decoration: BoxDecoration(color: idChat != null && idChat == Provider.of<MessageModule>(context, listen: false).data()[i]['chatId'] ? Color(0xff26DA17).withValues(alpha: 0.2) : Colors.white, borderRadius: BorderRadius.all(Radius.circular(12))),
                                     ),
                                     onTap: ()=>selectMessage(Provider.of<MessageModule>(context, listen: false).data()[i], _isMe),
                                   );
@@ -319,7 +319,7 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
                               ),
                             ),
                           ),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                         ),
                         Provider.of<MessageModule>(context).user().isNotEmpty && Provider.of<MessageModule>(context).user()['canSendMessage'] ? Align(
                           alignment: Alignment.bottomRight,
@@ -389,7 +389,7 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
                                                         Flexible(child: Text(getImageName(messageData[i]['imageUrl'])))
                                                       ],
                                                     ),
-                                                    decoration: BoxDecoration(color: Colors.black12.withOpacity(0.1), borderRadius: BorderRadius.all(Radius.circular(4))),
+                                                    decoration: BoxDecoration(color: Colors.black12.withValues(alpha: 0.1), borderRadius: BorderRadius.all(Radius.circular(4))),
                                                   );
 
                                                   return pdfContainer;
@@ -429,8 +429,8 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
                                                   enableInteractiveSelection: false,
                                                 ),
                                                 isTranslate ? Container(
-                                                  margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withOpacity(0.2)))),
-                                                  child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withOpacity(0.65), fontStyle: FontStyle.italic)),
+                                                  margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withValues(alpha: 0.2)))),
+                                                  child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withValues(alpha: 0.65), fontStyle: FontStyle.italic)),
                                                 ) : Container(),
                                               ],
                                             ) : Container()
@@ -473,7 +473,7 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
                           )
                         ],
                       ) : Container(),
-                      decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                      decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                     ),
                   )
                 ],
@@ -496,7 +496,7 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
       isDate = true;
       time = Container();
     }
-    Color color = isMe ? primaryColor.withOpacity(0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
+    Color color = isMe ? primaryColor.withValues(alpha: 0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
     var clipPath = ClipPath(
       child: ConstrainedBox(
         constraints: BoxConstraints(minWidth: 50),

lib/src/layouts/web/password.dart

@@ -64,7 +64,7 @@ class _WebPasswordPageState extends State<WebPasswordPage> {
                           margin: EdgeInsets.only(bottom: 5),
                           child: Text('titlePassOld'.tr(), style: TextStyle(fontSize: 16, color: textColor)),
                         ),
-                        passwordFieldTemplate(value: controllerOld, iconColor: textColor.withOpacity(0.5), color: textColor, placeholder: 'oldPassword'.tr(), action: (val)=>controllerOld=val),
+                        passwordFieldTemplate(value: controllerOld, iconColor: textColor.withValues(alpha: 0.5), color: textColor, placeholder: 'oldPassword'.tr(), action: (val)=>controllerOld=val),
 
                         Container(
                             margin: EdgeInsets.only(top: 30, bottom: 5),
@@ -122,7 +122,7 @@ class _WebPasswordPageState extends State<WebPasswordPage> {
                         })
                       ],
                     ),
-                    decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                    decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                   ),
                   Expanded(child: Container())
                 ],
@@ -149,17 +149,17 @@ class _WebPasswordPageState extends State<WebPasswordPage> {
           obscureText: hidePass,
           decoration: InputDecoration(
               hintText: placeholder,
-              hintStyle: TextStyle(fontSize: 16, color: color.withOpacity(0.5)),
+              hintStyle: TextStyle(fontSize: 16, color: color.withValues(alpha: 0.5)),
               filled: true,
               fillColor: Colors.white,
-              hoverColor: textColor.withOpacity(0.1),
+              hoverColor: textColor.withValues(alpha: 0.1),
               contentPadding: EdgeInsets.all(16),
               border: InputBorder.none,
               prefixIcon: U.iconsax('bold/key', size: 24, color: iconColor),
               suffixIconConstraints: BoxConstraints(maxHeight: 40, maxWidth: 40, minHeight: 40, minWidth: 40),
-              suffixIcon: GestureDetector(child: U.iconsax(hidePass?'eye':'eye-slash', size: 24, color: textColor.withOpacity(0.5)), onTap: ()=>fieldState(()=>hidePass=!hidePass)),
-              enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withOpacity(0.5))),
-              focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withOpacity(0.5))),
+              suffixIcon: GestureDetector(child: U.iconsax(hidePass?'eye':'eye-slash', size: 24, color: textColor.withValues(alpha: 0.5)), onTap: ()=>fieldState(()=>hidePass=!hidePass)),
+              enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withValues(alpha: 0.5))),
+              focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withValues(alpha: 0.5))),
               isDense: true
           ),
           onChanged: (val)=>action(val.toString()),

lib/src/layouts/web/request_create.dart

@@ -93,7 +93,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                   Expanded(
                     child: Container(
                       padding: EdgeInsets.all(20),
-                      decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                      decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                       child: Column(
                         crossAxisAlignment: CrossAxisAlignment.start,
                         children: [
@@ -163,13 +163,13 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                         readOnly: false,
                                         decoration: InputDecoration(
                                             hintText: U.otherLabelList()['placeholder-${context.locale.toString()}']??'typeId'.tr(),
-                                            hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                            hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                             filled: true,
                                             fillColor: backgroundColor,
-                                            hoverColor: Colors.black.withOpacity(0.1),
+                                            hoverColor: Colors.black.withValues(alpha: 0.1),
                                             contentPadding: EdgeInsets.all(13),
                                             border: InputBorder.none,
-                                            enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                            enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                             focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                             isDense: true
                                         ),
@@ -188,14 +188,14 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                   readOnly: true,
                                   decoration: InputDecoration(
                                       hintText: 'selectDate'.tr(),
-                                      hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                      hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                       filled: true,
                                       fillColor: backgroundColor,
-                                      hoverColor: Colors.black.withOpacity(0.1),
+                                      hoverColor: Colors.black.withValues(alpha: 0.1),
                                       contentPadding: EdgeInsets.all(13),
                                       prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('calendar-edit', color: textColor, size: 24)),
                                       border: InputBorder.none,
-                                      enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                      enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                       focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                       isDense: true
                                   ),
@@ -265,7 +265,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                                     indicatorType: Indicator.ballPulseRise,
                                                     colors: U.defaultRainbowColors(),
                                                     strokeWidth: 1,
-                                                    backgroundColor: Colors.black.withOpacity(0),
+                                                    backgroundColor: Colors.black.withValues(alpha: 0),
                                                     pathBackgroundColor: Colors.black,
                                                   ),
                                                 ) : Icon(Icons.add_rounded, color: Colors.black26, size: 40),
@@ -280,7 +280,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                   ) : GestureDetector(
                                     child: Container(
                                       padding: EdgeInsets.symmetric(horizontal: 8, vertical: 12),
-                                      decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(color: Color(0xFF078C84)), color: Color(0xFFFFFFFF).withOpacity(0.2)),
+                                      decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(color: Color(0xFF078C84)), color: Color(0xFFFFFFFF).withValues(alpha: 0.2)),
                                       child: Row(
                                         children: [
                                           U.iconsax('image', color: primaryColor, size: 30),
@@ -309,9 +309,9 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                           ),
                                           gradient: LinearGradient(
                                             colors: [
-                                              Color(0xFF4FB66C).withOpacity(1),
-                                              Color(0xFFFFA800).withOpacity(1),
-                                              Color(0xFFC9223B).withOpacity(1),
+                                              Color(0xFF4FB66C).withValues(alpha: 1),
+                                              Color(0xFFFFA800).withValues(alpha: 1),
+                                              Color(0xFFC9223B).withValues(alpha: 1),
                                             ],
                                             begin: Alignment.topLeft,
                                             end: Alignment.bottomRight,
@@ -376,8 +376,8 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                 margin: EdgeInsets.only(top: 8),
                                 padding: EdgeInsets.symmetric(vertical: 12, horizontal: 15),
                                 decoration: BoxDecoration(
-                                    color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor.withOpacity(0.15):Colors.white,
-                                    border: Border.all(color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor:textColor.withOpacity(0.15)),
+                                    color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor.withValues(alpha: 0.15):Colors.white,
+                                    border: Border.all(color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor:textColor.withValues(alpha: 0.15)),
                                     borderRadius: BorderRadius.only(topLeft: Radius.circular(12), topRight: Radius.circular(12))
                                 ),
                                 child: Row(
@@ -406,8 +406,8 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                 margin: EdgeInsets.only(bottom: 20, top: widget.request['scanToRequest'] ? 8 : 0),
                                 padding: EdgeInsets.symmetric(vertical: 12, horizontal: 15),
                                 decoration: BoxDecoration(
-                                    color: context.watch<CreateSerModule>().locationType()==2?primaryColor.withOpacity(0.15):Colors.white,
-                                    border: Border.all(color: context.watch<CreateSerModule>().locationType()==2?primaryColor:textColor.withOpacity(0.15)),
+                                    color: context.watch<CreateSerModule>().locationType()==2?primaryColor.withValues(alpha: 0.15):Colors.white,
+                                    border: Border.all(color: context.watch<CreateSerModule>().locationType()==2?primaryColor:textColor.withValues(alpha: 0.15)),
                                     borderRadius: widget.request['scanToRequest'] ? BorderRadius.all(Radius.circular(12.0)) : BorderRadius.only(bottomLeft: Radius.circular(12), bottomRight: Radius.circular(12))
                                 ),
                                 child: Row(
@@ -436,14 +436,14 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                                 readOnly: false,
                                                 searchInputDecoration: SearchInputDecoration(
                                                     hintText: 'placeholderLocation'.tr(),
-                                                    hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                                    hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                                     filled: true,
                                                     fillColor: backgroundColor,
-                                                    hoverColor: Colors.black.withOpacity(0.1),
+                                                    hoverColor: Colors.black.withValues(alpha: 0.1),
                                                     contentPadding: EdgeInsets.all(13),
                                                     border: InputBorder.none,
-                                                    disabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
-                                                    enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                                    disabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
+                                                    enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                                     focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                                     isDense: true
                                                 ),
@@ -484,14 +484,14 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                             keyboardType: widget.request['noteFormat'] == 'NUMBER' ? TextInputType.number : null,
                             decoration: InputDecoration(
                                 hintText: 'placeholderNote'.tr(),
-                                hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                 filled: true,
                                 fillColor: backgroundColor,
-                                hoverColor: Colors.black.withOpacity(0.1),
+                                hoverColor: Colors.black.withValues(alpha: 0.1),
                                 contentPadding: EdgeInsets.all(13),
                                 prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('edit-2', color: textColor, size: 24)),
                                 border: InputBorder.none,
-                                enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                 focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                 isDense: true
                             ),
@@ -565,7 +565,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                           gradient: LinearGradient(
                               begin: Alignment.topLeft, end: Alignment.bottomRight,
                               colors: [
-                                Color(0xff131480).withOpacity(0.56), Color(0xff131480).withOpacity(0.90), Color(0xff131480).withOpacity(0.75)
+                                Color(0xff131480).withValues(alpha: 0.56), Color(0xff131480).withValues(alpha: 0.90), Color(0xff131480).withValues(alpha: 0.75)
                               ]
                           )
                       ),
@@ -595,7 +595,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                           gradient: LinearGradient(
                               begin: Alignment.topLeft, end: Alignment.bottomRight,
                               colors: [
-                                Color(0xff078C84).withOpacity(0.56), Color(0xff078C84).withOpacity(0.90), Color(0xff078C84).withOpacity(0.75)
+                                Color(0xff078C84).withValues(alpha: 0.56), Color(0xff078C84).withValues(alpha: 0.90), Color(0xff078C84).withValues(alpha: 0.75)
                               ]
                           )
                       ),
@@ -615,7 +615,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
               padding: EdgeInsets.all(3),
               child: Text('scheduledMsg'.tr(), style: TextStyle(color: textColor, fontSize: 12, fontWeight: FontWeight.w300)),
               decoration: BoxDecoration(
-                  color: Color(0xffCCA600).withOpacity(0.2),
+                  color: Color(0xffCCA600).withValues(alpha: 0.2),
                   borderRadius: BorderRadius.all(Radius.circular(3))
               ),
             )
@@ -626,7 +626,8 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
   }
 
   pickupImageNew()async{
-    var image = await reqFunc.getImageNew(context, ImageSource.gallery);
-    Provider.of<CreateSerModule>(context, listen: false).setImages(image);
+    await reqFunc.getImageNew(context, ImageSource.gallery).then((img){
+      img != null ? Provider.of<CreateSerModule>(context, listen: false).setImages(img) : null;
+    });
   }
 }

lib/src/layouts/web/request_select.dart

@@ -66,14 +66,14 @@ class _WebReqSelectPageState extends State<WebReqSelectPage> {
                         autofocus: widget.groupCode == null,
                         decoration: InputDecoration(
                             hintText: Provider.of<RequestModule>(context).placeholder(),
-                            hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                            hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                             filled: true,
                             fillColor: backgroundColor,
-                            hoverColor: Colors.black.withOpacity(0.1),
+                            hoverColor: Colors.black.withValues(alpha: 0.1),
                             contentPadding: EdgeInsets.all(15),
                             prefixIcon: Padding(padding: EdgeInsets.symmetric(horizontal: 15), child: U.iconsax('search-normal-1', color: textColor, size: 24)),
                             border: InputBorder.none,
-                            enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(50), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                            enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(50), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                             focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(50), borderSide: const BorderSide(color: primaryColor)),
                             isDense: true
                         ),
@@ -116,7 +116,7 @@ class _WebReqSelectPageState extends State<WebReqSelectPage> {
                             child: Image(image: AssetImage('assets/image/error/EmptyData.png'))
                         ) : Lottie.asset('assets/image/lottie/Nodata.json', width: 250, height: 250, fit: BoxFit.fill),
                         RichText(text: TextSpan(
-                            style: TextStyle(color: textColor.withOpacity(0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0),
+                            style: TextStyle(color: textColor.withValues(alpha: 0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0),
                             children: <TextSpan>[
                               TextSpan(text: U.getInternetStatus()?'notFoundKeyword'.tr():'noDataText'.tr()),
                               TextSpan(text: U.getInternetStatus()?'"${Provider.of<RequestModule>(context).keyword()}".':'', style: TextStyle(fontWeight: FontWeight.w600)),
@@ -156,7 +156,7 @@ class _WebReqSelectPageState extends State<WebReqSelectPage> {
                                   )
                                 ],
                               ),
-                              decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                              decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                             ),
                           ),
                           onTap: ()=>navigateTo(context, WebReqCreatePage(user: widget.user, request: Provider.of<RequestModule>(context, listen: false).data()[i], fromSearch: true)),

lib/src/layouts/web/request_success.dart

@@ -83,7 +83,7 @@ class _WebReqSuccessPageState extends State<WebReqSuccessPage> {
                       Expanded(
                         child: Container(
                           padding: EdgeInsets.all(20),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                           child: Column(
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
@@ -311,7 +311,7 @@ class _WebReqSuccessPendingPageState extends State<WebReqSuccessPendingPage> {
                     children: [
                       Container(
                         padding: EdgeInsets.all(20),
-                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                         child: Column(
                           crossAxisAlignment: CrossAxisAlignment.start,
                           children: [
@@ -365,7 +365,7 @@ class _WebReqSuccessPendingPageState extends State<WebReqSuccessPendingPage> {
                                   ],
                                 ),
                                 decoration: BoxDecoration(
-                                    color: Colors.red.withOpacity(0.1),
+                                    color: Colors.red.withValues(alpha: 0.1),
                                     border: Border.all(color: Colors.red),
                                     borderRadius: BorderRadius.all(Radius.circular(12))
                                 ),

pubspec.lock

@@ -69,10 +69,10 @@ packages:
     dependency: transitive
     description:
       name: async
-      sha256: "947bfcf187f74dbc5e146c9eb9c0f10c9f8b30743e341481c1e2ed3ecc18c20c"
+      sha256: d2872f9c19731c2e5f10444b14686eb7cc85c76274bd6c16e1816bff9a3bab63
       url: "https://pub.dev"
     source: hosted
-    version: "2.11.0"
+    version: "2.12.0"
   auto_route:
     dependency: "direct main"
     description:
@@ -109,10 +109,10 @@ packages:
     dependency: transitive
     description:
       name: boolean_selector
-      sha256: "6cfb5af12253eaf2b368f07bacc5a80d1301a071c73360d746b7f2e32d762c66"
+      sha256: "8aab1771e1243a5063b8b0ff68042d67334e3feab9e95b9490f9a6ebf73b42ea"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   build:
     dependency: transitive
     description:
@@ -269,10 +269,10 @@ packages:
     dependency: transitive
     description:
       name: characters
-      sha256: "04a925763edad70e8443c99234dc3328f442e811f1d8fd1a72f1c8ad0f69a605"
+      sha256: f71061c654a3380576a52b451dd5532377954cf9dbd272a78fc8479606670803
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.0"
+    version: "1.4.0"
   checked_yaml:
     dependency: transitive
     description:
@@ -285,10 +285,10 @@ packages:
     dependency: transitive
     description:
       name: clock
-      sha256: cb6d7f03e1de671e34607e909a7213e31d7752be4fb66a86d29fe1eb14bfb5cf
+      sha256: fddb70d9b5277016c77a80201021d40a2247104d9f4aa7bab7157b7e3f05b84b
       url: "https://pub.dev"
     source: hosted
-    version: "1.1.1"
+    version: "1.1.2"
   cloud_firestore:
     dependency: "direct main"
     description:
@@ -325,10 +325,10 @@ packages:
     dependency: transitive
     description:
       name: collection
-      sha256: a1ace0a119f20aabc852d165077c036cd864315bd99b7eaa10a60100341941bf
+      sha256: "2f5709ae4d3d59dd8f7cd309b4e023046b57d8a6c82130785d2b0e5868084e76"
       url: "https://pub.dev"
     source: hosted
-    version: "1.19.0"
+    version: "1.19.1"
   convert:
     dependency: transitive
     description:
@@ -477,10 +477,10 @@ packages:
     dependency: transitive
     description:
       name: fake_async
-      sha256: "511392330127add0b769b75a987850d136345d9227c6b94c96a04cf4a391bf78"
+      sha256: "6a95e56b2449df2273fd8c45a662d6947ce1ebb7aafe80e550a3f68297f3cacc"
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.1"
+    version: "1.3.2"
   ffi:
     dependency: transitive
     description:
@@ -929,18 +929,18 @@ packages:
     dependency: transitive
     description:
       name: leak_tracker
-      sha256: "7bb2830ebd849694d1ec25bf1f44582d6ac531a57a365a803a6034ff751d2d06"
+      sha256: c35baad643ba394b40aac41080300150a4f08fd0fd6a10378f8f7c6bc161acec
       url: "https://pub.dev"
     source: hosted
-    version: "10.0.7"
+    version: "10.0.8"
   leak_tracker_flutter_testing:
     dependency: transitive
     description:
       name: leak_tracker_flutter_testing
-      sha256: "9491a714cca3667b60b5c420da8217e6de0d1ba7a5ec322fab01758f6998f379"
+      sha256: f8b613e7e6a13ec79cfdc0e97638fddb3ab848452eff057653abd3edba760573
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.8"
+    version: "3.0.9"
   leak_tracker_testing:
     dependency: transitive
     description:
@@ -993,10 +993,10 @@ packages:
     dependency: transitive
     description:
       name: matcher
-      sha256: d2323aa2060500f906aa31a895b4030b6da3ebdcc5619d14ce1aada65cd161cb
+      sha256: dc58c723c3c24bf8d3e2d3ad3f2f9d7bd9cf43ec6feaa64181775e60190153f2
       url: "https://pub.dev"
     source: hosted
-    version: "0.12.16+1"
+    version: "0.12.17"
   material_color_utilities:
     dependency: transitive
     description:
@@ -1009,10 +1009,10 @@ packages:
     dependency: transitive
     description:
       name: meta
-      sha256: bdb68674043280c3428e9ec998512fb681678676b3c54e773629ffe74419f8c7
+      sha256: e3641ec5d63ebf0d9b41bd43201a66e3fc79a65db5f61fc181f04cd27aab950c
       url: "https://pub.dev"
     source: hosted
-    version: "1.15.0"
+    version: "1.16.0"
   mime:
     dependency: transitive
     description:
@@ -1153,10 +1153,10 @@ packages:
     dependency: transitive
     description:
       name: path
-      sha256: "087ce49c3f0dc39180befefc60fdb4acd8f8620e5682fe2476afd0b3688bb4af"
+      sha256: "75cca69d1490965be98c73ceaea117e8a04dd21217b37b292c9ddbec0d955bc5"
       url: "https://pub.dev"
     source: hosted
-    version: "1.9.0"
+    version: "1.9.1"
   path_drawing:
     dependency: transitive
     description:
@@ -1494,10 +1494,10 @@ packages:
     dependency: transitive
     description:
       name: source_span
-      sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c"
+      sha256: "254ee5351d6cb365c859e20ee823c3bb479bf4a293c22d17a9f1bf144ce86f7c"
       url: "https://pub.dev"
     source: hosted
-    version: "1.10.0"
+    version: "1.10.1"
   sprintf:
     dependency: transitive
     description:
@@ -1550,18 +1550,18 @@ packages:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: "9f47fd3630d76be3ab26f0ee06d213679aa425996925ff3feffdec504931c377"
+      sha256: "8b27215b45d22309b5cddda1aa2b19bdfec9df0e765f2de506401c071d38d1b1"
       url: "https://pub.dev"
     source: hosted
-    version: "1.12.0"
+    version: "1.12.1"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
-      sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7
+      sha256: "969e04c80b8bcdf826f8f16579c7b14d780458bd97f56d107d3950fdbeef059d"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.4"
   stream_transform:
     dependency: transitive
     description:
@@ -1574,10 +1574,10 @@ packages:
     dependency: transitive
     description:
       name: string_scanner
-      sha256: "688af5ed3402a4bde5b3a6c15fd768dbf2621a614950b17f04626c431ab3c4c3"
+      sha256: "921cd31725b72fe181906c6a94d987c78e3b98c2e205b397ea399d4054872b43"
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.0"
+    version: "1.4.1"
   synchronized:
     dependency: "direct main"
     description:
@@ -1590,18 +1590,18 @@ packages:
     dependency: transitive
     description:
       name: term_glyph
-      sha256: a29248a84fbb7c79282b40b8c72a1209db169a2e0542bce341da992fe1bc7e84
+      sha256: "7f554798625ea768a7518313e58f83891c7f5024f88e46e7182a4558850a4b8e"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.1"
+    version: "1.2.2"
   test_api:
     dependency: transitive
     description:
       name: test_api
-      sha256: "664d3a9a64782fcdeb83ce9c6b39e78fd2971d4e37827b9b06c3aa1edc5e760c"
+      sha256: fb31f383e2ee25fbbfe06b40fe21e1e458d14080e3c67e7ba0acfde4df4e0bbd
       url: "https://pub.dev"
     source: hosted
-    version: "0.7.3"
+    version: "0.7.4"
   timelines_plus:
     dependency: "direct main"
     description:
@@ -1782,10 +1782,10 @@ packages:
     dependency: transitive
     description:
       name: vm_service
-      sha256: f6be3ed8bd01289b34d679c2b62226f63c0e69f9fd2e50a6b3c1c729a961041b
+      sha256: "0968250880a6c5fe7edc067ed0a13d4bae1577fe2771dcf3010d52c4a9d3ca14"
       url: "https://pub.dev"
     source: hosted
-    version: "14.3.0"
+    version: "14.3.1"
   watcher:
     dependency: transitive
     description:
@@ -1907,5 +1907,5 @@ packages:
     source: hosted
     version: "3.1.1"
 sdks:
-  dart: ">=3.6.1 <4.0.0"
+  dart: ">=3.7.0-0 <4.0.0"
   flutter: ">=3.27.0"