ios fixes added, unused theme property removed, splash screen colors changed

NUXT/components/bottomNavigation.vue

@@ -59,6 +59,7 @@ export default {
   box-shadow: none !important;
   height: 4rem !important;
   position: fixed;
+  /* bottom: env(safe-area-inset-bottom) !important; */
   bottom: 0;
   padding: 0 !important;
   z-index: 99999;

NUXT/components/topNavigation.vue

@@ -2,7 +2,7 @@
   <v-card
     style="height: 4rem !important; display: flex; box-shadow: none !important"
     color="accent"
-    class="topNav rounded-0 pa-3"
+    class="rounded-0 pa-3 topNav"
   >
     <h3 v-show="!search" class="my-auto ml-4" v-text="page" />
 
@@ -92,8 +92,9 @@ export default {
 <style scoped>
 .topNav {
   position: fixed;
-  width: 100%;
+  /* top: env(safe-area-inset-top); */
   top: 0;
+  width: 100%;
   z-index: 999;
   /*border-radius: 0 0 1em 1em !important;*/
 }

NUXT/layouts/default.vue

@@ -171,6 +171,8 @@ export default {
 }
 html,
 body {
+  /* padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important;
+  margin: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important; */
   background: black;
   overflow: hidden;
 }

NUXT/nuxt.config.js

@@ -36,7 +36,8 @@ export default {
     },
     meta: [
       { charset: "utf-8" },
-      { name: "viewport", content: "width=device-width, initial-scale=1" },
+      // { name: "viewport", content: "width=device-width, initial-scale=1" },
+      { name: "viewport", content: "width=device-width, initial-scale=1.0, viewport-fit=cover" },
       { name: "format-detection", content: "telephone=no" },
     ],
   },

NUXT/pages/index.vue

@@ -12,7 +12,7 @@
 
 <script>
 export default {
-  layout: "empty",  
+  layout: "empty",
 
   //---   Hide Splash Screen   ---//
   async beforeCreate() {

NUXT/pages/mods/theme.vue

@@ -87,7 +87,6 @@ export default {
 
   mounted() {
     this.accentColor = this.$vuetify.theme.themes.dark.primary.base;
-    this.roblox = localStorage.getItem("roblox") === "true";
   },
 
   methods: {

android/app/src/main/assets/capacitor.config.json

@@ -7,16 +7,19 @@
 		"hostname": "youtube.com",
 		"androidScheme": "https"
 	},
+	"android": {
+		"backgroundColor": "#000000"
+	},
 	"plugins": {
 		"SplashScreen": {
 			"launchShowDuration": 0,
 			"launchAutoHide": true,
-			"backgroundColor": "#111111",
+			"backgroundColor": "#000000",
 			"androidSplashResourceName": "splash",
 			"androidScaleType": "CENTER_CROP",
 			"androidSpinnerStyle": "large",
 			"iosSpinnerStyle": "small",
-			"spinnerColor": "#999999",
+			"spinnerColor": "#000000",
 			"showSpinner": false,
 			"splashFullScreen": false,
 			"splashImmersive": false

capacitor.config.json

@@ -9,16 +9,20 @@
     "androidScheme": "https"
   },
 
+  "android": {
+    "backgroundColor": "#000000"
+  },
+
   "plugins": {
     "SplashScreen": {
       "launchShowDuration": 0,
       "launchAutoHide": true,
-      "backgroundColor": "#111111",
+      "backgroundColor": "#000000",
       "androidSplashResourceName": "splash",
       "androidScaleType": "CENTER_CROP",
       "androidSpinnerStyle": "large",
       "iosSpinnerStyle": "small",
-      "spinnerColor": "#999999",
+      "spinnerColor": "#000000",
       "showSpinner": false,
       "splashFullScreen": false,
       "splashImmersive": false

ios/App/App/capacitor.config.json

@@ -7,16 +7,19 @@
 		"hostname": "youtube.com",
 		"androidScheme": "https"
 	},
+	"android": {
+		"backgroundColor": "#000000"
+	},
 	"plugins": {
 		"SplashScreen": {
 			"launchShowDuration": 0,
 			"launchAutoHide": true,
-			"backgroundColor": "#111111",
+			"backgroundColor": "#000000",
 			"androidSplashResourceName": "splash",
 			"androidScaleType": "CENTER_CROP",
 			"androidSpinnerStyle": "large",
 			"iosSpinnerStyle": "small",
-			"spinnerColor": "#999999",
+			"spinnerColor": "#000000",
 			"showSpinner": false,
 			"splashFullScreen": false,
 			"splashImmersive": false

ios/App/Podfile

@@ -9,14 +9,14 @@ install! 'cocoapods', :disable_input_output_paths => true
 def capacitor_pods
   pod 'Capacitor', :path => '../../node_modules/@capacitor/ios'
   pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'
-  pod 'CapacitorCommunityHttp', :path => '..\..\node_modules\@capacitor-community\http'
+  pod 'CapacitorCommunityHttp', :path => '../../node_modules/@capacitor-community/http'
-  pod 'CapacitorApp', :path => '..\..\node_modules\@capacitor\app'
+  pod 'CapacitorApp', :path => '../../node_modules/@capacitor/app'
-  pod 'CapacitorBrowser', :path => '..\..\node_modules\@capacitor\browser'
+  pod 'CapacitorBrowser', :path => '../../node_modules/@capacitor/browser'
-  pod 'CapacitorDevice', :path => '..\..\node_modules\@capacitor\device'
+  pod 'CapacitorDevice', :path => '../../node_modules/@capacitor/device'
-  pod 'CapacitorShare', :path => '..\..\node_modules\@capacitor\share'
+  pod 'CapacitorShare', :path => '../../node_modules/@capacitor/share'
-  pod 'CapacitorSplashScreen', :path => '..\..\node_modules\@capacitor\splash-screen'
+  pod 'CapacitorSplashScreen', :path => '../../node_modules/@capacitor/splash-screen'
-  pod 'CapacitorStatusBar', :path => '..\..\node_modules\@capacitor\status-bar'
+  pod 'CapacitorStatusBar', :path => '../../node_modules/@capacitor/status-bar'
-  pod 'HugotomaziCapacitorNavigationBar', :path => '..\..\node_modules\@hugotomazi\capacitor-navigation-bar'
+  pod 'HugotomaziCapacitorNavigationBar', :path => '../../node_modules/@hugotomazi/capacitor-navigation-bar'
 end
 
 target 'App' do