Update index.html

index.html

@@ -307,14 +307,19 @@ footer {
 <div class="toggle-switch" style="position: absolute; top: 10px; right: 10px;">
   <input type="checkbox" id="theme-switch">
   <label for="theme-switch" style="display: flex; align-items: center; justify-content: space-between; padding: 2px;">
-    <div class="sun" style="background-color: #ff0; border-radius: 50%; width: 22px; height: 22px;"></div>
+    <div class="sun" style="background-color: #ff0; border-radius: 50%; width: 22px; height: 22px;">
+      ☀️ <!-- Tambahkan simbol matahari -->
+    </div>
     <div class="slider" style="background-color: #ccc; border-radius: 34px; width: 50px; height: 26px; position: relative;">
       <div class="dot" style="background-color: #fff; border-radius: 50%; width: 22px; height: 22px; position: absolute; top: 2px; left: 2px; transition: 0.3s;"></div>
     </div>
-    <div class="moon" style="background-color: #bbb; border-radius: 50%; width: 22px; height: 22px;"></div>
+    <div class="moon" style="background-color: #bbb; border-radius: 50%; width: 22px; height: 22px;">
+      🌙 <!-- Tambahkan simbol bulan -->
+    </div>
   </label>
 </div>
 
+
 <script>
   document.getElementById('theme-switch').addEventListener('change', function() {
     var dot = document.querySelector('.dot');