diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php
index 76519f4..21a501a 100644
--- a/resources/views/layouts/admin.blade.php
+++ b/resources/views/layouts/admin.blade.php
@@ -8,13 +8,13 @@
     <meta content="ARCHBLOX is a work in progress 2012 ROBLOX revival with a heavy emphasis on Skeuomorphic UI." property="og:description" />
     <meta content="https://archblox.com" property="og:url" />
     <meta content="https://archblox.com/img/MORBLOXlogo.png" property="og:image" />
-    <meta content="#4b4b4b" data-react-helmet="true" name="theme-color" />
+    <meta content="#333" data-react-helmet="true" name="theme-color" />
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
     <link rel="apple-touch-icon" href="{{ asset('img/MORBLOX.png') }}" />
     <link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
     <link href="{{ asset('css/app.css?id=e5Az527Gb1') }}" rel="stylesheet">
     <link href="/css/NewAdminCSS.css" rel="stylesheet">
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 775f773..6950d72 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -8,36 +8,39 @@
     @yield('descdiscord')
     <meta content="https://archblox.com" property="og:url" />
     <meta content="https://archblox.com/img/MORBLOXlogo.png" property="og:image" />
-    <meta content="#4b4b4b" data-react-helmet="true" name="theme-color" />
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
     <link rel="apple-touch-icon" href="{{ asset('img/MORBLOX.png') }}" />
     <link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
     <script src="{{ asset('js/main.js?id=' . Str::random(8)) }}"></script>
     @auth
     @switch (Auth::user()->settings->theme)
     @case(5)
+    <meta content="#3690df" data-react-helmet="true" name="theme-color" />
     <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
     <link href="{{ asset('css/appdark.css?id=' . Str::random(8)) }}" rel="stylesheet">
     <link href="{{ asset('css/classicappdark.css?id=' . Str::random(8)) }}" rel="stylesheet">
     @break
     @case(4)
+    <meta content="#5082ed" data-react-helmet="true" name="theme-color" />
     <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
     <link href="{{ asset('css/classicapp.css?id=' . Str::random(8)) }}" rel="stylesheet">
     @break
     @case(3)
+    <meta content="#1952A6" data-react-helmet="true" name="theme-color" />
     <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
     <link href="{{ asset('css/appdark.css?id=' . Str::random(8)) }}" rel="stylesheet">
     @break
     @case(2)
+    <meta content="#0074bd" data-react-helmet="true" name="theme-color" />
     <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
     <link href="{{ asset('css/2018.css?id=' . Str::random(8)) }}" rel="stylesheet">
     @break
-
     @default
+    <meta content="#1952A6" data-react-helmet="true" name="theme-color" />
     <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
     @endswitch
     @else
@@ -52,6 +55,7 @@
             li.setAttribute('rel', rel);
             var s = document.getElementsByTagName('head')[0];
             s.appendChild(li, s);
+
             var li = document.createElement('link');
             var href = "{{ asset('css/appdark.css?id='.Str::random(8)) }}";
             var rel = 'stylesheet';
@@ -59,6 +63,16 @@
             li.setAttribute('rel', rel);
             var s = document.getElementsByTagName('head')[0];
             s.appendChild(li, s);
+
+            var li = document.createElement('meta');
+            var content = "#1952A6";
+            var datareacthelmet = 'true';
+            var name = "theme-color"
+            li.setAttribute('content', content);
+            li.setAttribute('data-react-helmet', datareacthelmet);
+            li.setAttribute('name',name)
+            var s = document.getElementsByTagName('head')[0];
+            s.appendChild(li, s);
         } else {
             var li = document.createElement('link');
             var href = "{{ asset('css/app.css?id='.Str::random(8)) }}";
@@ -67,6 +81,16 @@
             li.setAttribute('rel', rel);
             var s = document.getElementsByTagName('head')[0];
             s.appendChild(li, s);
+            
+            var li = document.createElement('meta');
+            var content = "#1952A6";
+            var datareacthelmet = 'true';
+            var name = "theme-color"
+            li.setAttribute('content', content);
+            li.setAttribute('data-react-helmet', datareacthelmet);
+            li.setAttribute('name',name)
+            var s = document.getElementsByTagName('head')[0];
+            s.appendChild(li, s);
         }
     }
     getDarkMode()
diff --git a/resources/views/layouts/ide.blade.php b/resources/views/layouts/ide.blade.php
index b417a30..b9282a6 100644
--- a/resources/views/layouts/ide.blade.php
+++ b/resources/views/layouts/ide.blade.php
@@ -14,7 +14,7 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
     <link rel="apple-touch-icon" href="{{ asset('img/MORBLOX.png') }}" />
     <link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
     <link href="{{ asset('css/app.css?id=e5Az527Gb1') }}" rel="stylesheet">
 </head>
diff --git a/resources/views/layouts/idenosidebar.blade.php b/resources/views/layouts/idenosidebar.blade.php
index 0fe8217..c1a30a7 100644
--- a/resources/views/layouts/idenosidebar.blade.php
+++ b/resources/views/layouts/idenosidebar.blade.php
@@ -14,7 +14,7 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
     <link rel="apple-touch-icon" href="{{ asset('img/MORBLOX.png') }}" />
     <link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
     <link href="{{ asset('css/app.css?id=e5Az527Gb1') }}" rel="stylesheet">
 </head>
diff --git a/resources/views/layouts/loggedout.blade.php b/resources/views/layouts/loggedout.blade.php
index d0f17cf..4dd1caa 100644
--- a/resources/views/layouts/loggedout.blade.php
+++ b/resources/views/layouts/loggedout.blade.php
@@ -69,32 +69,36 @@ $splash = array(
     @yield('descdiscord')
     <meta content="https://archblox.com" property="og:url" />
     <meta content="https://archblox.com/img/MORBLOXlogo.png" property="og:image" />
-    <meta content="#4b4b4b" data-react-helmet="true" name="theme-color" />
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
     <link rel="apple-touch-icon" href="{{ asset('img/MORBLOX.png') }}" />
     <link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
     @auth
     @switch (Auth::user()->settings->theme)
     @case(5)
+    <meta content="#011130" data-react-helmet="true" name="theme-color" />
     <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
     <link href="{{ asset('css/appdark.css?id=' . Str::random(8)) }}" rel="stylesheet">
     @break
     @case(4)
+    <meta content="#316bdf" data-react-helmet="true" name="theme-color" />
     <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
     @break
     @case(3)
+    <meta content="#011130" data-react-helmet="true" name="theme-color" />
     <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
     <link href="{{ asset('css/appdark.css?id=' . Str::random(8)) }}" rel="stylesheet">
     @break
     @case(2)
+    <meta content="#ffffff" data-react-helmet="true" name="theme-color" />
     <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
     <link href="{{ asset('css/2018.css?id=' . Str::random(8)) }}" rel="stylesheet">
     @break
     @default
+    <meta content="#316bdf" data-react-helmet="true" name="theme-color" />
     <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
     @endswitch
     @else
@@ -118,6 +122,7 @@ $splash = array(
             li.setAttribute('rel', rel);
             var s = document.getElementsByTagName('head')[0];
             s.appendChild(li, s);
+
             var li = document.createElement('link');
             var href = "{{ asset('css/appdark.css?id='.Str::random(8)) }}";
             var rel = 'stylesheet';
@@ -125,6 +130,16 @@ $splash = array(
             li.setAttribute('rel', rel);
             var s = document.getElementsByTagName('head')[0];
             s.appendChild(li, s);
+
+            var li = document.createElement('meta');
+            var content = "#011130";
+            var datareacthelmet = 'true';
+            var name = "theme-color"
+            li.setAttribute('content', content);
+            li.setAttribute('data-react-helmet', datareacthelmet);
+            li.setAttribute('name',name)
+            var s = document.getElementsByTagName('head')[0];
+            s.appendChild(li, s);
         } else {
             var li = document.createElement('link');
             var href = "{{ asset('css/app.css?id='.Str::random(8)) }}";
@@ -133,6 +148,16 @@ $splash = array(
             li.setAttribute('rel', rel);
             var s = document.getElementsByTagName('head')[0];
             s.appendChild(li, s);
+
+            var li = document.createElement('meta');
+            var content = "#316bdf";
+            var datareacthelmet = 'true';
+            var name = "theme-color"
+            li.setAttribute('content', content);
+            li.setAttribute('data-react-helmet', datareacthelmet);
+            li.setAttribute('name',name)
+            var s = document.getElementsByTagName('head')[0];
+            s.appendChild(li, s);
         }
     }
     getDarkMode()