docs: Change logo asset clean, support light mode (#4)

Author: minuukang

docs/public/android-chrome-192x192.png

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

docs/public/android-chrome-512x512.png

@@ -15,15 +15,17 @@ export const HomePage = ({
   return (
     <div className="pb-20 mx-auto max-w-[70rem]">
       <div className="flex flex-col items-center justify-center gap-12 pt-16 text-center">
-        <Image src="/logo.png" alt="" width={200} height={200} className="-mb-4" />
+        <Image src="/logo.png" alt="" width={200} height={200} className="-mb-8" />
         <div className="flex flex-col items-center gap-4">
           <div className="relative text-6xl font-bold">
             <span>{title}</span>
           </div>
           <p className="text-3xl">{description}</p>
         </div>
         <Link href="/docs/overview">
-          <span className="inline-block rounded-xl bg-gray-800 px-10 py-3 text-xl font-bold">{buttonText}</span>
+          <span className="inline-block rounded-xl nx-bg-gray-200 dark:nx-bg-neutral-800 px-10 py-3 text-xl font-bold">
+            {buttonText}
+          </span>
         </Link>
       </div>
       <div className="flex flex-col items-start justify-between gap-8 md:flex-row mt-28">

docs/public/apple-touch-icon.png

@@ -29,7 +29,7 @@ export function Keyword({ children: keyword }: { children: keyof typeof keywords
         data-tooltip-content={keywords[keyword][router.locale as 'ko' | 'en']}
         data-tooltip-place="top"
         data-tooltip-delay-show={300}
-        className="keyword-tooltip font-bold bg-transparent text-white underline underline-offset-4 decoration-4 decoration-slate-600 cursor-help"
+        className="keyword-tooltip font-bold bg-transparent text-current underline underline-offset-4 decoration-[3px] decoration-slate-600 cursor-help"
       >
         {keyword}
       </mark>

docs/public/favicon-16x16.png

@@ -1,5 +1,5 @@
 ---
-title: "@use-funnel"
+title: "@use-funnel: 강력하고 안전한 단계별 상태 관리 라이브러리"
 ---
 
 import { HomePage } from '@/components'

docs/public/favicon-32x32.png

@@ -23,7 +23,15 @@ const config: DocsThemeConfig = {
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta property="og:title" content={title || '@use-funnel'} />
         <meta property="og:url" content={url} />
-        <meta property="og:description" content={frontMatter.description || '@use-funnel'} />
+        <meta
+          property="og:description"
+          content={
+            frontMatter.description ||
+            (locale === 'ko'
+              ? '강력하고 안전한 단계별 상태 관리 라이브러리'
+              : 'Powerful and safe step-by-step state management library')
+          }
+        />
         <meta property="og:image" content="/logo.png" />
         <link rel="icon" href="/favicon.ico" type="image/ico" />
       </>
@@ -78,10 +86,6 @@ const config: DocsThemeConfig = {
   footer: {
     text: 'MIT 2024 © Viva Republica, Inc.',
   },
-  darkMode: false,
-  nextThemes: {
-    forcedTheme: 'dark',
-  },
 };
 
 export default config;