feat: enhance theme configuration and add logo component; update TypeScript settings and include favicon assets for improved branding

Author: mrbadri

apps/docs/components/logo.tsx

@@ -0,0 +1,38 @@
+import * as React from "react";
+
+export const Logo = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width={83}
+    height={34}
+    viewBox="0 0 83 34"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M6.44183 34C4.61772 34 3.1096 33.5764 1.91747 32.7292C0.739697 31.8677 0.100541 30.6113 0 28.96H5.08452C5.15634 29.8359 5.54414 30.2738 6.24793 30.2738C6.50646 30.2738 6.72191 30.2164 6.89426 30.1015C7.08098 29.9723 7.17434 29.7784 7.17434 29.52C7.17434 29.161 6.98044 28.8738 6.59264 28.6584C6.20484 28.4287 5.60159 28.1702 4.7829 27.883C3.80621 27.5384 2.9947 27.201 2.34836 26.8707C1.71638 26.5405 1.17059 26.0594 0.710971 25.4276C0.251353 24.7958 0.0287261 23.9846 0.0430892 22.9938C0.0430892 22.003 0.294443 21.163 0.797149 20.4738C1.31422 19.7702 2.01083 19.2389 2.88697 18.8799C3.77748 18.5209 4.77571 18.3415 5.88167 18.3415C7.74887 18.3415 9.22826 18.7722 10.3199 19.6338C11.4258 20.4953 12.0075 21.7086 12.065 23.2738H6.91581C6.90145 22.843 6.79372 22.5343 6.59264 22.3476C6.39156 22.161 6.14739 22.0676 5.86012 22.0676C5.65904 22.0676 5.49387 22.1394 5.3646 22.283C5.23533 22.4122 5.1707 22.5989 5.1707 22.843C5.1707 23.1876 5.35742 23.4748 5.73086 23.7046C6.11866 23.9199 6.72909 24.1856 7.56215 24.5015C8.52447 24.8605 9.31444 25.2051 9.93205 25.5353C10.564 25.8656 11.1098 26.3251 11.5694 26.9138C12.0291 27.5025 12.2589 28.242 12.2589 29.1323C12.2589 30.0656 12.0291 30.9056 11.5694 31.6523C11.1098 32.3846 10.4419 32.959 9.56579 33.3754C8.68965 33.7918 7.64832 34 6.44183 34Z"
+      fill="currentColor"
+    />
+    <path
+      d="M30.2432 18.7507L24.7709 29.3692V34H19.988V29.3692L14.5157 18.7507H19.988L22.4225 24.1569L24.8571 18.7507H30.2432Z"
+      fill="currentColor"
+    />
+    <path
+      d="M47.1288 34H42.3459L37.2829 26.3323V34H32.5V18.7507H37.2829L42.3459 26.5477V18.7507H47.1288V34Z"
+      fill="currentColor"
+    />
+    <path d="M11.9505 0V15.3126H0V0H11.9505Z" fill="currentColor" />
+    <path
+      d="M14.2322 7.75389C14.2322 6.24619 14.5338 4.90362 15.1371 3.72617C15.7547 2.54873 16.6308 1.63693 17.7655 0.990775C18.9002 0.330258 20.236 0 21.7728 0C23.0942 0 24.272 0.251284 25.3061 0.753851C26.3546 1.24206 27.202 1.93847 27.8484 2.84309C28.5091 3.74771 28.9472 4.8031 29.1626 6.00927H24.1212C23.8914 5.5067 23.561 5.119 23.1301 4.84618C22.7136 4.559 22.2324 4.41541 21.6866 4.41541C20.8823 4.41541 20.2431 4.71695 19.7692 5.32003C19.3095 5.92311 19.0797 6.7344 19.0797 7.75389C19.0797 8.77338 19.3095 9.58467 19.7692 10.1878C20.2431 10.7908 20.8823 11.0924 21.6866 11.0924C22.2324 11.0924 22.7136 10.956 23.1301 10.6831C23.561 10.396 23.8914 10.0011 24.1212 9.49852H29.1626C28.9472 10.7047 28.5091 11.7601 27.8484 12.6647C27.202 13.5693 26.3546 14.2729 25.3061 14.7755C24.272 15.2637 23.0942 15.5078 21.7728 15.5078C20.236 15.5078 18.9002 15.1847 17.7655 14.5385C16.6308 13.878 15.7547 12.959 15.1371 11.7816C14.5338 10.6042 14.2322 9.26159 14.2322 7.75389Z"
+      fill="currentColor"
+    />
+    <path
+      d="M39.3081 15.6586C37.8718 15.6586 36.5504 15.3211 35.3439 14.6462C34.1517 13.9714 33.2038 13.038 32.5 11.8462C31.7962 10.6544 31.4443 9.31185 31.4443 7.81851C31.4443 6.32516 31.7962 4.98259 32.5 3.79079C33.2038 2.59899 34.1517 1.67283 35.3439 1.01231C36.5504 0.337438 37.8718 0 39.3081 0C40.7444 0 42.0586 0.337438 43.2507 1.01231C44.4429 1.67283 45.3836 2.59899 46.0731 3.79079C46.7769 4.98259 47.1288 6.32516 47.1288 7.81851C47.1288 9.31185 46.7769 10.6544 46.0731 11.8462C45.3836 13.038 44.4357 13.9714 43.2292 14.6462C42.0371 15.3211 40.73 15.6586 39.3081 15.6586ZM39.3081 11.2001C40.256 11.2001 40.9886 10.8985 41.5056 10.2954C42.0227 9.678 42.2812 8.85236 42.2812 7.81851C42.2812 6.7703 42.0227 5.94465 41.5056 5.34157C40.9886 4.72413 40.256 4.41541 39.3081 4.41541C38.3458 4.41541 37.6061 4.72413 37.089 5.34157C36.5719 5.94465 36.3134 6.7703 36.3134 7.81851C36.3134 8.85236 36.5719 9.678 37.089 10.2954C37.6061 10.8985 38.3458 11.2001 39.3081 11.2001Z"
+      fill="currentColor"
+    />
+    <path
+      d="M61.4747 0.715148C60.2562 1.06922 59.1175 1.55441 58.059 2.17157C55.5759 3.58785 53.6585 5.58642 52.307 8.16718C50.9868 10.7479 50.3268 13.6907 50.3268 16.9953C50.3268 20.2999 50.9868 23.2426 52.307 25.8234C53.6585 28.4042 55.5759 30.4184 58.059 31.8662C58.9817 32.3924 59.9652 32.8207 61.0093 33.1514V33.9906H50.3268V0H61.0093L61.4747 0.715148ZM61.0093 18.4144C61.1829 19.996 61.6608 21.3012 62.4436 22.33C63.3281 23.4571 64.4754 24.1031 65.8854 24.2692L71.8993 33.3586C70.3327 33.7797 68.6424 33.9906 66.8284 33.9906C64.7149 33.9906 62.7753 33.7107 61.0093 33.1514V18.4144ZM83 33.9906H72.3175L71.8993 33.3586C72.83 33.1084 73.7172 32.7842 74.5606 32.3854C76.8551 31.2839 78.7096 29.7417 80.124 27.759C81.5698 25.7762 82.5285 23.4629 83 20.8192H71.9675C71.4646 21.9207 70.7416 22.7862 69.7986 23.4157C68.8871 24.0136 67.8342 24.3127 66.6399 24.3127C66.3806 24.3127 66.1291 24.2979 65.8854 24.2692L61.0093 16.8993V18.4144C60.9599 17.9638 60.935 17.4908 60.935 16.9953C60.935 14.7607 61.4378 12.9825 62.4436 11.6606C63.4809 10.3387 64.8797 9.67784 66.6399 9.67784C66.8756 9.67784 67.1057 9.6903 67.3304 9.71481L72.3175 17.3793V13.1714H83C82.5285 10.5277 81.5698 8.21437 80.124 6.23158C78.7096 4.24882 76.8551 2.72237 74.5606 1.6523C73.8444 1.30369 73.0966 1.01045 72.3175 0.77217V0H83V33.9906ZM66.8284 0C68.805 1.85772e-06 70.6346 0.257521 72.3175 0.77217V13.1714H71.9675C71.4646 12.0699 70.7416 11.22 69.7986 10.6221C69.067 10.1168 68.2443 9.81452 67.3304 9.71481L61.4747 0.715148C63.1144 0.238653 64.899 0 66.8284 0Z"
+      fill="currentColor"
+    />
+  </svg>
+);

apps/docs/pages/_app.tsx

@@ -1,13 +1,14 @@
-import type { AppProps } from 'next/app'
-import { Inter } from 'next/font/google'
-import '../styles/globals.css'
+import type { AppProps } from "next/app";
+import { Inter } from "next/font/google";
+import "../styles/globals.css";
+import * as React from "react";
 
-const inter = Inter({ subsets: ['latin'] })
+const inter = Inter({ subsets: ["latin"] });
 
 export default function App({ Component, pageProps }: AppProps) {
   return (
     <main className={inter.className}>
       <Component {...pageProps} />
     </main>
-  )
+  );
 }

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

@@ -1,22 +1,51 @@
+// theme.config.tsx
+import { useTheme } from "next-themes";
+import { Logo } from "./components/logo";
+
 export default {
-  logo: <span>Iconsync Docs</span>,
+  logo: () => {
+    const { resolvedTheme } = useTheme();
+
+    return (
+      <span className="flex items-center gap-2">
+        {resolvedTheme === "dark" ? <Logo /> : <Logo />}
+      </span>
+    );
+  },
   project: {
-    link: 'https://github.com/mrbadri/iconsync',
+    link: "https://github.com/mrbadri/iconsync",
   },
-  docsRepositoryBase: 'https://github.com/mrbadri/iconsync/tree/main/apps/docs-nextra',
+  docsRepositoryBase:
+    "https://github.com/mrbadri/iconsync/tree/main/apps/docs-nextra",
   footer: {
     text: `© ${new Date().getFullYear()} IconSync. All rights reserved.`,
   },
   useNextSeoProps() {
     return {
-      titleTemplate: '%s – IconSync'
-    }
+      titleTemplate: "%s – IconSync",
+    };
   },
   head: (
     <>
       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
       <meta property="og:title" content="IconSync" />
       <meta property="og:description" content="IconSync documentation" />
+
+      <link rel="icon" href="/favicon.ico" sizes="any" />
+      <link
+        rel="icon"
+        type="image/png"
+        sizes="32x32"
+        href="/favicon-32x32.png"
+      />
+      <link
+        rel="icon"
+        type="image/png"
+        sizes="16x16"
+        href="/favicon-16x16.png"
+      />
+      <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+      <meta name="theme-color" content="#121212" />
     </>
   ),
-}
+};

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

@@ -1,5 +1,8 @@
 {
   "extends": "@iconsync/tsconfig/nextjs.json",
+  "compilerOptions": {
+    "jsx": "react"
+  },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]
 }