fix: style fixes for theme switcher

Author: ReenigneArcher

gh-pages-template/assets/js/item_loader.js

@@ -189,11 +189,11 @@ $(document).ready(function(){
                     banner_link.append(banner)
 
                     let card_body = document.createElement("div")
-                    card_body.className = "card-body text-white p-4 rounded-0"
+                    card_body.className = "card-body p-4 rounded-0"
                     card.appendChild(card_body)
 
                     let card_title_link = document.createElement("a")
-                    card_title_link.className = "text-decoration-none link-light"
+                    card_title_link.className = "text-decoration-none project-card-link"
                     card_title_link.href = sorted[item]['url']
                     card_title_link.target = "_blank"
                     card_body.appendChild(card_title_link)
@@ -297,7 +297,7 @@ $(document).ready(function(){
                         let see_less = document.createElement("a")
 
                         // populate see more/less links
-                        see_more.className = "link-light"
+                        see_more.className = "project-nav-link"
                         see_more.onclick = function() {
                             card_paragraph.textContent = summary[1]
                             see_more.classList.add("d-none")
@@ -306,7 +306,7 @@ $(document).ready(function(){
                         see_more.textContent = "See more"
                         card_paragraph_div.appendChild(see_more)
 
-                        see_less.className = "link-light d-none"
+                        see_less.className = "project-nav-link d-none"
                         see_less.onclick = function() {
                             card_paragraph.textContent = summary[0]
                             see_less.classList.add("d-none")

gh-pages-template/index.html

@@ -45,7 +45,7 @@
         <section class="py-5 offset-anchor" id="Platforms">
             <div class="row gx-5 justify-content-center">
                 <div class="col-lg-8 col-xl-6">
-                    <div class="text-center text-white">
+                    <div class="text-center">
                         <h2 class="fw-bolder">Platforms</h2>
                     </div>
                 </div>