notkaramel/ECSESS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove occurrences of darkmode

Browse Source
This commit is contained in:
Antoine Phan
2025-10-20 19:36:57 -04:00
parent 4bbfbd5c95
commit 15fcd1cd50
2 changed files with 23 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/event/EventBlock.svelte
View File

@@ -50,7 +50,7 @@
</script> </script>
<div <div
class="group dark:bg-ecsess-950 dark:shadow-ecsess-950/50 relative flex h-full flex-col overflow-hidden rounded-2xl bg-white shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl" class="group bg-ecsess-950 shadow-ecsess-950/50 relative flex h-full flex-col overflow-hidden rounded-2xl shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"
> >
<!-- Image Container with Gradient Overlay --> <!-- Image Container with Gradient Overlay -->
<div class="relative h-64 overflow-hidden"> <div class="relative h-64 overflow-hidden">
@@ -94,20 +94,20 @@
<!-- Gradient overlay --> <!-- Gradient overlay -->
<div <div
class="absolute inset-0 bg-gradient-to-b from-transparent via-black/30 to-black/80 dark:to-black/90" class="absolute inset-0 bg-gradient-to-b from-transparent via-ecsess-800/30 to-ecsess-950"
></div> ></div>
<!-- Badges --> <!-- Badges -->
<div class="absolute top-0 right-0 left-0 flex items-start justify-between gap-2 p-4"> <div class="absolute top-0 right-0 left-0 flex items-start justify-between gap-2 p-4">
{#if isPastEvent} {#if isPastEvent}
<span <span
class="dark:bg-ecsess-900/95 rounded-full bg-gray-800/95 px-4 py-1.5 text-xs font-bold tracking-wider text-gray-300 uppercase backdrop-blur-sm" class="bg-ecsess-900 rounded-full px-4 py-1.5 text-xs font-bold tracking-wider text-gray-300 uppercase backdrop-blur-sm"
> >
Past Event Past Event
</span> </span>
{:else} {:else}
<span <span
class="bg-ecsess-500/95 dark:bg-ecsess-400/95 rounded-full px-4 py-1.5 text-xs font-bold tracking-wider text-white uppercase backdrop-blur-sm" class="bg-ecsess-400/95 rounded-full px-4 py-1.5 text-xs font-bold tracking-wider text-white uppercase backdrop-blur-sm"
> >
Upcoming Upcoming
</span> </span>
@@ -117,7 +117,7 @@
<div class="flex flex-wrap justify-end gap-2"> <div class="flex flex-wrap justify-end gap-2">
{#each eventCategory as category} {#each eventCategory as category}
<span <span
class="bg-ecsess-600/95 dark:bg-ecsess-500/95 rounded-full px-3 py-1.5 text-xs font-bold tracking-wider text-white uppercase backdrop-blur-sm" class="bg-ecsess-500/95 rounded-full px-3 py-1.5 text-xs font-bold tracking-wider text-white uppercase backdrop-blur-sm"
> >
{category} {category}
</span> </span>
@@ -139,33 +139,33 @@
<!-- Description --> <!-- Description -->
{#if eventDescription} {#if eventDescription}
<div <div
class="text-ecsess-800 dark:text-ecsess-100 mb-6 line-clamp-3 flex-1 text-sm leading-relaxed" class="text-ecsess-100 mb-6 line-clamp-3 flex-1 text-sm leading-relaxed"
> >
<PortableText value={eventDescription} /> <PortableText value={eventDescription} />
</div> </div>
{/if} {/if}
<!-- Info Grid --> <!-- Info Grid -->
<div class="bg-ecsess-50 dark:bg-ecsess-900/40 mb-6 space-y-3 rounded-xl p-4"> <div class="bg-ecsess-900/40 mb-6 space-y-3 rounded-xl p-4">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<div <div
class="bg-ecsess-500 dark:bg-ecsess-400 flex h-10 w-10 items-center justify-center rounded-full shadow-md" class="bg-ecsess-400 flex h-10 w-10 items-center justify-center rounded-full shadow-md"
> >
<CalendarDays class="h-5 w-5 text-white" strokeWidth={2.5} /> <CalendarDays class="h-5 w-5 text-white" strokeWidth={2.5} />
</div> </div>
<div class="flex-1"> <div class="flex-1">
<p class="text-ecsess-900 dark:text-ecsess-50 text-sm font-semibold">{date}</p> <p class="text-ecsess-50 text-sm font-semibold">{date}</p>
</div> </div>
</div> </div>
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<div <div
class="bg-ecsess-500 dark:bg-ecsess-400 flex h-10 w-10 items-center justify-center rounded-full shadow-md" class="bg-ecsess-400 flex h-10 w-10 items-center justify-center rounded-full shadow-md"
> >
<MapPin class="h-5 w-5 text-white" strokeWidth={2.5} /> <MapPin class="h-5 w-5 text-white" strokeWidth={2.5} />
</div> </div>
<div class="flex-1"> <div class="flex-1">
<p class="text-ecsess-900 dark:text-ecsess-50 text-sm font-semibold"> <p class="text-ecsess-50 text-sm font-semibold">
{location ?? 'TBA'} {location ?? 'TBA'}
</p> </p>
</div> </div>
@@ -178,7 +178,7 @@
<!-- Add to Calendar Button --> <!-- Add to Calendar Button -->
<button <button
onclick={addToCalendar} onclick={addToCalendar}
class="bg-ecsess-500 hover:bg-ecsess-600 dark:bg-ecsess-400 dark:hover:bg-ecsess-500 flex w-full items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold text-white shadow-md transition-all hover:shadow-lg active:scale-95" class="bg-ecsess-400 hover:bg-ecsess-500 flex w-full items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold text-white shadow-md transition-all hover:shadow-lg active:scale-95"
> >
<CalendarPlus class="h-5 w-5" strokeWidth={2.5} /> <CalendarPlus class="h-5 w-5" strokeWidth={2.5} />
Add to Calendar Add to Calendar
@@ -191,14 +191,14 @@
href={registrationLink} href={registrationLink}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="bg-ecsess-600 hover:bg-ecsess-700 dark:bg-ecsess-500 dark:hover:bg-ecsess-600 flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold text-white shadow-md transition-all hover:shadow-lg active:scale-95" class="bg-ecsess-500 hover:bg-ecsess-600 flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold text-white shadow-md transition-all hover:shadow-lg active:scale-95"
> >
<FilePen class="h-4 w-4" strokeWidth={2.5} /> <FilePen class="h-4 w-4" strokeWidth={2.5} />
Register Register
</a> </a>
{:else} {:else}
<div <div
class="bg-ecsess-150 text-ecsess-800 dark:bg-ecsess-900 dark:text-ecsess-200 flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold" class="bg-ecsess-900 text-ecsess-200 flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold"
> >
<FilePen class="h-4 w-4" strokeWidth={2.5} /> <FilePen class="h-4 w-4" strokeWidth={2.5} />
Drop In Drop In
@@ -210,14 +210,14 @@
href={paymentLink} href={paymentLink}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="bg-ecsess-700 hover:bg-ecsess-800 dark:bg-ecsess-600 dark:hover:bg-ecsess-700 flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold text-white shadow-md transition-all hover:shadow-lg active:scale-95" class="bg-ecsess-600 hover:bg-ecsess-700 flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold text-white shadow-md transition-all hover:shadow-lg active:scale-95"
> >
<LinkIcon class="h-4 w-4" strokeWidth={2.5} /> <LinkIcon class="h-4 w-4" strokeWidth={2.5} />
Pay Pay
</a> </a>
{:else} {:else}
<div <div
class="bg-ecsess-400 dark:bg-ecsess-500 flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold text-white shadow-md" class="bg-ecsess-500 flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold text-white shadow-md"
> >
Free! Free!
</div> </div>

20
src/components/homepage/AffiliatedClubs.svelte
View File

@@ -53,13 +53,10 @@
<div class="container mx-auto px-4"> <div class="container mx-auto px-4">
<!-- Section Header --> <!-- Section Header -->
<div class="mb-12 text-center"> <div class="mb-12 text-center">
<h2 <h2 id="affiliated-clubs-title" class="text-ecsess-100 mb-4 text-4xl font-bold md:text-5xl">
id="affiliated-clubs-title"
class="text-ecsess-800 dark:text-ecsess-100 mb-4 text-4xl font-bold md:text-5xl"
>
Affiliated Clubs & Labs Affiliated Clubs & Labs
</h2> </h2>
<p class="text-ecsess-700 dark:text-ecsess-200 mx-auto max-w-2xl text-lg"> <p class="text-ecsess-200 mx-auto max-w-2xl text-lg">
Explore opportunities to enhance your skills, build innovative projects, and connect with the Explore opportunities to enhance your skills, build innovative projects, and connect with the
engineering community through our affiliated organizations. engineering community through our affiliated organizations.
</p> </p>
@@ -83,16 +80,13 @@
class="group-hover:bg-ecsess-500 bg-ecsess-800 flex h-14 w-14 items-center justify-center rounded-xl shadow-md transition-all duration-300 group-hover:scale-110" class="group-hover:bg-ecsess-500 bg-ecsess-800 flex h-14 w-14 items-center justify-center rounded-xl shadow-md transition-all duration-300 group-hover:scale-110"
> >
<Icon <Icon
class="text-ecsess-600 dark:text-ecsess-300 h-7 w-7 transition-colors group-hover:text-white" class="text-ecsess-300 h-7 w-7 transition-colors group-hover:text-white"
strokeWidth={2.5} strokeWidth={2.5}
aria-hidden="true" aria-hidden="true"
focusable="false" focusable="false"
/> />
</div> </div>
<h3 <h3 id={`club-${i}-title`} class="text-ecsess-50 text-2xl font-bold">
id={`club-${i}-title`}
class="text-ecsess-800 dark:text-ecsess-50 text-2xl font-bold"
>
{club.name} {club.name}
</h3> </h3>
</div> </div>
@@ -107,7 +101,7 @@
{#each club.features as feature (feature)} {#each club.features as feature (feature)}
<li class="flex items-center gap-2 pl-3"> <li class="flex items-center gap-2 pl-3">
<div class="bg-ecsess-500 h-1.5 w-1.5 rounded-full" aria-hidden="true"></div> <div class="bg-ecsess-500 h-1.5 w-1.5 rounded-full" aria-hidden="true"></div>
<span class="text-ecsess-600 dark:text-ecsess-300 text-base font-semibold"> <span class="text-ecsess-300 text-base font-semibold">
{feature} {feature}
</span> </span>
</li> </li>
@@ -120,7 +114,7 @@
target="_blank" target="_blank"
rel="noopener noreferrer external" rel="noopener noreferrer external"
aria-label={`Visit ${club.name} website`} aria-label={`Visit ${club.name} website`}
class="bg-ecsess-500 hover:bg-ecsess-600 dark:bg-ecsess-400 dark:hover:bg-ecsess-500 flex items-center justify-center gap-2 rounded-xl px-6 py-3 text-sm font-bold text-white shadow-md transition-all hover:shadow-lg active:scale-95" class="bg-ecsess-400 hover:bg-ecsess-500 flex items-center justify-center gap-2 rounded-xl px-6 py-3 text-sm font-bold text-white shadow-md transition-all hover:shadow-lg active:scale-95"
> >
Visit Website Visit Website
<ExternalLink class="h-4 w-4" strokeWidth={2.5} aria-hidden="true" focusable="false" /> <ExternalLink class="h-4 w-4" strokeWidth={2.5} aria-hidden="true" focusable="false" />
@@ -132,7 +126,7 @@
<!-- Bottom CTA --> <!-- Bottom CTA -->
<div class="mt-12 text-center"> <div class="mt-12 text-center">
<p class="text-ecsess-600 dark:text-ecsess-300 text-sm"> <p class="text-ecsess-300 text-sm">
Want to get involved? Visit their websites to learn about upcoming events and how to join! Want to get involved? Visit their websites to learn about upcoming events and how to join!
</p> </p>
</div> </div>