Update index.html

index.html

@@ -303,18 +303,17 @@ footer {
         <h1>LuminAI API Client</h1>
     </header>
     <div class="container">
-        <div class="toggle-switch" style="position: absolute; top: 10px; right: 10px;">
+<div class="toggle-switch" style="position: absolute; top: 10px; right: 10px;">
   <input type="checkbox" id="theme-switch">
   <label for="theme-switch">
-    <div class="sun">
-      <img src="https://i.ibb.co.com/Fz1fpSY/image.png" alt="Logo Matahari" style="border-radius: 50%; object-fit: cover;">
+    <div class="sun" style="background-color: #ccc;">
+      <img src="https://i.ibb.co.com/3NwFvrb/image.png" alt="Logo Matahari" style="border-radius: 50%; object-fit: contain;">
     </div>
-    <div class="moon">
-      <img src="https://i.ibb.co.com/3NwFvrb/image.png" alt="Logo Bulan" style="border-radius: 50%; object-fit: cover;">
+    <div class="moon" style="background-color: #4a90e2;">
+      <img src="https://i.ibb.co.com/Fz1fpSY/image.png" alt="Logo Bulan" style="border-radius: 50%; object-fit: contain;">
     </div>
   </label>
 </div>
-
         <div class="main">
             <h2>Introduction</h2>
             <p>This document provides a simple JavaScript client for interacting with the LuminAI API. The client allows you to send requests with various parameters and receive results from the API.</p>