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

Color update

Browse Source
This commit is contained in:
Antoine Phan
2026-01-25 11:45:56 -05:00
parent 8a817a769e
commit bd4889b6f9
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app.css
View File

@@ -6,21 +6,29 @@
/* Light shades - for backgrounds and cards */ /* Light shades - for backgrounds and cards */
--color-ecsess-50: #e8ffd9; --color-ecsess-50: #e8ffd9;
--color-ecsess-100: #cce7ba; --color-ecsess-100: #cce7ba;
--color-ecsess-150: #bae9a5;
--color-ecsess-200: #a9d0a0; --color-ecsess-200: #a9d0a0;
/* Mid-light shades - for borders and hover states */ /* Mid-light shades - for borders and hover states */
--color-ecsess-250: #9cc295;
--color-ecsess-300: #8fb98a; --color-ecsess-300: #8fb98a;
--color-ecsess-350: #7daa7a;
--color-ecsess-400: #6a9a6a; --color-ecsess-400: #6a9a6a;
/* Mid shades - for accents and interactive elements */ /* Mid shades - for accents and interactive elements */
--color-ecsess-450: #62925a;
--color-ecsess-500: #5a8b5a; --color-ecsess-500: #5a8b5a;
--color-ecsess-550: #4c7a4f;
--color-ecsess-600: #3f6a3f; --color-ecsess-600: #3f6a3f;
--color-ecsess-650: #306032;
/* Mid-dark shades - for text on light backgrounds */ /* Mid-dark shades - for text on light backgrounds */
--color-ecsess-700: #2d5a2d; --color-ecsess-700: #2f4d29;
--color-ecsess-750: #1c4a1e;
--color-ecsess-800: #0a3d2a; --color-ecsess-800: #0a3d2a;
/* Dark shades - for text and backgrounds */ /* Dark shades - for text and backgrounds */
--color-ecsess-850: #083525;
--color-ecsess-900: #062c20; --color-ecsess-900: #062c20;
--color-ecsess-950: #031c15; --color-ecsess-950: #031c15;

8
src/routes/+page.svelte
View File

@@ -15,7 +15,7 @@
<SeoMetaTags canonical={data.canonical} /> <SeoMetaTags canonical={data.canonical} />
<!-- ECSESS Introduction --> <!-- ECSESS Introduction -->
<Section from="from-ecsess-black" to="to-ecsess-800"> <Section from="from-ecsess-black" to="to-ecsess-900" via="via-ecsess-950">
<div <div
class="mx-auto grid w-full max-w-[84dvw] grid-cols-1 place-items-center gap-16 py-6 lg:min-h-[75vh] lg:grid-cols-[1fr_2fr]" class="mx-auto grid w-full max-w-[84dvw] grid-cols-1 place-items-center gap-16 py-6 lg:min-h-[75vh] lg:grid-cols-[1fr_2fr]"
> >
@@ -66,7 +66,7 @@
</Section> </Section>
<!-- Office Hours Calendar --> <!-- Office Hours Calendar -->
<Section from="from-ecsess-800" to="to-ecsess-900"> <Section from="from-ecsess-900" to="to-ecsess-700" via="via-ecsess-650">
<div class="w-full"> <div class="w-full">
<h2 class="text-2xl font-bold" id="office-hours">Lounge Office Hours</h2> <h2 class="text-2xl font-bold" id="office-hours">Lounge Office Hours</h2>
<p class="text-ecsess-200 mb-8"> <p class="text-ecsess-200 mb-8">
@@ -78,11 +78,11 @@
</Section> </Section>
<!-- Sponsors --> <!-- Sponsors -->
<Section from="from-ecsess-900" to="to-ecsess-700" via="via-ecsess-800" direction="to-b"> <Section from="from-ecsess-700" to="to-ecsess-800" via="via-ecsess-750">
<Sponsors sponsors={data.sponsors} /> <Sponsors sponsors={data.sponsors} />
</Section> </Section>
<!-- Affiliated Clubs --> <!-- Affiliated Clubs -->
<Section from="from-ecsess-700" to="to-ecsess-black"> <Section from="from-ecsess-800" to="to-ecsess-black" via="via-ecsess-850">
<AffiliatedGroups /> <AffiliatedGroups />
</Section> </Section>