From 2b5a120bd3900d5cecbe355d336a4ea8d3a1b31a Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Wed, 12 Nov 2025 14:37:19 +0100
Subject: Prettified the code and cleaned up the light/dark mode

---
 index.html | 37 +++++++++++++++----------------------
 1 file changed, 15 insertions(+), 22 deletions(-)

(limited to 'index.html')
diff --git a/index.html b/index.html
index 7ff4652..2c4ea75 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,10 @@
 <!DOCTYPE html>
-<html lang="en" data-theme="dark">
+<html lang="en" data-theme="light">
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Match Up!</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css">
-    
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css">
     <link rel="stylesheet" href="index.css">
@@ -26,30 +25,24 @@
         </section>
         <section class="section">
           <div class="field is-grouped is-grouped-centered">
-            <div class="control">
-              <button class="button is-medium is-dark" id="propose">Propose</button>
-            </div>
-            <div class="control">
-              <div class="select is-medium is-fullwidth">
-                <select name="skill" id="skill">
-                  <option value="10">All Levels</option>
-                  <option value="5">2 Levels</option>
-                  <option value="3">3 Levels</option>
-                  <option value="1">Skill Based</option>
-                </select>
-              </div>
-            </div>
-            <div class="control">
-              <button class="button is-medium is-success" id="confirm">Confirm</button>
+            <button class="button is-medium is-dark" id="propose">Propose</button>
+            <div class="select is-medium is-dark">
+              <select name="skill" id="skill">
+                <option value="10">All Levels</option>
+                <option value="5">2 Levels</option>
+                <option value="3">3 Levels</option>
+                <option value="1">Skill Based</option>
+              </select>
             </div>
+            <button class="button is-medium is-dark" id="confirm">Confirm</button>
           </div>
           <div class="field">
               <div class="field is-grouped is-grouped-centered">
-                <button class="button is-medium is-danger" id="timer-dec">-</button>
-                <input class="input is-medium" id="timer-display" type="text" readonly></input>
-                <button class="button is-medium is-success" id="timer-inc">+</button>
-                <button class="button is-medium is-info" id="timer-start">Start</button>
-                <button class="button is-medium is-info" id="timer-stop">Stop</button>
+                <button class="button is-medium is-dark" id="timer-dec">-</button>
+                <input class="input is-medium is-dark" id="timer-display" type="text" readonly></input>
+                <button class="button is-medium is-dark" id="timer-inc">+</button>
+                <button class="button is-medium is-dark" id="timer-start">Start</button>
+                <button class="button is-medium is-dark" id="timer-stop">Stop</button>
               </div>
             </div>
         </section>
-- 
cgit v1.3.1

