diff --git a/android/app/capacitor.build.gradle b/android/app/capacitor.build.gradle
index cbc4b9f..f8637d2 100644
--- a/android/app/capacitor.build.gradle
+++ b/android/app/capacitor.build.gradle
@@ -11,6 +11,7 @@ apply from: "../capacitor-cordova-android-plugins/cordova.variables.gradle"
 dependencies {
     implementation project(':capacitor-dialog')
     implementation project(':capacitor-haptics')
+    implementation project(':capacitor-status-bar')
 
 }
 
diff --git a/android/capacitor.settings.gradle b/android/capacitor.settings.gradle
index 44b8c09..b9a140e 100644
--- a/android/capacitor.settings.gradle
+++ b/android/capacitor.settings.gradle
@@ -7,3 +7,6 @@ project(':capacitor-dialog').projectDir = new File('../node_modules/@capacitor/d
 
 include ':capacitor-haptics'
 project(':capacitor-haptics').projectDir = new File('../node_modules/@capacitor/haptics/android')
+
+include ':capacitor-status-bar'
+project(':capacitor-status-bar').projectDir = new File('../node_modules/@capacitor/status-bar/android')
diff --git a/ios/App/Podfile b/ios/App/Podfile
index 2116278..ea1787d 100644
--- a/ios/App/Podfile
+++ b/ios/App/Podfile
@@ -13,6 +13,7 @@ def capacitor_pods
   pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'
   pod 'CapacitorDialog', :path => '../../node_modules/@capacitor/dialog'
   pod 'CapacitorHaptics', :path => '../../node_modules/@capacitor/haptics'
+  pod 'CapacitorStatusBar', :path => '../../node_modules/@capacitor/status-bar'
 end
 
 target 'App' do
diff --git a/ios/App/Podfile.lock b/ios/App/Podfile.lock
index 1e61be7..41f0cb8 100644
--- a/ios/App/Podfile.lock
+++ b/ios/App/Podfile.lock
@@ -6,12 +6,15 @@ PODS:
     - Capacitor
   - CapacitorHaptics (5.0.2):
     - Capacitor
+  - CapacitorStatusBar (5.0.2):
+    - Capacitor
 
 DEPENDENCIES:
   - "Capacitor (from `../../node_modules/@capacitor/ios`)"
   - "CapacitorCordova (from `../../node_modules/@capacitor/ios`)"
   - "CapacitorDialog (from `../../node_modules/@capacitor/dialog`)"
   - "CapacitorHaptics (from `../../node_modules/@capacitor/haptics`)"
+  - "CapacitorStatusBar (from `../../node_modules/@capacitor/status-bar`)"
 
 EXTERNAL SOURCES:
   Capacitor:
@@ -22,13 +25,16 @@ EXTERNAL SOURCES:
     :path: "../../node_modules/@capacitor/dialog"
   CapacitorHaptics:
     :path: "../../node_modules/@capacitor/haptics"
+  CapacitorStatusBar:
+    :path: "../../node_modules/@capacitor/status-bar"
 
 SPEC CHECKSUMS:
   Capacitor: d3d4463573438b9fa65326d1f3549da6f4c21634
   CapacitorCordova: b1fe6bf1f36974a8e4a9044b342d22d49c0996d6
   CapacitorDialog: 01c49f7f4b37e7ad59e38fd317a6e5f006f23cdc
   CapacitorHaptics: 864585542a435bd41eaabf7f30d9ff5ec03024d3
+  CapacitorStatusBar: 48f2899f6846cc7d8431b251ebfc58e1c10e3d58
 
-PODFILE CHECKSUM: d982dafd697143dbc70f4398fd44331431a93cd6
+PODFILE CHECKSUM: ff860e33eb8ae1ae6b61d80c17c53ef471a81cdc
 
 COCOAPODS: 1.12.1
diff --git a/package-lock.json b/package-lock.json
index e606a8e..8c89d98 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@capacitor/dialog": "^5.0.2",
         "@capacitor/haptics": "^5.0.2",
         "@capacitor/ios": "^5.0.4",
+        "@capacitor/status-bar": "^5.0.2",
         "@ckeditor/ckeditor5-autoformat": "^37.1.0",
         "@ckeditor/ckeditor5-basic-styles": "^37.1.0",
         "@ckeditor/ckeditor5-editor-balloon": "^37.1.0",
@@ -292,6 +293,14 @@
         "@capacitor/core": "^5.0.0"
       }
     },
+    "node_modules/@capacitor/status-bar": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@capacitor/status-bar/-/status-bar-5.0.2.tgz",
+      "integrity": "sha512-5emXUQzx9WnQHnxzapghrqm8P80z7IPLM83PTsfN+NOkm3uw3ZOxB4T7qy9NBV2Zp+GCEpr1UrNBowxV7Ami3Q==",
+      "peerDependencies": {
+        "@capacitor/core": "^5.0.0"
+      }
+    },
     "node_modules/@ckeditor/ckeditor5-autoformat": {
       "version": "37.1.0",
       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-autoformat/-/ckeditor5-autoformat-37.1.0.tgz",
@@ -13381,6 +13390,12 @@
       "integrity": "sha512-JVyggBTbHR1OWqxTRysgGKhZHDuM0AQwCIbylvEpza5X0zmaltbQxVC83abcwOKsgNJnrcuv+HUgV+LXg8Dk4Q==",
       "requires": {}
     },
+    "@capacitor/status-bar": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@capacitor/status-bar/-/status-bar-5.0.2.tgz",
+      "integrity": "sha512-5emXUQzx9WnQHnxzapghrqm8P80z7IPLM83PTsfN+NOkm3uw3ZOxB4T7qy9NBV2Zp+GCEpr1UrNBowxV7Ami3Q==",
+      "requires": {}
+    },
     "@ckeditor/ckeditor5-autoformat": {
       "version": "37.1.0",
       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-autoformat/-/ckeditor5-autoformat-37.1.0.tgz",
diff --git a/package.json b/package.json
index a8c0d48..4228a43 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "@capacitor/dialog": "^5.0.2",
     "@capacitor/haptics": "^5.0.2",
     "@capacitor/ios": "^5.0.4",
+    "@capacitor/status-bar": "^5.0.2",
     "@ckeditor/ckeditor5-autoformat": "^37.1.0",
     "@ckeditor/ckeditor5-basic-styles": "^37.1.0",
     "@ckeditor/ckeditor5-editor-balloon": "^37.1.0",
diff --git a/src/main.ts b/src/main.ts
index cc13162..bdee328 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,6 +4,9 @@ import '@fortawesome/fontawesome-free/css/all.min.css'
 import App from './App.vue'
 import { usePreferredDark, useFavicon } from '@vueuse/core'
 import { initializeFirebase } from '@/composables/useFirebase'
+import { StatusBar, Style } from '@capacitor/status-bar'
+
+StatusBar.setStyle({ style: Style.Dark })
 
 initializeFirebase()