diff --git a/static/404.html b/static/404.html
index 99c2339be..21d60226f 100644
--- a/static/404.html
+++ b/static/404.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="shortcut icon" id="tab-favicon" href="/favicon.png" />
     <title id="tab-title">Home</title>
-    <link rel="stylesheet" href="/assets/css/global.css" />
+    <link rel="stylesheet" href="/assets/css/global.css?v=2" />
     <link rel="stylesheet" href="/assets/css/error.css" />
     <link rel="stylesheet" href="/assets/css/nav.css" />
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
@@ -26,7 +26,7 @@ <h3>Page not found.</h3>
   <script src="/assets/scripts/i.js?V=42"></script>
   <script src="/assets/-/bundle.js?v=5-5-2024"></script>
   <script src="/assets/-/config.js?v=5-5-2024"></script>
-  <script src="/assets/scripts/m.js?v=78"></script>
+  <script src="/assets/scripts/m.js?v=80"></script>
   <div>
     <script type="text/javascript" src="//alleygoat.com/5e/6b/27/5e6b2776400180cc548a7dfd8ab3f717.js"></script>
   </div>
diff --git a/static/apps.html b/static/apps.html
index 0e833f249..b4eca2a38 100644
--- a/static/apps.html
+++ b/static/apps.html
@@ -10,10 +10,10 @@
     <script src="./assets/-/bundle.js?v=5-5-2024"></script>
     <script src="./assets/-/config.js?v=5-5-2024"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="/assets/css/global.css" />
+    <link rel="stylesheet" href="/assets/css/global.css?v=2" />
     <link rel="stylesheet" href="/assets/css/container.css" />
     <link rel="stylesheet" href="/assets/css/nav.css" />
-    <script src="/assets/scripts/m.js?v=78"></script>
+    <script src="/assets/scripts/m.js?v=80"></script>
     <script src="/assets/scripts/i.js?V=42"></script>
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
   </head>
@@ -39,7 +39,7 @@
     <div class="pinned-apps"></div>
     <div class="container-apps"></div>
     <script src="assets/scripts/ap.js?v=116"></script>
-    <script src="/assets/scripts/m.js?v=78"></script>
+    <script src="/assets/scripts/m.js?v=80"></script>
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-WKJQ5QHQTJ"></script>
     <!-- DO NOT REMOVE-->
     <script>
diff --git a/static/assets/css/global.css b/static/assets/css/global.css
index 2c263a2aa..b29c42fcb 100644
--- a/static/assets/css/global.css
+++ b/static/assets/css/global.css
@@ -14,6 +14,7 @@
   --background-accent: #444; /* Accent Color for Tabs */
   --background-slider: #4caf50; /* Active Slider Background Color */
   --slider-accent: #ccc; /*  Slider Background Color */
+  --nav-image: url("/./assets/media/favicon/main.png"); /* Nav Logo */
   /* Text Variables */
   --text-primary: #fff; /* Primary Text Color */
   --text-dark: #555; /* Dark Text Color for Error Page, Scrollbar, and Particles */
diff --git a/static/assets/css/themes/colors/inverted.css b/static/assets/css/themes/colors/inverted.css
new file mode 100644
index 000000000..5a54c0034
--- /dev/null
+++ b/static/assets/css/themes/colors/inverted.css
@@ -0,0 +1,21 @@
+:root {
+  /* Background Variables */
+  --background-image: url("/./assets/media/background/full-inverted.png"); /* Background Image */
+  --backdrop-filter: blur(10px) brightness(80%); /* Nav Backdrop filter */
+  --background-nav: rgba(0, 0, 0, 0.02); /* Nav Background */
+  --background-color: #ddd; /* Main Background Color */
+  --background-input: #cccccc; /* Input Field Background Color */
+  --background-column: #cacaca; /* Background for Apps Container */
+  --background-settings: #d5d5d5; /* Settings Card Background */
+  --background-buttons: #ccc; /* Button Background Color */
+  --background-accent: #bbb; /* Accent Color for Tabs */
+  --background-slider: #b3b0af; /* Active Slider Background Color */
+  --slider-accent: #333; /* Slider Background Color */
+  --nav-image: url("/./assets/media/favicon/main-inverted.png"); /* Nav Logo */
+  /* Text Variables */
+  --text-primary: #000; /* Primary Text Color */
+  --text-dark: #aaa; /* Dark Text Color for Error Page, Scrollbar, and Particles */
+  --text-placeholder: #555; /* Placeholder Text Color */
+  /* Other Variables */
+  --tab-hover: #9391,8; /* Tab Color on Hover */
+}
diff --git a/static/assets/media/background/full-inverted.png b/static/assets/media/background/full-inverted.png
new file mode 100644
index 000000000..4235a657c
Binary files /dev/null and b/static/assets/media/background/full-inverted.png differ
diff --git a/static/assets/media/background/full2.png b/static/assets/media/background/full-main.png
similarity index 100%
rename from static/assets/media/background/full2.png
rename to static/assets/media/background/full-main.png
diff --git a/static/assets/media/favicon/main-inverted.png b/static/assets/media/favicon/main-inverted.png
new file mode 100644
index 000000000..20c3bef6a
Binary files /dev/null and b/static/assets/media/favicon/main-inverted.png differ
diff --git a/static/assets/media/favicon/main_inverted.png b/static/assets/media/favicon/main_inverted.png
deleted file mode 100644
index b9f2daf1e..000000000
Binary files a/static/assets/media/favicon/main_inverted.png and /dev/null differ
diff --git a/static/assets/scripts/m.js b/static/assets/scripts/m.js
index 4caf00eac..f5fcf9b54 100644
--- a/static/assets/scripts/m.js
+++ b/static/assets/scripts/m.js
@@ -68,9 +68,17 @@ document.addEventListener("DOMContentLoaded", function () {
 var nav = document.querySelector(".fixed-nav-bar")
 
 if (nav) {
+  var themeId = localStorage.getItem("theme")
+  var LogoUrl = "/assets/media/favicon/main.png"
+  var LogoUrl
+  if (themeId === "Inverted") {
+    LogoUrl = "/assets/media/favicon/main-inverted.png"
+  } else {
+    LogoUrl = LogoUrl
+  }
   var html = `
     <div class="fixed-nav-bar-container">
-      <a class="icon" href="/./"><img alt="nav" id="INImg" src="/assets/media/favicon/main.png"/></a>
+      <a class="icon" href="/./"><img alt="nav" id="INImg" src="${LogoUrl}"/></a>
     </div>
     <div class="fixed-nav-bar-right">
       <a class="navbar-link" href="/./gm"><i class="fa-solid fa-gamepad navbar-icon"></i><an>Ga</an><an>mes</an></a>
@@ -101,6 +109,9 @@ if (themeid == "catppuccinFrappe") {
 if (themeid == "catppuccinLatte") {
   themeEle.href = "/assets/css/themes/catppuccin/latte.css?v=1"
   document.body.appendChild(themeEle)
+} if (themeid == "Inverted") {
+  themeEle.href = "/assets/css/themes/colors/inverted.css?v=1"
+  document.body.appendChild(themeEle)
 } else {
   var customThemeEle = document.createElement("style")
   customThemeEle.textContent = localStorage.getItem("theme-" + themeid)
diff --git a/static/assets/scripts/s.js b/static/assets/scripts/s.js
index 4ee4122b5..1b5c17671 100644
--- a/static/assets/scripts/s.js
+++ b/static/assets/scripts/s.js
@@ -280,6 +280,7 @@ function newCustomTheme() {
     themeName == "catppuccinMacchiato" ||
     themeName == "catppuccinFrappe" ||
     themeName == "catppuccinLatte" ||
+    themeName == "Inverted" ||
     themeName == "d"
   ) {
     alert("This theme name cannot be used.")
@@ -346,7 +347,7 @@ if (themeId == "") {
   themeId = "d"
 }
 
-if (themeId == "catppuccinMocha" || themeId == "catppuccinMacchiato" || themeId == "catppuccinFrappe" || themeId == "catppuccinLatte" || themeId == "d") {
+if (themeId == "catppuccinMocha" || themeId == "catppuccinMacchiato" || themeId == "catppuccinFrappe" || themeId == "catppuccinLatte" || themeId == "d" || themeId == "Inverted") {
   document.getElementById("currentThemeText").textContent = "Selected Theme: Default Themes"
   document.getElementById("et").disabled = true
   document.getElementById("ext").disabled = true
diff --git a/static/games.html b/static/games.html
index 1a4930b8b..2b8f37d5d 100644
--- a/static/games.html
+++ b/static/games.html
@@ -8,7 +8,7 @@
     <link rel="shortcut icon" id="tab-favicon" href="favicon.png" />
     <title id="tab-title">Home</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="/assets/css/global.css" />
+    <link rel="stylesheet" href="/assets/css/global.css?v=2" />
     <link rel="stylesheet" href="/assets/css/container.css" />
     <link rel="stylesheet" href="/assets/css/nav.css" />
     <script src="/assets/scripts/i.js?V=42"></script>
@@ -33,7 +33,7 @@
     <script src="./assets/-/bundle.js?v=5-5-2024"></script>
     <script src="./assets/-/config.js?v=5-5-2024"></script>
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
-    <script src="/assets/scripts/m.js?v=78"></script>
+    <script src="/assets/scripts/m.js?v=80"></script>
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-WKJQ5QHQTJ"></script>
     <!-- DO NOT REMOVE-->
     <script>
diff --git a/static/index.html b/static/index.html
index e0d993a54..17effa72d 100644
--- a/static/index.html
+++ b/static/index.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="shortcut icon" id="tab-favicon" href="favicon.png" />
     <title id="tab-title">Home</title>
-    <link rel="stylesheet" href="/assets/css/global.css" />
+    <link rel="stylesheet" href="/assets/css/global.css?v=2" />
     <link rel="stylesheet" href="/assets/css/home.css" />
     <link rel="stylesheet" href="/assets/css/nav.css" />
   </head>
@@ -30,7 +30,7 @@ <h1 class="title"><an>Inter</an>stellar</h1>
     <script src="./assets/-/bundle.js?v=5-5-2024"></script>
     <script src="./assets/-/config.js?v=5-5-2024"></script>
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
-    <script src="/assets/scripts/m.js?v=78"></script>
+    <script src="/assets/scripts/m.js?v=80"></script>
     <!-- DO NOT REMOVE-->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-WKJQ5QHQTJ"></script>
     <script>
diff --git a/static/privacy.html b/static/privacy.html
index c6c2f7f1f..ac952d6dd 100644
--- a/static/privacy.html
+++ b/static/privacy.html
@@ -8,7 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="shortcut icon" id="tab-favicon" href="favicon.png" />
     <title id="tab-title">Home</title>
-    <link rel="stylesheet" href="/assets/css/global.css" />
+    <link rel="stylesheet" href="/assets/css/global.css?v=2" />
     <link rel="stylesheet" href="/assets/css/nav.css" />
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
   </head>
@@ -57,7 +57,7 @@ <h3>Privacy Policy</h3>
         <!--some day we gotta add it-->
       </div>
     </div>
-    <script src="/assets/scripts/m.js?v=78"></script>
+    <script src="/assets/scripts/m.js?v=80"></script>
     <!-- DO NOT REMOVE-->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-WKJQ5QHQTJ"></script>
     <script>
diff --git a/static/settings.html b/static/settings.html
index 4cba278a7..7bc498574 100644
--- a/static/settings.html
+++ b/static/settings.html
@@ -8,7 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="shortcut icon" id="tab-favicon" href="favicon.png" />
     <title id="tab-title">Home</title>
-    <link rel="stylesheet" href="/assets/css/global.css" />
+    <link rel="stylesheet" href="/assets/css/global.css?v=2" />
     <link rel="stylesheet" href="/assets/css/container.css" />
     <link rel="stylesheet" href="/assets/css/nav.css" />
     <link rel="stylesheet" href="/assets/css/settings.css" />
@@ -151,6 +151,7 @@ <h3>Themes!</h3>
           <select placeholder="Solid Color Themes" id="dropdown" class="td" onchange="themeChange(this)">
             <option disabled selected>Solid Color Themes</option>
             <option value="d">Default</option>
+            <option value="Inverted">Inverted</option>
             <option disabled selected>Catppuccin Themes</option>
             <option value="catppuccinMocha">Mocha</option>
             <option value="catppuccinMacchiato">Macchiato</option>
@@ -170,8 +171,8 @@ <h3>Custom Themes</h3>
         </div>
         <div class="settings-card">
           <h3>Information</h3>
-          <p>Version: 5.2.3</p>
-          <p id="last-updated">Last Updated: June 2nd, 2024</p>
+          <p>Version: 5.2.4</p>
+          <p id="last-updated">Last Updated: June 8th, 2024</p>
           <!--<p>Privacy Policy</p>
           <p>Terms of Service</p>
           <p>Cookie Policy</p> --->
@@ -182,8 +183,8 @@ <h3>Information</h3>
         </div>
       </div>
     </div>
-    <script src="/assets/scripts/m.js?v=78"></script>
-    <script src="/assets/scripts/s.js?v=46"></script>
+    <script src="/assets/scripts/m.js?v=80"></script>
+    <script src="/assets/scripts/s.js?v=48"></script>
     <!-- DO NOT REMOVE-->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-WKJQ5QHQTJ"></script>
     <script>
diff --git a/static/tabs.html b/static/tabs.html
index 73345cca6..b2f0f0718 100644
--- a/static/tabs.html
+++ b/static/tabs.html
@@ -8,7 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="shortcut icon" id="tab-favicon" href="favicon.png" />
     <title id="tab-title">Home</title>
-    <link rel="stylesheet" href="/assets/css/global.css" />
+    <link rel="stylesheet" href="/assets/css/global.css?v=2" />
     <link rel="stylesheet" href="/assets/css/tabs.css" />
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
     <script>
@@ -59,7 +59,7 @@
     <script src="assets/scripts/ta.js?v=54"></script>
     <script src="./assets/-/bundle.js?v=5-5-2024"></script>
     <script src="./assets/-/config.js?v=5-5-2024"></script>
-    <script src="/assets/scripts/m.js?v=78"></script>
+    <script src="/assets/scripts/m.js?v=80"></script>
     <!-- DO NOT REMOVE-->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-WKJQ5QHQTJ"></script>
     <script>
diff --git a/static/tools.html b/static/tools.html
index 1bb724914..5700bbcbf 100644
--- a/static/tools.html
+++ b/static/tools.html
@@ -10,10 +10,10 @@
     <script src="./assets/-/bundle.js?v=5-5-2024"></script>
     <script src="./assets/-/config.js?v=5-5-2024"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="/assets/css/global.css" />
+    <link rel="stylesheet" href="/assets/css/global.css?v=2" />
     <link rel="stylesheet" href="/assets/css/container.css" />
     <link rel="stylesheet" href="/assets/css/nav.css" />
-    <script src="/assets/scripts/m.js?v=78"></script>
+    <script src="/assets/scripts/m.js?v=80"></script>
     <script src="/assets/scripts/i.js?V=42"></script>
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
   </head>
@@ -36,7 +36,7 @@
     <div class="pinned-apps"></div>
     <div class="container-apps"></div>
     <script src="assets/scripts/ap.js?v=116"></script>
-    <script src="/assets/scripts/m.js?v=78"></script>
+    <script src="/assets/scripts/m.js?v=80"></script>
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-WKJQ5QHQTJ"></script>
     <!-- DO NOT REMOVE-->
     <script>
diff --git a/static/tos.html b/static/tos.html
index ef818341c..7600c4aff 100644
--- a/static/tos.html
+++ b/static/tos.html
@@ -8,7 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="shortcut icon" id="tab-favicon" href="favicon.png" />
     <title id="tab-title">Home</title>
-    <link rel="stylesheet" href="/assets/css/global.css" />
+    <link rel="stylesheet" href="/assets/css/global.css?v=2" />
     <link rel="stylesheet" href="/assets/css/nav.css" />
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
 
@@ -281,7 +281,7 @@ <h2>Section 8: Supporters ❤</h2>
     <h2>Last Updated</h2>
     <p>April 25, 2024 - Made some clauses easier to read and understand.</p>
     <p>April 12, 2024 - Privacy Policy & ToS created.</p>
-    <script src="/assets/scripts/m.js?v=78"></script>
+    <script src="/assets/scripts/m.js?v=80"></script>
     <!-- DO NOT REMOVE-->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-WKJQ5QHQTJ"></script>
     <script>