Switch to placeholder=empty on svgs and fix minor styling issues on old conf sites

Author: hasparus

src/app/conf/2023/schedule/page.tsx

@@ -13,7 +13,7 @@ export default function SchedulePage() {
     <>
       <div className="container">
         <div className="prose max-w-full py-10 text-white lg:prose-lg">
-          <h1 className="text-white">GraphQLConf 2023 Schedule</h1>
+          <h1 className="!text-white">GraphQLConf 2023 Schedule</h1>
           <section className="mx-0 my-8 px-0">
             <div className="mb-1.5 flex gap-8">
               <span className="flex items-center">
@@ -43,7 +43,7 @@ export default function SchedulePage() {
                 San Francisco Bay Area, CA
               </span>
             </div>
-            <h3 className="text-white">Important Notes</h3>
+            <h3 className="!text-white">Important Notes</h3>
             <ul>
               <li>All session times are in Pacific Daylight Time (UTC -7).</li>
               <li>

src/app/conf/2023/speakers/page.tsx

@@ -11,7 +11,7 @@ export default function Page() {
     <>
       <div className="flex w-full justify-center">
         <div className="prose px-2 py-20 md:container lg:prose-lg">
-          <h1 className="text-white">GraphQLConf 2023 Speakers</h1>
+          <h1 className="!text-white">GraphQLConf 2023 Speakers</h1>
           <p className="text-white sm:w-2/3">
             Meet the unique lineup of insightful speakers we've carefully
             chosen, who are primed to share their groundbreaking ideas and

src/app/conf/2024/schedule/page.tsx

@@ -12,8 +12,8 @@ export default function SchedulePage() {
   return (
     <div className='bg-[url("/img/conf/golden-gate-bridge.png")] bg-contain bg-no-repeat'>
       <div className="container">
-        <div className="prose max-w-full py-20 text-white lg:prose-lg">
-          <h1 className="text-white">GraphQLConf 2024 Schedule</h1>
+        <div className="prose max-w-full py-20 !text-white lg:prose-lg">
+          <h1 className="!text-white">GraphQLConf 2024 Schedule</h1>
           <section className="mx-0 my-8 px-0">
             <div className="mb-1.5 flex gap-8">
               <span className="flex items-center">
@@ -43,7 +43,7 @@ export default function SchedulePage() {
                 San Francisco Bay Area, CA
               </span>
             </div>
-            <h3 className="text-white">Important Notes</h3>
+            <h3 className="!text-white">Important Notes</h3>
             <ul>
               <li>All session times are in Pacific Daylight Time (UTC -7).</li>
               <li>

src/app/conf/2024/speakers/page.tsx

@@ -11,7 +11,7 @@ export default function Page() {
     <div className='bg-[url("/img/conf/golden-gate-bridge.png")] bg-contain bg-no-repeat'>
       <div className="flex w-full justify-center">
         <div className="prose px-2 py-20 md:container lg:prose-lg">
-          <h1 className="text-white">GraphQLConf 2024 Speakers</h1>
+          <h1 className="!text-white">GraphQLConf 2024 Speakers</h1>
           <p className="text-white sm:w-2/3">
             Meet the unique lineup of insightful speakers we've carefully
             chosen, who are primed to share their groundbreaking ideas and

src/app/conf/2024/sponsors.tsx

@@ -78,7 +78,7 @@ function List({
             alt={`${name} logo`}
             src={icon}
             className="max-h-full lg:w-auto lg:max-w-60"
-            placeholder="blur"
+            placeholder="empty"
           />
           <span className="absolute right-5 top-5 font-sans leading-none text-white lg:text-2xl">
             ↗

src/app/conf/2025/components/register-today/index.tsx

@@ -18,7 +18,6 @@ export function RegisterToday({ className }: RegisterTodayProps) {
         className,
       )}
     >
-      {/* todo: placeholders work in preview, but they could use some improvement */}
       <NextImage
         src={speakerImage}
         alt="GraphQL Conference"

src/app/conf/2025/speakers/page.tsx

@@ -29,8 +29,6 @@ export default function Page() {
         </div>
       </Hero>
 
-      {/* <NavbarPlaceholder className="top-0 bg-neu-50 before:bg-white/40 dark:bg-neu-0 dark:before:bg-blk/30" /> */}
-      {/* <main className="gql-all-anchors-focusable gql-conf-navbar-strip text-neu-900 before:bg-white/40 before:dark:bg-blk/30"> */}
       <div className="gql-container gql-section">
         <div className="grid lg:grid-cols-2 lg:gap-5 max-lg:[&>:not(:first-child)]:border-t-0">
           {speakers.map(speaker => (

src/app/conf/_components/sponsors.tsx

@@ -112,7 +112,7 @@ function List({
             alt={`${name} logo`}
             src={icon}
             className="h-auto shrink lg:max-w-60"
-            placeholder="blur"
+            placeholder="empty"
           />
           <span className="absolute right-5 top-5 font-sans leading-none text-white lg:text-2xl">
             ↗

src/app/layout.tsx

@@ -32,7 +32,7 @@ export default function RootLayout({
       <head>
         <style>{`html { scroll-padding-top: 5rem }`}</style>
       </head>
-      <body className="bg-conf-black">
+      <body className="bg-neu-0">
         <GoogleAnalytics />
         {children}
       </body>

theme.config.tsx

@@ -14,7 +14,7 @@ const graphQLLogo = (
 export default {
   backgroundColor: {
     light: "251,251,249",
-    dark: "13.7,14.7,10.8",
+    dark: "15,15,12",
   },
   head: function useHead() {
     const { frontMatter, title: pageTitle } = useConfig()