color changes

Author: bshaurya

src/components/Footer.svelte

@@ -11,7 +11,7 @@
 </script>
 
 <div
-	class="py-8 px-8 md:px-12 w-full bg-theme-100 sm:flex sm:justify-center sm:justify-end items-center text-blackberry-800 ${classNames}"
+	class="py-8 px-8 md:px-12 w-full bg-[#A7D0F1] sm:flex sm:justify-center sm:justify-end items-center text-blackberry-800 ${classNames}"
 >
 	<div class="flex justify-evenly space-x-4 sm:space-x-8 sm:ml-auto">
 		<a href="mailto:[email protected]" target="_blank" class="hover:text-blackberry-500">

src/routes/faq.svelte

@@ -8,9 +8,9 @@
 
 <section class="text-blueberry-200 flex flex-col justify-between min-h-screen">
 	<div class="p-8 md:p-12">
-		<a href="{base}/"><Home width="32px" class="text-theme-100 hover:text-theme-200" /></a>
+		<a href="{base}/"><Home width="32px" class="text-[#A7D0F1] hover:text-[#83BDEC]" /></a>
 		<div class="flex items-center mt-8">
-			<div class="flex bg-theme-100 rounded-2xl h-16 w-16 items-center mr-4">
+			<div class="flex bg-[#A7D0F1] rounded-2xl h-16 w-16 items-center mr-4">
 				<div class="m-auto font-black text-blackberry-800 text-center text-4xl">?</div>
 			</div>
 			<h1 class="text-5xl font-black text-white">FAQ</h1>

src/routes/index.svelte

@@ -21,7 +21,7 @@
 		{
 			text: 'FAQ',
 			href: `${base}/faq`,
-			button: { class: 'bg-lightyellow-100 hover:bg-lightyellow-200' }
+			button: { class: 'bg-[#A2CEF1] hover:bg-[#83BDEC]' }
 		},
 		{
 			text: 'Schedule',
@@ -63,26 +63,26 @@
 			<div class="text-white font-bold text-6xl md:text-8xl">
 				HackTJ
 				<!-- TODO: `Overpass Mono`: -->
-				<sup class="text-3xl md:text-4xl font-mono align-super text-theme-100"
+				<sup class="text-3xl md:text-4xl font-mono align-super" style="color: rgba(161,206,241,255);"
 					>{event.iteration}</sup
 				>
 			</div>
 			<h3 class="text-white font-medium text-xl md:text-2xl w-3/4">
-				<!-- <span class="text-theme-100 font-bold">March 4-5, Cvent</span>
-				<br /> -->
+				<span class="text-[#A7D0F1] font-bold">March 8-9, Cvent</span>
+				<br />
 				Build the next greatest thing - oh, and bring your friends along too.
 			</h3>
 			<div class="flex flex-col md:flex-row mt-6 space-y-3 md:space-y-0 space-x-0 md:space-x-3">
 				{#if registration.isOpen}
 					<a
 						href="{base}/register"
-						class="block text-center py-3 bg-theme-100 hover:bg-theme-200 text-blueberry-800 text-xl font-bold rounded-2xl px-8"
+						class="block text-center py-3 bg-[#83BDEC] hover:bg-theme-200 text-blueberry-800 text-xl font-bold rounded-2xl px-8"
 						>&emsp;Register&emsp;</a
 					>
 				{/if}
 				<a
 					href="{base}/schedule"
-					class="block text-center py-3 bg-spruce-100 hover:bg-spruce-200 text-blueberry-800 text-xl font-bold rounded-2xl px-8"
+					class="block text-center py-3 bg-[rgba(161,206,241,255)] hover:bg-purple-400 text-blueberry-800 text-xl font-bold rounded-2xl px-8"
 					>Schedule</a
 				>
 			</div>
@@ -96,25 +96,25 @@
 			fill="none"
 			xmlns="http://www.w3.org/2000/svg"
 		>
-			<rect x="-326" width="599" height="61" rx="30.5" fill="#FE5F55" />
+			<rect x="-326" width="599" height="61" rx="30.5" fill="#B8F1EF" />
 			<path
 				d="M321 30.5C321 13.6553 334.655 0 351.5 0H1441V61H351.5C334.655 61 321 47.3447 321 30.5V30.5Z"
-				fill="#737AB0"
+				fill="#a2cef1"
 			/>
 		</svg>
 		<svg class="mb-6" viewBox="0 0 1440 61" fill="none" xmlns="http://www.w3.org/2000/svg">
 			<rect x="-323" width="470" height="61" rx="30.5" fill="#F3F7F0" />
 			<rect x="195" width="271" height="61" rx="30.5" fill="#B8DBD9" />
-			<rect x="514" width="458" height="61" rx="30.5" fill="#FB6376" />
-			<rect x="1020" width="599" height="61" rx="30.5" fill="#FED049" />
+			<rect x="514" width="458" height="61" rx="30.5" fill="#6AB4B0" />
+			<rect x="1020" width="599" height="61" rx="30.5" fill="#799bb6" />
 		</svg>
 	</div>
 </div>
 
 <!-- About Section -->
 <section class="mt-8 p-8 md:p-12 text-blueberry-200" id="about">
 	<h1 class="text-4xl md:text-6xl lg:text-7xl font-black">
-		Welcome to the Future Generation of <span class="text-theme-100">Coders</span>
+		Welcome to the Future Generation of <span class="text-[#A7D0F1]">Coders</span>
 	</h1>
 	<div class="flex flex-col lg:flex-row mt-4 text-lg space-y-8 lg:space-y-0 lg:space-x-8">
 		<p class="flex-1">
@@ -133,7 +133,7 @@
 	<div class="flex flex-col md:flex-row mt-6 space-y-3 md:space-y-0 space-x-0 md:space-x-3">
 		<a
 			href="{base}/faq"
-			class="block text-center py-3 bg-lightyellow-100 hover:bg-lightyellow-200 text-blueberry-800 text-xl font-bold rounded-2xl px-8"
+			class="block text-center py-3 bg-[#A7D0F1] hover:bg-[#83BDEC] text-blueberry-800 text-xl font-bold rounded-2xl px-8"
 			>FAQ</a
 		>
 		<a
@@ -168,12 +168,12 @@
 		<h1 class="text-4xl md:text-6xl font-black text-white">Sponsors</h1>
 		<h3 class="mt-2 text-xl md:text-2xl font-bold text-blueberry-200">
 			Interested in sponsoring? Check out our <a
-				class="underline text-theme-100 hover:text-theme-200"
+				class="underline text-[#A7D0F1] hover:text-[#83BDEC]"
 				href="{base}/{event.sponsorshipPacket}"
 				target="_blank">{event.iteration} sponsorship packet</a
 			>
 			or email us at
-			<a class="underline text-theme-100 hover:text-theme-200" href="mailto:[email protected]"
+			<a class="underline text-[#A7D0F1] hover:text-[#83BDEC]" href="mailto:[email protected]"
 				>[email protected]</a
 			> if you're interested or have any questions!
 		</h3>
@@ -191,7 +191,7 @@
 		unstyled={true}
 		classBg="fixed top-0 left-0 w-screen h-screen flex flex-col justify-center bg-blackberry-800/[0.8] z-10"
 		classWindowWrap="relative m-4 max-h-full"
-		classWindow="rounded-2xl bg-theme-100 text-black p-6 md:p-8 max-w-xl max-h-full m-auto relative"
+		classWindow="rounded-2xl bg-[#A7D0F1] text-black p-6 md:p-8 max-w-xl max-h-full m-auto relative"
 		closeButton={CloseButton}
 	>
 		<div
@@ -219,7 +219,7 @@
 				href={location.mapsLink}
 				target="_blank"
 				rel="noopener noreferred"
-				class="block mt-4 text-center py-3 bg-theme-100 hover:bg-theme-200 text-blueberry-800 text-xl font-bold rounded-2xl"
+				class="block mt-4 text-center py-3 bg-[#A7D0F1] hover:bg-[#83BDEC] text-blueberry-800 text-xl font-bold rounded-2xl"
 				>Open in Google Maps</a
 			>
 		</div>

src/routes/register.svelte

@@ -10,7 +10,7 @@
 
 <section class="text-blueberry-200 flex flex-col justify-between min-h-screen">
 	<div class="p-8 md:p-12 flex flex-col grow">
-		<a href="{base}/"><Home width="32px" class="text-theme-100 hover:text-theme-200" /></a>
+		<a href="{base}/"><Home width="32px" class="text-[#A7D0F1] hover:text-[#83BDEC]" /></a>
 		<h1 class="text-5xl font-black text-white mt-8 mb-2">Registration</h1>
 		<p>
 			{#if registration.participant.notOpenYet}

src/routes/resources.svelte

@@ -9,7 +9,7 @@
 
 <section class="text-blueberry-200 flex flex-col justify-between min-h-screen">
 	<div class="p-8 md:p-12">
-		<a href="{base}/"><Home width="32px" class="text-theme-100 hover:text-theme-200" /></a>
+		<a href="{base}/"><Home width="32px" class="text-[#A7D0F1] hover:text-[#83BDEC]" /></a>
 		<h1 class="text-5xl font-black text-white mt-8">Beginner Resources</h1>
 		<div
 			class="mt-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-8"

src/routes/schedule.svelte

@@ -30,7 +30,7 @@
 	let currentDate = Object.keys(cardData)[currentDateIndex];
 	let hourlyData = Object.values(cardData[currentDate]);
 
-	const activeButtonClass = 'bg-theme-100 text-blueberry-800 hover:bg-theme-200';
+	const activeButtonClass = 'bg-[#A7D0F1] text-blueberry-800 hover:bg-[#83BDEC]'; 
 	const inactiveButtonClass = 'border-2 border-white text-white hover:bg-blackberry-500';
 
 	function updateIndex(i) {
@@ -43,7 +43,7 @@
 <section class="text-blueberry-200 flex flex-col justify-between min-h-screen">
 	<div class="h-full grow flex flex-col">
 		<div class="px-8 md:px-12 pt-8 md:pt-12">
-			<a href="{base}/"><Home width="32px" class="text-theme-100 hover:text-theme-200" /></a>
+			<a href="{base}/"><Home width="32px" class="text-[#A7D0F1] hover:text-[#83BDEC]" /></a>
 			<h1 class="pt-8 md:pt-8 text-5xl font-black text-white">Schedule</h1>
 			<div class="flex flex-col md:flex-row space-x-0 md:space-x-4 space-y-4 md:space-y-0 mt-4">
 				{#each Object.keys(cardData) as date, i}