feat([sc-9893]): add nfid dark/light logo

internet-identity-labs · Dec 19, 2023 · f950ba1 · f950ba1
1 parent 5603ec4
commit f950ba1
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 5 deletions.
diff --git a/docs/public/img/logo-dark.png b/docs/public/img/logo-dark.png
diff --git a/docs/public/img/logo-light.png b/docs/public/img/logo-light.png
diff --git a/docs/tailwind.config.js b/docs/tailwind.config.js
@@ -1,13 +1,15 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [
-    './app/**/*.{js,ts,jsx,tsx,mdx}',
-    './pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './components/**/*.{js,ts,jsx,tsx,mdx}',
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
 
     // Or if using `src` directory:
-    './src/**/*.{js,ts,jsx,tsx,mdx}',
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
+    "./theme.config.tsx",
   ],
+  darkMode: "class",
   theme: {
     extend: {},
   },

diff --git a/docs/theme.config.tsx b/docs/theme.config.tsx
@@ -1,8 +1,18 @@
+import Image from "next/image"
+
+import LogoLight from "./public/img/logo-light.png"
+import LogoDark from "./public/img/logo-dark.png"
+
 const REPO_BASE = "https://github.com/internet-identity-labs/nfid"
 const theme = {
   logo: (
     <div>
-      <strong>@nfid</strong>/identity-kit
+      <div className="flex items-center dark:hidden">
+        <Image src={LogoLight} alt="logo" width={67} height={32} />
+      </div>
+      <div className="items-center hidden dark:flex">
+        <Image src={LogoDark} alt="logo" width={67} height={32} />
+      </div>
     </div>
   ),
   docsRepositoryBase: REPO_BASE,