diff --git a/buy.html b/buy.html
index 964656c..47e1948 100644
--- a/buy.html
+++ b/buy.html
@@ -355,6 +355,11 @@
       font-family: Arial, sans-serif;
     }
 
+    /* dark mode */
+    .dark-mode .textLeft {
+      color: #040404;
+    }
+
   </style>
 </head>
 
@@ -367,11 +372,11 @@
       <h2>Book Your Ticket</h2>
       <form id="ticketForm">
         <div class="form-group">
-          <label for="name">Name</label>
+          <label for="name" class="textLeft">Name</label>
           <input type="text" id="name" name="name" placeholder="Enter your name" required>
         </div>
         <div class="form-group">
-          <label for="ticketType">Select ticket type</label>
+          <label for="ticketType" class="textLeft">Select ticket type</label>
           <select id="ticketType" name="ticketType" required>
             <option value="">Select Ticket Type</option>
             <option value="Bus">Bus ticket</option>
@@ -379,12 +384,12 @@ <h2>Book Your Ticket</h2>
           </select>
         </div>
         <div class="form-group">
-          <label for="journeyDate">Date of Journey</label>
+          <label for="journeyDate" class="textLeft">Date of Journey</label>
           <input type="date" id="journeyDate" name="journeyDate" required max="9999-12-31">
       </div>
       
       <div class="form-group">
-          <label for="timeSlot">Time Slot:</label>
+          <label for="timeSlot" class="textLeft">Time Slot:</label>
           <select id="timeSlot" name="timeSlot" required>
               <option value="" disabled selected>Select a time slot</option>
               <option value="morning">Morning</option>
@@ -394,11 +399,11 @@ <h2>Book Your Ticket</h2>
       </div>
     
         <div class="form-group">
-          <label for="departure">Departure</label>
+          <label for="departure" class="textLeft">Departure</label>
           <input type="text" id="departure" name="departure" placeholder="From" required>
         </div>
         <div class="form-group">
-          <label for="destination">Destination</label>
+          <label for="destination" class="textLeft">Destination</label>
           <input type="text" id="destination" name="destination" placeholder="To" required>
         </div>
         <a href="check_availability.html" class="remove_underline">