From 7a2d80d9db0a84aa59b06c49012f84ab4a359e8b Mon Sep 17 00:00:00 2001
From: Foster Irwin <foster@jfirwin.com>
Date: Tue, 20 Dec 2022 22:26:17 -0700
Subject: [PATCH] fixed dark/light mode font readability

---
 src/pages/2.0/index.tsx | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/pages/2.0/index.tsx b/src/pages/2.0/index.tsx
index 4b2432d6..c615a232 100644
--- a/src/pages/2.0/index.tsx
+++ b/src/pages/2.0/index.tsx
@@ -43,7 +43,7 @@ const TwoPointZero = (): JSX.Element => {
   ];
   return (
     <Layout title="Meshtastic 2.0" description="Meshtastic 2.0 Landing Page">
-      <div className="bg-white">
+      <div>
         <main>
           {/* Hero section */}
           <div className="overflow-hidden pt-8 sm:pt-12 lg:relative lg:py-24">
@@ -73,23 +73,23 @@ const TwoPointZero = (): JSX.Element => {
                     </a>
                   </div>
                   <div className="mt-6 sm:max-w-xl">
-                    <h1 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl">
+                    <h1 className="text-4xl font-bold tracking-tight --ifm-heading-color sm:text-5xl">
                       Meshtastic 2.0 🎉🎉🎉
                     </h1>
-                    <p className="mt-6 text-xl text-gray-500">
+                    <p className="mt-6 text-xl --ifm-font-color-base">
                       After 9 months in the making, we present to you the next
                       milestone for the Meshtastic project.
                     </p>
                   </div>
                   <div className="mt-12 sm:w-full sm:max-w-lg">
-                    <p className="mt-6 mb-4 text-xl text-gray-500">
+                    <p className="mt-6 mb-4 text-xl --ifm-font-color-base">
                       As a part of the launch event, we are running a number of
                       giveaways, so jump in and win some prizes.
                     </p>
                     <div className="flex gap-2">
                       <a
                         href="#start"
-                        className="flex w-full rounded-md border border-transparent bg-rose-500 px-5 py-3 text-base font-medium text-white shadow hover:bg-rose-600 hover:text-black hover:no-underline focus:outline-none focus:ring-2 focus:ring-rose-500 focus:ring-offset-2 sm:px-10"
+                        className="flex w-full rounded-md border border-transparent bg-rose-500 px-5 py-3 font-medium text-white shadow hover:bg-rose-600 hover:text-black hover:no-underline focus:outline-none focus:ring-2 focus:ring-rose-500 focus:ring-offset-2 sm:px-10"
                       >
                         <span className="m-auto">Find Out More</span>
                       </a>
@@ -258,12 +258,12 @@ const TwoPointZero = (): JSX.Element => {
               >
                 {/* Content area */}
                 <div className="pt-12 sm:pt-16 lg:pt-20">
-                  <h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
+                  <h2 className="text-3xl font-bold tracking-tight --ifm-heading-color sm:text-4xl">
                     A brief overview of all the changes and improvements
                   </h2>
-                  <div className="mt-6 space-y-6 text-gray-500">
+                  <div className="mt-6 space-y-6 --ifm-font-color-base">
                     <h2>Monumental stuff!</h2>
-                    <p className="text-base leading-7">
+                    <p className="leading-7 --ifm-font-color-base">
                       <li>
                         Completely new LoRA band plan with faster messaging
                       </li>
@@ -293,7 +293,7 @@ const TwoPointZero = (): JSX.Element => {
                       </li>
                     </p>
                     <h2>Nerd stuff!</h2>
-                    <p className="text-base leading-7">
+                    <p className="leading-7 --ifm-font-color-base">
                       <li>New filesystem for ESP32 (LittleFS)</li>
                       <li>
                         Upgraded Arduino framework for both NRF52 and ESP32
@@ -322,10 +322,10 @@ const TwoPointZero = (): JSX.Element => {
                         key={stat.label}
                         className="border-t-2 border-gray-100 pt-6"
                       >
-                        <dt className="text-base font-medium text-gray-500">
+                        <dt className="font-medium --ifm-font-color-base">
                           {stat.label}
                         </dt>
-                        <dd className="text-3xl font-bold tracking-tight text-gray-900">
+                        <dd className="text-3xl font-bold tracking-tight --ifm-heading-color">
                           {stat.value}
                         </dd>
                       </div>
@@ -341,10 +341,10 @@ const TwoPointZero = (): JSX.Element => {
             <div className="mx-auto max-w-md px-4 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
               <div className="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24">
                 <div>
-                  <h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
+                  <h2 className="text-3xl font-bold tracking-tight --ifm-heading-color sm:text-4xl">
                     All made possible by the amazing companies that support us.
                   </h2>
-                  <p className="mt-6 max-w-3xl text-lg leading-7 text-gray-500">
+                  <p className="mt-6 max-w-3xl text-lg leading-7 --ifm-font-color-base">
                     Running a project of this scale is no easy feat, without the
                     generosity of many of our vendors and providers, none of
                     this would be possible.