feat: update icon and site theme

getAlby · Aug 31, 2024 · b7ab716 · b7ab716
1 parent 805bb07
commit b7ab716
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 6 deletions.
diff --git a/app/components/AlbyExtension.tsx b/app/components/AlbyExtension.tsx
@@ -15,7 +15,7 @@ export function AlbyExtension({
         }
         await (window as any).alby.enable();
         const { success } = await (window as any).alby.addAccount({
-          name: "Alby Jim",
+          name: "Uncle Jim",
           connector: "nwc",
           config: {
             nostrWalletConnectUrl: connectionSecret,

diff --git a/app/components/Topup.tsx b/app/components/Topup.tsx
@@ -26,7 +26,7 @@ export function Topup({ connectionSecret }: { connectionSecret: string }) {
       });
       const transaction = await client.makeInvoice({
         amount: amount * 1000,
-        description: "topup on Alby Jim",
+        description: "topup on Uncle Jim",
       });
       setInvoice(transaction.invoice);
 

diff --git a/app/favicon.ico b/app/favicon.ico
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -3,7 +3,7 @@ import "./globals.css";
 import React from "react";
 
 export const metadata: Metadata = {
-  title: "Alby Jim",
+  title: "Uncle Jim",
   description:
     "An Uncle Jim service that gives out instant wallets that can be used in any NWC-powered app such as Damus, Amethyst, Alby Browser Extension and Alby Account",
 };
@@ -14,7 +14,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+    <html lang="en" data-theme="jim">
       <body className="flex flex-col justify-center items-center w-full h-full p-4">
         {children}
       </body>

diff --git a/app/page.tsx b/app/page.tsx
@@ -58,7 +58,8 @@ export default function Home() {
 
   return (
     <>
-      <p className="font-semibold">Alby Jim</p>
+      <img src="/uncle-jim.png" className="w-16 h-16 rounded-lg" alt="" />
+      <p className="font-semibold mt-4">Uncle Jim</p>
       <div className="flex flex-col gap-4 max-w-lg border-2 rounded-xl p-4 items-center justify-center mt-4 mb-16">
         {!wallet && (
           <p>
@@ -159,7 +160,7 @@ export default function Home() {
             </p>
 
             <p className="mt-8 text-sm">Your podcasting 2.0 value tag is:</p>
-            <p className="max-w-sm bg-gray-300 p-4 rounded-lg break-words">
+            <p className="max-w-sm bg-base-200 p-4 rounded-lg break-words">
               <span className="font-mono font-semibold">{wallet.valueTag}</span>
             </p>
             <p className="text-xs max-w-xs text-center">

diff --git a/public/uncle-jim.png b/public/uncle-jim.png
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -9,6 +9,20 @@ const config: Config = {
   theme: {
     extend: {},
   },
+  daisyui: {
+    //
+    themes: [
+      {
+        jim: {
+          primary: "#b6b8ad",
+          // secondary: "#f6d860",
+          // accent: "#37cdbe",
+          // neutral: "#3d4451",
+          "base-100": "dbddd0",
+        },
+      },
+    ],
+  },
   plugins: [require("daisyui")],
 };
 export default config;