update

lib/config/text_themes.dart

@@ -61,14 +61,14 @@ final linkStyle = defaultTextStyle.copyWith(color: BrandColors.blue);
 
 final progressTextStyleLight = GoogleFonts.inter(
   textStyle: TextStyle(
-    fontSize: 13,
+    fontSize: 11,
     color: BrandColors.textColor1,
   ),
 );
 
 final progressTextStyleDark = GoogleFonts.inter(
   textStyle: TextStyle(
-    fontSize: 13,
+    fontSize: 11,
     color: BrandColors.white,
   ),
 );

lib/ui/components/progress_bar/progress_bar.dart

@@ -46,14 +46,12 @@ class _ProgressBarState extends State<ProgressBar> {
       }
       i++;
     }
-    // even.add(SizedBox(
-    //   width: 0,
-    // ));
+
     odd
       ..insert(
         0,
         SizedBox(
-          width: 40,
+          width: 20,
         ),
       )
       ..add(
@@ -68,7 +66,7 @@ class _ProgressBarState extends State<ProgressBar> {
         BrandText.h2('Progress'),
         SizedBox(height: 10),
         Row(children: even),
-        SizedBox(height: 3),
+        SizedBox(height: 7),
         Container(
           alignment: Alignment.centerLeft,
           decoration: BoxDecoration(
@@ -95,7 +93,7 @@ class _ProgressBarState extends State<ProgressBar> {
             },
           ),
         ),
-        SizedBox(height: 3),
+        SizedBox(height: 5),
         Row(
           children: odd,
         ),
@@ -122,8 +120,8 @@ class _ProgressBarState extends State<ProgressBar> {
             checked
                 ? WidgetSpan(
                     child: Padding(
-                    padding: const EdgeInsets.only(bottom: 1, right: 2),
-                    child: Icon(BrandIcons.check, size: 14),
+                    padding: const EdgeInsets.only(bottom: 0, right: 2),
+                    child: Icon(BrandIcons.check, size: 11),
                   ))
                 : TextSpan(text: '${index + 1}.', style: style),
             TextSpan(text: step, style: style)

lib/ui/pages/initializing/initializing.dart

@@ -60,7 +60,9 @@ class InitializingPage extends StatelessWidget {
                         'Domain',
                         'User',
                         'Server',
-                        'Check'
+                        'Check1',
+                        'Check2',
+                        'Check3'
                       ],
                       activeIndex: cubit.state.progress,
                     ),

lib/ui/pages/onboarding/onboarding.dart

@@ -61,7 +61,12 @@ class _OnboardingPageState extends State<OnboardingPage> {
           Flexible(
             child: Center(
               child: Image.asset(
-                'assets/images/onboarding/onboarding1.png',
+                _fileName(
+                  context: context,
+                  path: 'assets/images/onboarding',
+                  fileExtention: 'png',
+                  fileName: 'onboarding1',
+                ),
               ),
             ),
           ),
@@ -96,13 +101,23 @@ class _OnboardingPageState extends State<OnboardingPage> {
           SizedBox(height: 20),
           Center(
             child: Image.asset(
-              'assets/images/onboarding/logos_line.png',
+              _fileName(
+                context: context,
+                path: 'assets/images/onboarding',
+                fileExtention: 'png',
+                fileName: 'logos_line',
+              ),
             ),
           ),
           Flexible(
             child: Center(
               child: Image.asset(
-                'assets/images/onboarding/onboarding2.png',
+                _fileName(
+                  context: context,
+                  path: 'assets/images/onboarding',
+                  fileExtention: 'png',
+                  fileName: 'onboarding2',
+                ),
               ),
             ),
           ),
@@ -120,3 +135,14 @@ class _OnboardingPageState extends State<OnboardingPage> {
     );
   }
 }
+
+String _fileName({
+  @required BuildContext context,
+  @required String path,
+  @required String fileName,
+  @required String fileExtention,
+}) {
+  var theme = Theme.of(context);
+  var isDark = theme.brightness == Brightness.dark;
+  return '$path/$fileName${isDark ? '-dark' : '-light'}.$fileExtention';
+}