diff --git a/.github/screen.png b/.github/screen.png
new file mode 100644
index 0000000..5da8209
--- /dev/null
+++ b/.github/screen.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f7640f41c4af53e42714580c7a0a4743d3536adf023baee0a42345ba4189ed2d
+size 286964
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..8aa1b1e
--- /dev/null
+++ b/README.md
@@ -0,0 +1,9 @@
+# GPS Info
+
+This is a demo app built for CapacitorJS. It's a simple GPS tracker that works in the browser and on both mobile platforms.
+
+It's inspired by [GPS Data](https://apps.apple.com/app/id1076838348).
+
+## Screen
+
+![Screenshot](./.github/screen.png)
diff --git a/android/app/capacitor.build.gradle b/android/app/capacitor.build.gradle
index 14fa260..8da527d 100644
--- a/android/app/capacitor.build.gradle
+++ b/android/app/capacitor.build.gradle
@@ -13,6 +13,7 @@ dependencies {
     implementation project(':capacitor-clipboard')
     implementation project(':capacitor-geolocation')
     implementation project(':capacitor-preferences')
+    implementation project(':capacitor-status-bar')
 
 }
 
diff --git a/android/capacitor.settings.gradle b/android/capacitor.settings.gradle
index 46635d7..dc0b125 100644
--- a/android/capacitor.settings.gradle
+++ b/android/capacitor.settings.gradle
@@ -13,3 +13,6 @@ project(':capacitor-geolocation').projectDir = new File('../node_modules/.pnpm/@
 
 include ':capacitor-preferences'
 project(':capacitor-preferences').projectDir = new File('../node_modules/.pnpm/@capacitor+preferences@4.0.2_@capacitor+core@4.6.1/node_modules/@capacitor/preferences/android')
+
+include ':capacitor-status-bar'
+project(':capacitor-status-bar').projectDir = new File('../node_modules/.pnpm/@capacitor+status-bar@4.1.1_@capacitor+core@4.6.1/node_modules/@capacitor/status-bar/android')
diff --git a/capacitor.config.ts b/capacitor.config.ts
index be9aa7f..b94d599 100644
--- a/capacitor.config.ts
+++ b/capacitor.config.ts
@@ -4,6 +4,7 @@ const config: CapacitorConfig = {
   appId: 'io.nicco.app.gps',
   appName: 'GPS Info',
   webDir: 'build',
+  backgroundColor: '#180b2e',
   bundledWebRuntime: false,
   // server: {
   //   url: 'http://127.0.0.1:5173',
diff --git a/ios/App/Podfile b/ios/App/Podfile
index 2444e88..f61472c 100644
--- a/ios/App/Podfile
+++ b/ios/App/Podfile
@@ -15,6 +15,7 @@ def capacitor_pods
   pod 'CapacitorClipboard', :path => '../../node_modules/.pnpm/@capacitor+clipboard@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/clipboard'
   pod 'CapacitorGeolocation', :path => '../../node_modules/.pnpm/@capacitor+geolocation@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/geolocation'
   pod 'CapacitorPreferences', :path => '../../node_modules/.pnpm/@capacitor+preferences@4.0.2_@capacitor+core@4.6.1/node_modules/@capacitor/preferences'
+  pod 'CapacitorStatusBar', :path => '../../node_modules/.pnpm/@capacitor+status-bar@4.1.1_@capacitor+core@4.6.1/node_modules/@capacitor/status-bar'
 end
 
 target 'App' do
diff --git a/package.json b/package.json
index 862108c..6d5d86d 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,7 @@
     "@capacitor/core": "^4.6.1",
     "@capacitor/geolocation": "^4.1.0",
     "@capacitor/ios": "^4.6.1",
-    "@capacitor/preferences": "^4.0.2"
+    "@capacitor/preferences": "^4.0.2",
+    "@capacitor/status-bar": "^4.1.1"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f292c56..4fa157c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,6 +9,7 @@ specifiers:
   '@capacitor/geolocation': ^4.1.0
   '@capacitor/ios': ^4.6.1
   '@capacitor/preferences': ^4.0.2
+  '@capacitor/status-bar': ^4.1.1
   '@sveltejs/adapter-auto': ^1.0.0
   '@sveltejs/adapter-static': ^1.0.1
   '@sveltejs/kit': ^1.0.7
@@ -31,6 +32,7 @@ dependencies:
   '@capacitor/geolocation': 4.1.0_@capacitor+core@4.6.1
   '@capacitor/ios': 4.6.1_@capacitor+core@4.6.1
   '@capacitor/preferences': 4.0.2_@capacitor+core@4.6.1
+  '@capacitor/status-bar': 4.1.1_@capacitor+core@4.6.1
 
 devDependencies:
   '@capacitor/cli': 4.6.1
@@ -130,6 +132,14 @@ packages:
       '@capacitor/core': 4.6.1
     dev: false
 
+  /@capacitor/status-bar/4.1.1_@capacitor+core@4.6.1:
+    resolution: {integrity: sha512-3wosxMD1XuIFz88+c2GdVEHSJV6u7suOeKQjyWf3zf9eFr622Sg+udZqDbC0dtTWXw97BWyCjv3r1EYJw7XnIA==}
+    peerDependencies:
+      '@capacitor/core': ^4.0.0
+    dependencies:
+      '@capacitor/core': 4.6.1
+    dev: false
+
   /@esbuild/android-arm/0.16.15:
     resolution: {integrity: sha512-JsJtmadyWcR+DEtHLixM7bAQsfi1s0Xotv9kVOoXbCLyhKPOHvMEyh3kJBuTbCPSE4c2jQkQVmarwc9Mg9k3bA==}
     engines: {node: '>=12'}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index fd47908..b15736f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,6 +1,10 @@
 <script lang="ts">
+  import { StatusBar, Style } from '@capacitor/status-bar'
+
   import '../app.css'
   import '../fonts.css'
+
+  StatusBar.setStyle({ style: Style.Dark })
 </script>
 
 <div class="px-8 py-16">