remove light mode

Author: atilafassina

packages/landing-page/src/app.tsx

@@ -1,11 +1,11 @@
 // @refresh reload
-import {
-  ColorModeProvider,
-  ColorModeScript,
-  cookieStorageManagerSSR
-} from "@kobalte/core/color-mode";
-import { isServer } from "solid-js/web";
-import { getCookie } from "vinxi/http";
+// import {
+//   ColorModeProvider,
+//   ColorModeScript,
+//   cookieStorageManagerSSR
+// } from "@kobalte/core/color-mode";
+// import { isServer } from "solid-js/web";
+// import { getCookie } from "vinxi/http";
 import { DeployAnywhere } from "~/components/sections/deploy-anywhere";
 import { Footer } from "~/components/sections/footer";
 import { Hero } from "~/components/sections/hero";
@@ -16,31 +16,31 @@ import { TopNav } from "~/components/sections/top-nav";
 import "./fonts.css";
 import "./root.css";
 
-function getServerCookies() {
-  "use server";
-  const colorMode = getCookie("kb-color-mode");
-  return colorMode ? `kb-color-mode=${colorMode}` : "";
-}
+// function getServerCookies() {
+//   "use server";
+//   const colorMode = getCookie("kb-color-mode");
+//   return colorMode ? `kb-color-mode=${colorMode}` : "";
+// }
 
 export default function App() {
-  const storageManager = cookieStorageManagerSSR(isServer ? getServerCookies() : document.cookie);
+  // const storageManager = cookieStorageManagerSSR(isServer ? getServerCookies() : document.cookie);
 
   return (
     <>
-      <ColorModeScript storageType={storageManager.type} />
-      <ColorModeProvider storageManager={storageManager}>
-        <main class="min-h-screen h-full grid grid-rows-[auto,1fr,auto] place-items-center relative bg-gradient-to-b dark:from-sky-950 from-sky-800 to-sky-200 dark:to-[#081924]">
-          <TopNav />
-          <Hero />
-          <article class="w-full flex flex-col bg-white dark:bg-gradient-to-b dark:from-[#081924] from-white dark:via-[#081924] via-white dark:to-sky-950 to-sky-300">
-            <MetaFramework />
-            <RockSolidDX />
-            <DeployAnywhere />
-            <SponsoredBy />
-          </article>
-          <Footer />
-        </main>
-      </ColorModeProvider>
+      {/* <ColorModeScript storageType={storageManager.type} /> */}
+      {/* <ColorModeProvider storageManager={storageManager}> */}
+      <main class="min-h-screen h-full grid grid-rows-[auto,1fr,auto] place-items-center relative bg-gradient-to-b dark:from-sky-950 from-sky-800 to-sky-200 dark:to-[#081924]">
+        <TopNav />
+        <Hero />
+        <article class="w-full flex flex-col bg-white dark:bg-gradient-to-b dark:from-[#081924] from-white dark:via-[#081924] via-white dark:to-sky-950 to-sky-300">
+          <MetaFramework />
+          <RockSolidDX />
+          <DeployAnywhere />
+          <SponsoredBy />
+        </article>
+        <Footer />
+      </main>
+      {/* </ColorModeProvider> */}
     </>
   );
 }

packages/landing-page/src/components/sections/top-nav.tsx

@@ -1,5 +1,4 @@
 import { DiscordIcon } from "../icons/discord-icon";
-import { ThemeToggle } from "../theme-toggle";
 
 export function TopNav() {
   return (
@@ -9,7 +8,7 @@ export function TopNav() {
           <DiscordIcon />
           <span class="sr-only">Invitation to SolidJS discord server</span>
         </a>
-        <ThemeToggle />
+        {/* <ThemeToggle /> */}
       </div>
     </nav>
   );

packages/landing-page/src/components/ui/mystic/shine.tsx

@@ -21,7 +21,7 @@ export const AnimatedShinyText: ParentComponent<AnimatedShinyTextProps> = props
         "animate-shiny-text bg-clip-text bg-no-repeat [background-position:0_0] [background-size:var(--shiny-width)_100%] [transition:background-position_1s_cubic-bezier(.6,.6,0,1)_infinite]",
 
         // Shine gradient
-        "bg-gradient-to-r from-transparent via-black/80 via-50% to-transparent  dark:via-white/80",
+        "bg-gradient-to-r from-black dark:from-transparent via-black/80 via-50% to-transparent  dark:via-white/80",
 
         localProps.class
       )}

packages/landing-page/src/entry-server.tsx

@@ -4,7 +4,7 @@ export default createHandler(() => {
   return (
     <StartServer
       document={({ assets, children, scripts }) => (
-        <html lang="en">
+        <html lang="en" data-kb-theme="dark">
           <head>
             <meta charset="utf-8" />
             <meta name="viewport" content="width=device-width, initial-scale=1" />