From 19fbdfd1b5c3582c75f465780cf7f72f2d60d078 Mon Sep 17 00:00:00 2001
From: RezHackXYZ <rhythmupa@gmail.com>
Date: Thu, 8 May 2025 16:27:14 +0530
Subject: [PATCH] now hilights the current day in the timetable

---
 src/IdleScreen/EditTimetable.svelte |  1 +
 src/IdleScreen/timeTable.svelte     | 70 ++++++++++++++++++++++++-----
 2 files changed, 59 insertions(+), 12 deletions(-)

diff --git a/src/IdleScreen/EditTimetable.svelte b/src/IdleScreen/EditTimetable.svelte
index 59fe1ae..8c0fe7b 100644
--- a/src/IdleScreen/EditTimetable.svelte
+++ b/src/IdleScreen/EditTimetable.svelte
@@ -16,6 +16,7 @@
 							onchange={() => {
 								newTable(table);
 							}}
+							
 							bind:value={time}
 						/>
 					{/each}
diff --git a/src/IdleScreen/timeTable.svelte b/src/IdleScreen/timeTable.svelte
index e36c4ea..7eeb45d 100644
--- a/src/IdleScreen/timeTable.svelte
+++ b/src/IdleScreen/timeTable.svelte
@@ -81,33 +81,73 @@
 			{/each}
 		</div>
 		<div class="Row">
-			<span class="DayOfWeek">Monday</span>
+			{#if new Date().getDay() == 1}
+				<span class="DayOfWeek NavHighlight">Monday</span>
+			{:else}
+				<span class="DayOfWeek">Monday</span>
+			{/if}
 			{#each table.Monday as time}
-				<span>{time}</span>
+				{#if new Date().getDay() == 1}
+					<span class="highlight">{time}</span>
+				{:else}
+					<span>{time}</span>
+				{/if}
 			{/each}
 		</div>
 		<div class="Row">
-			<span class="DayOfWeek">Tuesday</span>
+			{#if new Date().getDay() == 2}
+				<span class="DayOfWeek NavHighlight">Tuesday</span>
+			{:else}
+				<span class="DayOfWeek">Tuesday</span>
+			{/if}
 			{#each table.Tuesday as time}
-				<span>{time}</span>
+				{#if new Date().getDay() == 2}
+					<span class="highlight">{time}</span>
+				{:else}
+					<span>{time}</span>
+				{/if}
 			{/each}
 		</div>
 		<div class="Row">
-			<span class="DayOfWeek">Wednesday</span>
+			{#if new Date().getDay() == 3}
+				<span class="DayOfWeek NavHighlight">Wednesday</span>
+			{:else}
+				<span class="DayOfWeek">Wednesday</span>
+			{/if}
 			{#each table.Wednesday as time}
-				<span>{time}</span>
+				{#if new Date().getDay() == 3}
+					<span class="highlight">{time}</span>
+				{:else}
+					<span>{time}</span>
+				{/if}
 			{/each}
 		</div>
 		<div class="Row">
-			<span class="DayOfWeek">Thursday</span>
+			{#if new Date().getDay() == 4}
+				<span class="DayOfWeek NavHighlight">Thursday</span>
+			{:else}
+				<span class="DayOfWeek">Thursday</span>
+			{/if}
 			{#each table.Thursday as time}
-				<span>{time}</span>
+				{#if new Date().getDay() == 4}
+					<span class="highlight">{time}</span>
+				{:else}
+					<span>{time}</span>
+				{/if}
 			{/each}
 		</div>
 		<div class="Row">
-			<span class="DayOfWeek">Friday</span>
+			{#if new Date().getDay() == 5}
+				<span class="DayOfWeek NavHighlight">Friday</span>
+			{:else}
+				<span class="DayOfWeek">Friday</span>
+			{/if}
 			{#each table.Friday as time}
-				<span>{time}</span>
+				{#if new Date().getDay() == 5}
+					<span class="highlight">{time}</span>
+				{:else}
+					<span>{time}</span>
+				{/if}
 			{/each}
 		</div>
 	</div>
@@ -131,7 +171,6 @@
 		display: flex;
 		gap: 5px;
 	}
-
 	span {
 		font-size: 20px;
 		color: white;
@@ -141,7 +180,6 @@
 		width: 140px;
 		text-align: center;
 	}
-
 	.Header > span {
 		background-color: #30492e;
 	}
@@ -149,4 +187,12 @@
 		width: 120px;
 		background-color: #30492e;
 	}
+	.highlight {
+		background-color: #707070;
+		display: block;
+	}
+	.NavHighlight {
+		background-color: #3b8235;
+		display: block;
+	}
 </style>