V5.2.4 - Added Inverted Theme + Formatted

Author: xbubbo

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>

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>

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 */

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 */
+}

static/assets/media/background/full-inverted.png

@@ -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)

static/assets/media/background/full2.png …ic/assets/media/background/full-main.pngstatic/assets/media/background/full2.png renamed to static/assets/media/background/full-main.png static/assets/media/background/full2.png renamed to static/assets/media/background/full-main.png

@@ -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