bg color

apps/www/components/Footer/index.tsx

@@ -33,7 +33,7 @@ const Footer = (props: Props) => {
       className={cn(
         'bg-alternative',
         isLaunchWeek && 'bg-[#060809]',
-        isGAWeek && 'dark:bg-[#060809]',
+        isGAWeek && 'dark:bg-alternative',
         props.className
       )}
       aria-labelledby="footerHeading"

apps/www/components/LaunchWeek/11/LW11Background/index.tsx

@@ -155,16 +155,6 @@ const LW11Background = ({ className }: { className?: string }) => {
 
   !hasInitialized && init()
 
-  // useEffect(() => {
-  //   document.body.classList.add('bg-[#060809]')
-
-  //   return () => {
-  //     if (document.body.classList.contains('bg-[#060809]')) {
-  //       document.body.classList.remove('bg-[#060809]')
-  //     }
-  //   }
-  // }, [])
-
   return (
     <canvas
       ref={canvasRef}

apps/www/components/LaunchWeek/11/Releases/LW11StickyNav.tsx

@@ -69,7 +69,7 @@ const LWXStickyNav: FC = () => {
 
   return (
     <div className="absolute inset-0 pointer-events-none w-full h-full">
-      <nav className="sticky z-30 top-0 bg-surface-100 dark:bg-[#06080999] backdrop-blur-sm pointer-events-auto w-full border-t border-b dark:border-[#111718] h-[60px] flex items-center">
+      <nav className="sticky z-30 top-0 bg-alternative/90 backdrop-blur-sm pointer-events-auto w-full border-t border-b dark:border-[#111718] h-[60px] flex items-center">
         <SectionContainer className="!max-w-none !py-0 lg:!container flex items-center justify-between font-mono gap-4 md:gap-8 text-sm">
           <div className="flex items-center gap-4 md:gap-8">
             <ul className="lwx-sticky-nav hidden md:flex items-center gap-2 md:gap-4 text-foreground-muted">

apps/www/components/Nav/index.tsx

@@ -81,7 +81,7 @@ const Nav = (props: Props) => {
             'absolute inset-0 h-full w-full opacity-80 bg-background',
             !showLaunchWeekNavMode && '!opacity-100 transition-opacity',
             showLaunchWeekNavMode && '!bg-transparent transition-all',
-            isGAWeekSection && 'dark:!bg-[#060809]'
+            isGAWeekSection && 'dark:!bg-alternative'
           )}
         />
         <nav

apps/www/pages/ga-week/index.tsx

@@ -111,7 +111,7 @@ export default function GAWeekIndex({ meetups }: Props) {
           setShowCustomizationForm,
         }}
       >
-        <DefaultLayout className="bg-default dark:bg-[#060809]">
+        <DefaultLayout className="bg-alternative">
           <LW11StickyNav />
           <LW11Header className="pb-20 z-0" />
           <MainStage className="relative -mt-20 z-10" />

apps/www/pages/ga-week/tickets/[username].tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import { NextSeo } from 'next-seo'
 import { GetStaticProps, GetStaticPaths } from 'next'
 import Link from 'next/link'
@@ -15,6 +15,7 @@ import DefaultLayout from '~/components/Layouts/Default'
 import SectionContainer from '~/components/Layouts/SectionContainer'
 import { TicketState, ConfDataContext, UserData } from '~/components/LaunchWeek/hooks/use-conf-data'
 import LW11Background from '~/components/LaunchWeek/11/LW11Background'
+import { useTheme } from 'next-themes'
 
 const LW11TicketContainer = dynamic(
   () => import('~/components/LaunchWeek/11/Ticket/TicketContainer')
@@ -39,8 +40,16 @@ export default function UsernamePage({ user, ogImageUrl }: Props) {
   const PAGE_URL = `${SPECIAL_ANNOUNCEMENT_URL}/tickets/${username}`
 
   const [session] = useState<Session | null>(null)
-
   const [ticketState, setTicketState] = useState<TicketState>('ticket')
+  const { resolvedTheme, setTheme } = useTheme()
+
+  const isDarkTheme = resolvedTheme === 'dark'
+
+  useEffect(() => {
+    if (isDarkTheme) {
+      setTheme('deep-dark')
+    }
+  }, [isDarkTheme])
 
   if (!ticketNumber) {
     return <Error statusCode={404} />
@@ -73,7 +82,7 @@ export default function UsernamePage({ user, ogImageUrl }: Props) {
           setTicketState,
         }}
       >
-        <DefaultLayout>
+        <DefaultLayout className="bg-alternative">
           <div className="relative -mt-[65px] overflow-hidden">
             <SectionContainer className="relative !pt-8 lg:!pt-10 z-10 flex flex-col xl:flex-row items-center xl:justify-center xl:items-center gap-8 md:gap-10 xl:gap-20 text-foreground text-center md:text-left">
               <div className="w-auto min-h-[400px] pt-24 flex items-center">
@@ -97,7 +106,7 @@ export default function UsernamePage({ user, ogImageUrl }: Props) {
           <SectionContainer className="!pt-4 !pb-0">
             <LaunchWeekPrizeSection />
           </SectionContainer>
-          <CTABanner className="!bg-[#060809] border-t-0" />
+          <CTABanner className="!bg-alternative border-t-0" />
         </DefaultLayout>
       </ConfDataContext.Provider>
     </>