Adjust background color for timer (#540)

Author: lynnandtonic

src/components/CountdownTimer.tsx

@@ -75,10 +75,10 @@ const Countdown: React.FC<CountdownProps> = ({ targetDate }) => {
           )}
 
           <div className={`${unit} grid grid-cols-2 gap-x-1 gap-y-1.5`}>
-            <span className="h-[2.3rem] aspect-[6/7] grid place-content-center rounded-sm bg-[#f9f4da] bg-opacity-10 font-semibold">
+            <span className="h-[2.3rem] aspect-[6/7] grid place-content-center rounded-sm bg-[rgba(249,244,218,0.1)] bg-opacity-10 font-semibold">
               {formatNumber(timeLeft[unit as keyof TimeLeft]).charAt(0)}
             </span>
-            <span className="h-[2.3rem] aspect-[6/7] grid place-content-center rounded-sm bg-[#f9f4da] bg-opacity-10 font-semibold">
+            <span className="h-[2.3rem] aspect-[6/7] grid place-content-center rounded-sm bg-[rgba(249,244,218,0.1)] bg-opacity-10 font-semibold">
               {formatNumber(timeLeft[unit as keyof TimeLeft]).charAt(1)}
             </span>
             <p className="col-span-full text-xs">{unit}</p>

src/components/CountdownTimerSmall.tsx

@@ -66,10 +66,10 @@ const Countdown: React.FC<CountdownProps> = ({ targetDate }) => {
           )}
 
           <div className={`${unit} grid grid-cols-2 gap-x-1 gap-y-1.5`}>
-            <span className="h-[1.8em] w-[1.7em] grid place-content-center rounded-sm bg-gray-100 bg-opacity-10 dark:bg-gray-800 dark:bg-opacity-10 text-sm font-semibold">
+            <span className="h-[1.8em] w-[1.7em] grid place-content-center rounded-sm bg-gray-100 dark:bg-gray-800 text-sm font-semibold">
               {formatNumber(timeLeft[unit as keyof TimeLeft]).charAt(0)}
             </span>
-            <span className="h-[1.8em] w-[1.7em] grid place-content-center rounded-sm bg-gray-100 bg-opacity-10 dark:bg-gray-800 dark:bg-opacity-10 text-sm font-semibold">
+            <span className="h-[1.8em] w-[1.7em] grid place-content-center rounded-sm bg-gray-100 dark:bg-gray-800 text-sm font-semibold">
               {formatNumber(timeLeft[unit as keyof TimeLeft]).charAt(1)}
             </span>
             <p className="col-span-full text-[.65rem]">{unit}</p>

src/components/QueryGGBannerSale.tsx

@@ -8,7 +8,7 @@ export function QueryGGBannerSale(props: React.HTMLProps<HTMLDivElement>) {
   return (
     <aside
       {...props}
-      className="mx-auto w-full max-w-[1200px] p-8 -mt-32 flex justify-between items-center"
+      className="mx-auto w-full max-w-[1200px] p-8 flex justify-between items-center"
     >
       <div className="w-full xl:flex xl:gap-6 bg-[#f9f4da] border-4 border-[#231f20]">
         <a