Tone down the noiser elements of the initial page load

GameMakersToolkit · Jan 19, 2024 · 95eea01 · 95eea01
1 parent 0c9283b
commit 95eea01
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 3 deletions.
diff --git a/ui/public/background-image.jpeg b/ui/public/background-image.jpeg
diff --git a/ui/src/base.css b/ui/src/base.css
@@ -9,8 +9,9 @@
     }
 
     body {
-        background: #000000;
         color: #ffffff;
+        background: url("/background-image.jpeg");
+        background-size: 100%;
     }
 
     /* Styling to keep the footer at the bottom of page/content as appropriate */

diff --git a/ui/src/pages/home/components/Onboarding.css b/ui/src/pages/home/components/Onboarding.css
@@ -1,5 +1,5 @@
 @layer components {
     .c-onboarding-info-box {
-        @apply bg-theme-d-8 rounded-xl mt-8 px-4 py-2 mb-8;
+        @apply bg-grey-500 rounded-xl mt-8 px-4 py-2 mb-8;
     }
 }
diff --git a/ui/src/pages/home/components/SiteIntro.tsx b/ui/src/pages/home/components/SiteIntro.tsx
@@ -54,7 +54,7 @@ const CountdownSection = () => {
   return (
       <>
       <p className="text-center mb-2">The jam starts in:</p>
-      <div className="flex justify-evenly bg-red-600 border-red-600 border-2 rounded-xl mx-4 px-2 py-3 text-4xl">
+      <div className="flex justify-evenly bg-[#6f1111] border-[#6f1111] border-2 rounded-xl mx-4 px-2 py-3 text-4xl">
           {countdown.days > 0 && <><span>{`${countdown.days.toString().padStart(2, '0')}`}</span><span>:</span></>}
           {(countdown.days > 0 || countdown.hours > 0) && <><span>{`${countdown.hours.toString().padStart(2, '0')}`}</span><span>:</span></>}
           {(countdown.days > 0 || countdown.hours > 0 || countdown.minutes > 0) && <><span>{`${countdown.minutes.toString().padStart(2, '0')} `}</span><span>:</span></>}