diff --git a/resources/landing-page/css/custom.css b/resources/landing-page/css/custom.css
index 7a737bc8..a2f04186 100644
--- a/resources/landing-page/css/custom.css
+++ b/resources/landing-page/css/custom.css
@@ -73,7 +73,15 @@ section {
         background-color: rgba(0, 0, 0, 0.9);
     }
 }
+#mainNav .navbar-nav .nav-item .nav-link {
+    color: var(--label-text-color);
+  }
 
+#mainNav .navbar-nav .nav-item .nav-link:hover,
+#mainNav .navbar-nav .nav-item .nav-link:active {
+    color: var(--label-text-color);
+    opacity: .8;
+}
 @media (min-width: 992px) {
     #mainNav {
         box-shadow: none;
@@ -127,10 +135,6 @@ section {
     }
 }
 
-#mainNav .navbar-nav .nav-item .nav-link:hover,
-#mainNav .navbar-nav .nav-item .nav-link:active {
-    color: var(--text-hover);
-}
 
 #mainNav .navbar-nav .nav-item .nav-link.active {
     color: var(--link-color-hover) !important;
diff --git a/resources/landing-page/css/styles.css b/resources/landing-page/css/styles.css
index 50c9f91c..a9a30227 100644
--- a/resources/landing-page/css/styles.css
+++ b/resources/landing-page/css/styles.css
@@ -11006,7 +11006,7 @@ hr.light {
 }
 
 #mainNav .navbar-nav .nav-item .nav-link {
-  color: #6c757d;
+  color: var(--label-text-color);
   font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-weight: 700;
   font-size: 0.9rem;
diff --git a/resources/landing-page/js/scripts.js b/resources/landing-page/js/scripts.js
index b11cd4ad..80b17ab0 100644
--- a/resources/landing-page/js/scripts.js
+++ b/resources/landing-page/js/scripts.js
@@ -69,7 +69,7 @@ function injectTheme(theme,container="head") {
   var themeOptions;
 
   function addThemeData() {
-  let themeJsonUrl = "/themes.json"
+  let themeJsonUrl = "themes.json"
   fetch(themeJsonUrl)
   .then(response =>  response.json())
   .then(json => {