chore: style grid

mobile-v2/lib/presentation/modules/home/pages/home.page.dart

@@ -8,6 +8,6 @@ class HomePage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const ImAssetGrid();
+    return const Scaffold(body: ImAssetGrid());
   }
 }

mobile-v2/lib/presentation/modules/login/pages/login.page.dart

@@ -146,6 +146,7 @@ class _LoginPageState extends State<LoginPage>
         child: Column(children: [
           Expanded(child: rotatingLogo),
           serverUrl,
+          const SizedGap.sh(),
           Expanded(flex: 2, child: form),
           bottom,
         ]),

mobile-v2/lib/presentation/modules/login/states/login_page.state.dart

@@ -66,7 +66,8 @@ class LoginPageCubit extends Cubit<LoginPageState> with LogContext {
       url = await loginService.resolveEndpoint(uri);
 
       di<IStoreRepository>().set(StoreKey.serverEndpoint, url);
-      ServiceLocator.registerPostValidationServices(url);
+      ServiceLocator.registerApiClient(url);
+      ServiceLocator.registerPostValidationServices();
       ServiceLocator.registerPostGlobalStates();
 
       // Fetch server features

mobile-v2/lib/presentation/modules/login/widgets/login_form.widget.dart

@@ -32,28 +32,28 @@ class LoginForm extends StatelessWidget {
   Widget build(BuildContext context) {
     return BlocSelector<LoginPageCubit, LoginPageState, bool>(
       selector: (model) => model.isServerValidated,
-      builder: (_, isServerValidated) => AnimatedSwitcher(
-        duration: Durations.medium1,
-        child: SingleChildScrollView(
+      builder: (_, isServerValidated) => SingleChildScrollView(
+        child: AnimatedSwitcher(
+          duration: Durations.medium1,
           child: isServerValidated
-              ? _CredentialsPage(
+              ? _CredentialsForm(
                   emailController: emailController,
                   passwordController: passwordController,
                 )
-              : _ServerPage(controller: serverUrlController),
+              : _ServerForm(controller: serverUrlController),
+          layoutBuilder: (current, previous) =>
+              current ?? (previous.lastOrNull ?? const SizedBox.shrink()),
         ),
-        layoutBuilder: (current, previous) =>
-            current ?? (previous.lastOrNull ?? const SizedBox.shrink()),
       ),
     );
   }
 }
 
-class _ServerPage extends StatelessWidget {
+class _ServerForm extends StatelessWidget {
   final TextEditingController controller;
   final GlobalKey<FormState> _formKey = GlobalKey();
 
-  _ServerPage({required this.controller});
+  _ServerForm({required this.controller});
 
   Future<void> _validateForm(BuildContext context) async {
     if (_formKey.currentState?.validate() == true) {
@@ -96,20 +96,20 @@ class _ServerPage extends StatelessWidget {
   }
 }
 
-class _CredentialsPage extends StatefulWidget {
+class _CredentialsForm extends StatefulWidget {
   final TextEditingController emailController;
   final TextEditingController passwordController;
 
-  const _CredentialsPage({
+  const _CredentialsForm({
     required this.emailController,
     required this.passwordController,
   });
 
   @override
-  State<_CredentialsPage> createState() => _CredentialsPageState();
+  State<_CredentialsForm> createState() => _CredentialsFormState();
 }
 
-class _CredentialsPageState extends State<_CredentialsPage> {
+class _CredentialsFormState extends State<_CredentialsForm> {
   final passwordFocusNode = FocusNode();
 
   @override

mobile-v2/lib/presentation/modules/theme/models/app_colors.model.dart

@@ -23,9 +23,10 @@ abstract class AppColors {
     onError: Color(0xfffffbff),
     errorContainer: Color(0xffffdad6),
     onErrorContainer: Color(0xff410002),
-    surface: Color(0xfffefbff),
+    surface: Color(0xFFF0EFF4),
     onSurface: Color(0xff1a1b21),
     onSurfaceVariant: Color(0xff444651),
+    surfaceContainer: Color(0xfffefbff),
     surfaceContainerHighest: Color(0xffe0e2ef),
     outline: Color(0xff747782),
     outlineVariant: Color(0xffc4c6d3),
@@ -55,9 +56,10 @@ abstract class AppColors {
     onError: Color(0xff410002),
     errorContainer: Color(0xff93000a),
     onErrorContainer: Color(0xffffb4ab),
-    surface: Color(0xff1a1e22),
+    surface: Color(0xFF15181C),
     onSurface: Color(0xffe2e2e9),
     onSurfaceVariant: Color(0xffc2c6d2),
+    surfaceContainer: Color(0xff1a1e22),
     surfaceContainerHighest: Color(0xff424852),
     outline: Color(0xff8c919c),
     outlineVariant: Color(0xff424751),

mobile-v2/lib/presentation/modules/theme/models/app_theme.model.dart

@@ -18,7 +18,7 @@ enum AppTheme {
       primaryColor: color.primary,
       iconTheme: const IconThemeData(weight: 500, opticalSize: 24),
       navigationBarTheme: NavigationBarThemeData(
-        backgroundColor: color.surface,
+        backgroundColor: color.surfaceContainer,
         indicatorColor: color.primary,
         iconTheme: WidgetStateProperty.resolveWith(
           (Set<WidgetState> states) {
@@ -29,8 +29,9 @@ enum AppTheme {
           },
         ),
       ),
+      scaffoldBackgroundColor: color.surface,
       navigationRailTheme: NavigationRailThemeData(
-        backgroundColor: color.surface,
+        backgroundColor: color.surfaceContainer,
         elevation: 3,
         indicatorColor: color.primary,
         selectedIconTheme:
@@ -41,9 +42,21 @@ enum AppTheme {
           color: color.onSurface.withAlpha(175),
         ),
       ),
-      inputDecorationTheme: const InputDecorationTheme(
-        border: OutlineInputBorder(),
+      inputDecorationTheme: InputDecorationTheme(
+        focusedBorder: OutlineInputBorder(
+          borderSide: BorderSide(color: color.primary),
+          borderRadius: const BorderRadius.all(Radius.circular(15)),
+        ),
+        enabledBorder: OutlineInputBorder(
+          borderSide: BorderSide(color: color.outlineVariant),
+          borderRadius: const BorderRadius.all(Radius.circular(15)),
+        ),
+        hintStyle: const TextStyle(
+          fontSize: 16.0,
+          fontWeight: FontWeight.normal,
+        ),
       ),
+      textSelectionTheme: TextSelectionThemeData(cursorColor: color.primary),
       sliderTheme: SliderThemeData(
         valueIndicatorColor:
             Color.alphaBlend(color.primary.withAlpha(80), color.onSurface)