diff --git a/index.html b/index.html
index cee834ff..3deacef9 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
           <div class="text-center col-12 col-md-7 col-xxl-5">
             <h1 class="display-5 text-theme-light fw-semibold ms-0 ms-sm-5">Welcome to Noroff Job Agency, where industry and eductation meets</h1>
             <div class="d-flex justify-content-center">
-              <button id="viewListingsButton" class="mt-4 m-1 btn btn-theme-primary w-50 text-theme-light p-1 fs-4">View Listings</button>
+              <button id="viewListingsButton" class="mt-4 m-1 btn btn-theme-primary w-50 text-theme-black p-1 fs-4">View Listings</button>
             </div>
           </div>
         </div>
@@ -44,7 +44,7 @@ <h2 class="d-none d-md-block fw-bold">Your direct access to Noroff's best candid
             <p><span class="fw-semibold">Find talents for your organisation.</span> Noroff Jobs offers a unique advantage over other recruitment platforms. As a platform designed, developed, and maintained by students at Noroff, it provides direct access to a talented pool of candidates with diverse skillsets, ranging from 3D design to software development and artificial intelligence.</p>
             <p>We invite you to take advantage of our platform by submitting your job listing for free. Partner with Noroff Jobs and expand your team with highly skilled and motivated individuals.</p>
             <div class="buttonContainer mx-auto mx-md-0">
-              <a href="/pages/auth/register/company/index.html" class="btn customButton btn-theme-primary text-theme-light fw-semibold p-3">Register as an organisation</a>
+              <a href="/pages/auth/register/company/index.html" class="btn customButton btn-theme-primary text-theme-black fw-semibold p-3">Register as an organisation</a>
             </div>
           </div>
         </div>
@@ -54,7 +54,7 @@ <h2 class="d-none d-md-block fw-bold">Your direct access to industry</h2>
             <p><span class="fw-semibold">Meet your next employer today.</span> Showcase your unique skill sets with Noroff Jobs. Our platform, designed by and for students, provides you with an exclusive opportunity to find your next employer. With listings from a wide variety of organisations, you can browse and discover your dream job.</p>
             <p>Whether your talents lie in software development, design or security, we want to be your partner in achieving your career goals. Join Noroff Jobs today.</p>
             <div class="buttonContainer mx-auto mx-md-0">
-              <a href="/pages/auth/register/applicant/index.html" class="btn customButton btn-theme-primary text-theme-light fw-semibold p-3">Register as a student</a>
+              <a href="/pages/auth/register/applicant/index.html" class="btn customButton btn-theme-primary text-theme-black fw-semibold p-3">Register as a student</a>
             </div>
           </div>
           <div class="col-12 col-md-4 mb-3 mb-md-0">
diff --git a/pages/auth/login/index.html b/pages/auth/login/index.html
index 3e1538ac..5dca8664 100644
--- a/pages/auth/login/index.html
+++ b/pages/auth/login/index.html
@@ -56,7 +56,7 @@ <h1 class="fw-bold">Sign in</h1>
           </div>
           <!-- Submit button -->
           <div class="d-grid my-4">
-            <button data-auth="login" type="submit" class="btn btn-theme-primary btn-lg text-light rounded-1">Log in</button>
+            <button data-auth="login" type="submit" class="btn btn-theme-primary btn-lg text-black rounded-1">Log in</button>
           </div>
           <!-- links -->
           <div class="text-center my-2 text-dark">Don't have a user?</div>
diff --git a/pages/auth/register/applicant/index.html b/pages/auth/register/applicant/index.html
index 888d59f6..28db4863 100644
--- a/pages/auth/register/applicant/index.html
+++ b/pages/auth/register/applicant/index.html
@@ -103,7 +103,7 @@ <h1 class="fw-bold">Register For Applicant</h1>
             <div class="error"></div>
           </div>
           <div class="d-grid gap-2 col-md-6 mx-auto">
-            <button class="btn btn-theme-primary btn-lg text-light rounded-1 mt-3" type="submit">Register</button>
+            <button class="btn btn-theme-primary btn-lg text-black rounded-1 mt-3" type="submit">Register</button>
             <a href="../company/index.html" class="btn text-black align-self-center text-decoration-underline" id="companyReg">Not an applicant? Register as company instead!</a>
           </div>
         </form>
@@ -125,7 +125,7 @@ <h1 class="modal-title fs-5 fw-bold" id="exampleModalLabel">Add image</h1>
                 </div>
                 <div class="modal-footer border-0">
                   <!-- There are styles for a background img ready for JS.-->
-                  <button class="btn btn-theme-primary btn-lg text-light rounded-1 w-100">Add image</button>
+                  <button class="btn btn-theme-primary btn-lg text-black rounded-1 w-100">Add image</button>
                 </div>
               </div>
             </div>
diff --git a/pages/auth/register/company/index.html b/pages/auth/register/company/index.html
index c6992a87..bca286e4 100644
--- a/pages/auth/register/company/index.html
+++ b/pages/auth/register/company/index.html
@@ -52,7 +52,7 @@ <h1 class="fw-bold">Register For companies</h1>
             <div class="error"></div>
           </div>
           <div class="d-grid gap-2 col-md-6 mx-auto">
-            <button class="btn btn-theme-primary btn-lg text-light rounded-1 mt-3" type="submit">Register</button>
+            <button class="btn btn-theme-primary btn-lg text-black rounded-1 mt-3" type="submit">Register</button>
             <a href="../applicant/index.html" class="btn text-black align-self-center text-decoration-underline" id="companyReg">Not a company? Register as an applicant instead!</a>
           </div>
         </form>
diff --git a/pages/listings/index.html b/pages/listings/index.html
index f2a8c601..14e3ecbf 100644
--- a/pages/listings/index.html
+++ b/pages/listings/index.html
@@ -61,7 +61,7 @@ <h5 class="card-title">Lorem ipsum dolor sit amet.</h5>
               <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum ducimus vitae ipsam tempore! Reiciendis soluta doloremque . . .</p>
             </div>
             <div>
-              <a href="#" class="btn btn-theme-primary text-theme-light fw-semibold p-3 m-2 w-50">View</a>
+              <a href="#" class="btn btn-theme-primary text-theme-black fw-semibold p-3 m-2 w-50">View</a>
             </div>
           </div>
           <div class="card bg-theme-light shadow col-md-5 col-sm-12 m-2">
@@ -73,7 +73,7 @@ <h5 class="card-title">Lorem ipsum dolor sit amet.</h5>
               <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum ducimus vitae ipsam tempore! Reiciendis soluta doloremque . . .</p>
             </div>
             <div>
-              <a href="#" class="btn btn-theme-primary text-theme-light fw-semibold p-3 m-2 w-50">View</a>
+              <a href="#" class="btn btn-theme-primary text-theme-black fw-semibold p-3 m-2 w-50">View</a>
             </div>
           </div>
           <div class="card bg-theme-light shadow col-md-5 col-sm-12 m-2">
@@ -85,7 +85,7 @@ <h5 class="card-title">Lorem ipsum dolor sit amet.</h5>
               <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum ducimus vitae ipsam tempore! Reiciendis soluta doloremque . . .</p>
             </div>
             <div>
-              <a href="#" class="btn btn-theme-primary text-theme-light fw-semibold p-3 m-2 w-50">View</a>
+              <a href="#" class="btn btn-theme-primary text-theme-black fw-semibold p-3 m-2 w-50">View</a>
             </div>
           </div>
           <div class="card bg-theme-light shadow col-md-5 col-sm-12 m-2">
@@ -97,7 +97,7 @@ <h5 class="card-title">Lorem ipsum dolor sit amet.</h5>
               <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum ducimus vitae ipsam tempore! Reiciendis soluta doloremque . . .</p>
             </div>
             <div>
-              <a href="#" class="btn btn-theme-primary text-theme-light fw-semibold p-3 m-2 w-50">View</a>
+              <a href="#" class="btn btn-theme-primary text-theme-black fw-semibold p-3 m-2 w-50">View</a>
             </div>
           </div>
           <!-- dummy cards ends -->
diff --git a/src/js/templates/listings/renderListings.js b/src/js/templates/listings/renderListings.js
index f43b9caa..d714896d 100644
--- a/src/js/templates/listings/renderListings.js
+++ b/src/js/templates/listings/renderListings.js
@@ -30,7 +30,7 @@ export async function renderListings() {
              <div class="d-flex flex-column flex-sm-row align-items-end justify-content-between w-100" style="font-size: .75rem">
                <span class="text-nowrap">(4) Applications</span>
                <span>dd.mm.yy</span>
-               <a href="#" class="bg-theme-primary text-theme-light px-3 text-decoration-none" style="font-size: 1rem">View</a>
+               <a href="#" class="bg-theme-primary text-theme-black px-3 text-decoration-none" style="font-size: 1rem">View</a>
              </div>
            </div>
          </div>