💄 Improve UI

lib/l10n/intl_en.arb

@@ -198,10 +198,6 @@
   "btn_decline": "I decline",
   "betaVersionMaxFiles": "During the beta phase, please note that the maximum file upload size should not exceed 3 MB.",
   "logout": "Logout",
-  "archethicDashboardMenuBridgeItem": "Bridge 2 ways",
-  "archethicDashboardMenuBridgeDesc": "The portal allowing seamless assets deposits & withdrawals",
-  "archethicDashboardMenuDEXItem": "DEX",
-  "archethicDashboardMenuDEXDesc": "SWAP assets on-chain, add liquidity & access LP staking",
   "archethicDashboardMenuWalletOnWayItem": "Archethic Wallet",
   "archethicDashboardMenuWalletOnWayDesc": "Securely store, transfer and swap tokens and collectibles",
   "addWebsite": "Add a website",

lib/main.dart

@@ -29,9 +29,6 @@ class MyApp extends ConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    // TODO(reddwarf03): use LanguageProviders
-    //const language = AvailableLanguage.english;
-
     // GoRouter configuration
     final _router = GoRouter(
       routes: RoutesPath().aeWebRoutes(ref),

lib/ui/themes/aeweb_theme_base.dart

@@ -34,6 +34,15 @@ class AeWebThemeBase {
     stops: [0, 1],
   );
 
+  static Gradient gradientWelcomeTxt = LinearGradient(
+    colors: [
+      const Color(0xFF562FED).withOpacity(0.8),
+      const Color(0xFFD55CFF).withOpacity(0.8),
+    ],
+    begin: Alignment.topLeft,
+    end: Alignment.bottomRight,
+  );
+
   static Gradient gradientBtn = LinearGradient(
     colors: <Color>[
       ArchethicThemeBase.blue500,

lib/ui/views/add_website/layouts/add_website_sheet.dart

@@ -1,8 +1,10 @@
 /// SPDX-License-Identifier: AGPL-3.0-or-later
 import 'dart:async';
+import 'dart:ui';
 
 import 'package:aeweb/application/session/provider.dart';
 import 'package:aeweb/domain/repositories/features_flags.dart';
+import 'package:aeweb/ui/themes/aeweb_theme_base.dart';
 import 'package:aeweb/ui/views/add_website/bloc/provider.dart';
 import 'package:aeweb/ui/views/add_website/bloc/state.dart';
 import 'package:aeweb/ui/views/add_website/layouts/components/add_website_form_sheet.dart';
@@ -75,17 +77,39 @@ class AddWebsiteSheet extends ConsumerWidget {
     );
 
     return Scaffold(
-      appBar: AppBar(
-        centerTitle: true,
-        title: Text(
-          AppLocalizations.of(context)!.addWebSiteFormTitle,
-        ),
-        actions: const [
-          ConnectionToWalletStatus(),
-          SizedBox(
-            width: 10,
+      extendBodyBehindAppBar: true,
+      extendBody: true,
+      appBar: PreferredSize(
+        preferredSize: const Size.fromHeight(70),
+        child: ClipRRect(
+          child: BackdropFilter(
+            filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
+            child: Padding(
+              padding: const EdgeInsets.only(top: 8),
+              child: AppBar(
+                bottom: PreferredSize(
+                  preferredSize: const Size.fromHeight(1),
+                  child: Container(
+                    color: ArchethicThemeBase.neutral0.withOpacity(0.2),
+                    height: 1,
+                  ),
+                ),
+                centerTitle: true,
+                backgroundColor: Colors.transparent,
+                elevation: 0,
+                title: Text(
+                  AppLocalizations.of(context)!.addWebSiteFormTitle,
+                ),
+                actions: const [
+                  ConnectionToWalletStatus(),
+                  SizedBox(
+                    width: 10,
+                  ),
+                ],
+              ),
+            ),
           ),
-        ],
+        ),
       ),
       body: const AddWebsiteFormSheet(),
       floatingActionButton: session.isConnected

lib/ui/views/add_website/layouts/components/add_website_form_sheet.dart

@@ -6,7 +6,7 @@ import 'package:aeweb/ui/views/add_website/layouts/components/add_website_select
 import 'package:aeweb/ui/views/add_website/layouts/components/add_website_select_zip_file.dart';
 import 'package:aeweb/ui/views/add_website/layouts/components/add_website_switch_gitignore.dart';
 import 'package:aeweb/ui/views/add_website/layouts/components/add_website_textfield_name.dart';
-import 'package:aeweb/ui/views/util/components/main_background.dart';
+import 'package:aeweb/ui/views/util/components/aeweb_background.dart';
 import 'package:aeweb/ui/views/util/components/scrollbar.dart';
 import 'package:aeweb/ui/views/util/iconsax.dart';
 import 'package:aeweb/ui/views/util/warning_size_label.dart';
@@ -26,7 +26,7 @@ class AddWebsiteFormSheet extends ConsumerWidget {
 
     return Stack(
       children: [
-        const MainBackground(),
+        const AEWebBackground(),
         ArchethicScrollbar(
           child: Padding(
             padding: const EdgeInsets.symmetric(
@@ -35,6 +35,7 @@ class AddWebsiteFormSheet extends ConsumerWidget {
             ),
             child: Center(
               child: Container(
+                padding: const EdgeInsets.only(top: 100),
                 constraints: const BoxConstraints(maxWidth: 820),
                 child: Column(
                   children: [

lib/ui/views/display_website/explorer_files.dart

@@ -1,6 +1,9 @@
 /// SPDX-License-Identifier: AGPL-3.0-or-later
+import 'dart:ui';
+
+import 'package:aeweb/ui/themes/aeweb_theme_base.dart';
+import 'package:aeweb/ui/views/util/components/aeweb_background.dart';
 import 'package:aeweb/ui/views/util/components/icon_animated.dart';
-import 'package:aeweb/ui/views/util/components/main_background.dart';
 import 'package:aeweb/ui/views/util/iconsax.dart';
 import 'package:aeweb/util/generic/get_it_instance.dart';
 import 'package:archethic_lib_dart/archethic_lib_dart.dart' as archethic;
@@ -133,15 +136,37 @@ class ExplorerFilesScreenState extends ConsumerState<ExplorerFilesScreen> {
     );
 
     return Scaffold(
-      appBar: AppBar(
-        centerTitle: true,
-        title: Text(
-          AppLocalizations.of(context)!.explorerTitle,
+      extendBodyBehindAppBar: true,
+      extendBody: true,
+      appBar: PreferredSize(
+        preferredSize: const Size.fromHeight(70),
+        child: ClipRRect(
+          child: BackdropFilter(
+            filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
+            child: Padding(
+              padding: const EdgeInsets.only(top: 8),
+              child: AppBar(
+                bottom: PreferredSize(
+                  preferredSize: const Size.fromHeight(1),
+                  child: Container(
+                    color: ArchethicThemeBase.neutral0.withOpacity(0.2),
+                    height: 1,
+                  ),
+                ),
+                centerTitle: true,
+                backgroundColor: Colors.transparent,
+                elevation: 0,
+                title: Text(
+                  AppLocalizations.of(context)!.explorerTitle,
+                ),
+              ),
+            ),
+          ),
         ),
       ),
       body: Stack(
         children: [
-          const MainBackground(),
+          const AEWebBackground(),
           Padding(
             padding: const EdgeInsets.only(
               left: 30,
@@ -151,6 +176,7 @@ class ExplorerFilesScreenState extends ConsumerState<ExplorerFilesScreen> {
             ),
             child: Center(
               child: Container(
+                padding: const EdgeInsets.only(top: 100),
                 constraints: const BoxConstraints(maxWidth: 820),
                 child: TreeView(
                   controller: treeViewController,