diff --git a/docs/assets/backgrounddevelop.jpg b/docs/assets/backgrounddevelop.jpg
new file mode 100644
index 000000000..730361222
Binary files /dev/null and b/docs/assets/backgrounddevelop.jpg differ
diff --git a/docs/assets/backgroundnightly.jpg b/docs/assets/backgroundnightly.jpg
new file mode 100644
index 000000000..e339ab103
Binary files /dev/null and b/docs/assets/backgroundnightly.jpg differ
diff --git a/docs/index.md b/docs/index.md
index 6bf1b6f2a..0197108c6 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,6 +1,3 @@
----
-title: Home
----
 #
 
 <style>
diff --git a/docs/stylesheets/branch.js b/docs/stylesheets/branch.js
index 21469c007..46d84a38f 100644
--- a/docs/stylesheets/branch.js
+++ b/docs/stylesheets/branch.js
@@ -1,32 +1,31 @@
-// custom.js
-
-// Function to check if the current URL contains "nightly" or "develop" and adjust styles accordingly
 function checkURLForBranch() {
   const currentURL = window.location.href;
 
-  // Helper function to update style and text
-  function updateTheme(headerColor, tabsColor, textContent) {
-    const header = document.querySelector(".md-header");
-    const tabs = document.querySelector(".md-tabs");
-    const ellipsisSpan = document.querySelector(".md-ellipsis");
+  // Select elements for background and text changes
+  const headerAndTabs = document.querySelectorAll(".md-header, .md-tabs");
+  const ellipsisSpan = document.querySelector(".md-ellipsis"); // Select ellipsisSpan
 
-    if (header && tabs) { // Check if elements exist
-      header.style.backgroundColor = headerColor;
-      tabs.style.backgroundColor = tabsColor;
-    }
+  if (headerAndTabs.length > 0) {
+    let backgroundImage = "https://raw.githubusercontent.com/Kometa-Team/Kometa/nightly/docs/assets/background.jpg";
+    let ellipsisText = ""; // Initialize ellipsisText
 
-    if (ellipsisSpan) { // Check if element exists
-      ellipsisSpan.textContent = textContent;
+    if (currentURL.includes("en/nightly")) {
+      backgroundImage = "https://raw.githubusercontent.com/Kometa-Team/Kometa/nightly/docs/assets/backgroundnightly.jpg";
+      ellipsisText = "Kometa Nightly Wiki"; // Set text for Nightly
+    } else if (currentURL.includes("en/develop")) {
+      backgroundImage = "https://raw.githubusercontent.com/Kometa-Team/Kometa/nightly/docs/assets/backgrounddevelop.jpg";
+      ellipsisText = "Kometa Develop Wiki"; // Set text for Develop
     }
-  }
 
-  // Change theme based on URL segment
-  if (currentURL.includes("en/nightly")) {
-    updateTheme("#262dbd", "#262dbd", "Kometa Nightly Wiki");
-  } else if (currentURL.includes("en/develop")) {
-    updateTheme("#ffa724", "#ffa724", "Kometa Develop Wiki");
+    headerAndTabs.forEach(element => {
+      element.style.backgroundImage = `url(${backgroundImage})`;
+    });
+
+    // Update ellipsisSpan text only if it exists
+    if (ellipsisSpan) {
+      ellipsisSpan.textContent = ellipsisText;
+    }
   }
 }
 
-// Call the function on page load
-window.addEventListener("load", checkURLForBranch);
\ No newline at end of file
+window.addEventListener("load", checkURLForBranch);