fixes for light/dark modes

DSC-McMaster-U · Nov 6, 2024 · 0f45ac2 · 0f45ac2
1 parent 00a1a3f
commit 0f45ac2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -32,7 +32,7 @@ h6 {
 }
 
 p {
-  @apply text-sm sm:text-base lg:text-lg dark:text-google-lightGrey text-google-grey;
+  @apply text-sm sm:text-base lg:text-lg dark:text-google-lightGrey text-google-darkGrey;
 }
 
 main {
@@ -77,29 +77,29 @@ header {
 }
 
 .newsletter-p {
-  @apply text-base sm:text-lg lg:text-xl dark:text-google-lightGrey text-google-grey;
+  @apply text-base sm:text-lg lg:text-xl dark:text-google-lightGrey text-google-darkGrey;
 }
 
 .newsletter-a {
-  @apply text-base sm:text-lg lg:text-xl dark:text-google-lightGrey text-google-grey underline transition-colors duration-200;
+  @apply text-base sm:text-lg lg:text-xl dark:text-google-lightGrey text-google-darkGrey underline transition-colors duration-200;
 }
 
 .newsletter-a:hover {
   @apply text-google-blue dark:text-google-yellow;
 }
 
 .newsletter-ul {
-  @apply list-disc list-inside text-base sm:text-lg lg:text-xl dark:text-google-lightGrey text-google-grey;
+  @apply list-disc list-inside text-base sm:text-lg lg:text-xl dark:text-google-lightGrey text-google-darkGrey;
 }
 
 .newsletter-li {
-  @apply text-base sm:text-lg lg:text-xl dark:text-google-lightGrey text-google-grey;
+  @apply text-base sm:text-lg lg:text-xl dark:text-google-lightGrey text-google-darkGrey;
 }
 
 .newsletter-bullet {
-  @apply list-inside list-disc text-base sm:text-lg lg:text-xl dark:text-google-lightGrey text-google-grey;
+  @apply list-inside list-disc text-base sm:text-lg lg:text-xl dark:text-google-lightGrey text-google-darkGrey;
 }
 
 .newsletter-number {
-  @apply list-inside list-decimal text-base sm:text-lg lg:text-xl dark:text-google-lightGrey text-google-grey;
+  @apply list-inside list-decimal text-base sm:text-lg lg:text-xl dark:text-google-lightGrey text-google-darkGrey;
 }
diff --git a/app/newsletters/[slug]/page.tsx b/app/newsletters/[slug]/page.tsx
@@ -104,7 +104,7 @@ const NewsletterDetailPage = async ({ params }: { params: { slug: string } }) =>
             <Header />
             <main>
                 <section id="newsletter" className="flex flex-col gap-y-4">
-                    <div className="flex flex-col gap-y-4 pb-12 mb-12 border-b-2 border-l-google-lightGrey">
+                    <div className="flex flex-col gap-y-4 pb-12 mb-12 border-b-2 border-google-darkGrey dark:border-google-lightGrey">
                         <h2>{newsletter.title}</h2>
                         <h5>{newsletter.description}</h5>
                         <p>{formattedDate}</p>

diff --git a/app/page.tsx b/app/page.tsx
@@ -136,7 +136,7 @@ const EventsSection = async () => {
                     <span className="text-sm">{event.type}</span>
                   </Tag><div className="transition-transform duration-300 ease-in-out">
                     <h5>{event.title}</h5>
-                    <p className="text-google-grey dark:text-google-lightGrey">{event.description}</p>
+                    <p>{event.description}</p>
                   </div>
                 </>
               }
@@ -182,7 +182,7 @@ const NewslettersSection = async () => {
       <section id="newsletters" className="flex flex-col gap-y-8">
         <h2>Newsletters</h2>
         <div className="flex flex-col md:flex-row md:gap-x-8 md:gap-y-0 gap-y-8 md:items-center">
-          <h6 className="md:w-4/5 dark:text-google-lightGrey text-google-grey">Through GDSC McMaster University&apos;s monthly newsletter, stay updated on the latest tech news, events, and innovations. Featuring industry trends, club highlights, and upcoming activities, the newsletter connects members to valuable insights and opportunities in the tech world.</h6>
+          <h6 className="md:w-4/5">Through GDSC McMaster University&apos;s monthly newsletter, stay updated on the latest tech news, events, and innovations. Featuring industry trends, club highlights, and upcoming activities, the newsletter connects members to valuable insights and opportunities in the tech world.</h6>
           <div className="md:w-1/5 flex flex-col gap-y-2">
             <h5>{newsletterCount}</h5>
             <p className="text-sm"><span className="text-google-darkGrey dark:text-google-lightGrey">Monthly newsletters</span> available to read.</p>