Color the app statusbar

Author: Correct-Syntax

lib/ui/views/reader/reader_view.dart

@@ -124,6 +124,10 @@ class ReaderView extends StackedView<ReaderViewModel> {
                     color: context.theme.appColors.divider,
                   ),
                 ),
+              if (!viewModel.showSecondaryArea)
+                SizedBox(
+                  height: MediaQuery.of(context).viewPadding.top,
+                ),
               Expanded(
                 child: Padding(
                   padding: const EdgeInsets.symmetric(horizontal: 24.0),

lib/ui/views/reader/reader_viewmodel.dart

@@ -1,5 +1,6 @@
 import 'dart:developer';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
 import 'package:linked_scroll_controller/linked_scroll_controller.dart';
 import 'package:stacked/stacked.dart';
@@ -9,6 +10,7 @@ import '../../../app/app.locator.dart';
 import '../../../app/app.router.dart';
 import '../../../common/enums.dart';
 import '../../../common/oet_rv_section_start_end.dart';
+import '../../../common/themes.dart';
 import '../../../services/bibles_service.dart';
 import '../../../services/reader_service.dart';
 import '../../../services/settings_service.dart';
@@ -63,6 +65,11 @@ class ReaderViewModel extends ReactiveViewModel {
   int currentPage = 0;
 
   void initilize() async {
+    // Color the statusbar
+    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
+      statusBarColor: context.theme.appColors.appbarBackground,
+    ));
+
     if (linkReaderAreaScrolling == true) {
       areasParentController = LinkedScrollControllerGroup();
       primaryAreaController = areasParentController.addAndGet();