wip: update color palette

src/shared/notes/mentions/boost.tsx

@@ -1,5 +1,3 @@
 export function Boost({ boost }: { boost: string }) {
-  return (
-    <span className="break-words text-fuchsia-400 hover:text-fuchsia-500">{boost}</span>
-  );
+  return <span className="break-words text-blue-400 hover:text-blue-500">{boost}</span>;
 }

src/shared/notes/mentions/hashtag.tsx

@@ -24,7 +24,7 @@ export function Hashtag({ tag }: { tag: string }) {
           content: tag.replace('#', ''),
         })
       }
-      className="break-all text-interor-500 hover:text-interor-600"
+      className="break-all text-blue-500 hover:text-blue-500"
     >
       {tag}
     </span>

src/shared/notes/mentions/invoice.tsx

@@ -0,0 +1,9 @@
+import { QRCodeSVG } from 'qrcode.react';
+
+export function Invoice({ invoice }: { invoice: string }) {
+  return (
+    <div className="mt-2 flex items-center rounded-lg bg-neutral-200 p-2 dark:bg-neutral-800">
+      <QRCodeSVG value={invoice} includeMargin={true} className="rounded-lg" />
+    </div>
+  );
+}

src/shared/notes/mentions/note.tsx

@@ -71,7 +71,7 @@ export const MentionNote = memo(function MentionNote({ id }: { id: string }) {
           <div className="mb-1 select-text rounded-lg bg-white/5 p-1.5 text-sm">
             Lume cannot find this post with your current relays, but you can view it via
             njump.me.{' '}
-            <Link to={noteLink} className="text-fuchsia-500">
+            <Link to={noteLink} className="text-blue-500">
               Learn more
             </Link>
           </div>

src/shared/notes/mentions/user.tsx

@@ -30,7 +30,7 @@ export const MentionUser = memo(function MentionUser({ pubkey }: { pubkey: strin
           content: pubkey,
         })
       }
-      className="break-words text-interor-500 hover:text-interor-600"
+      className="break-words text-blue-500 hover:text-blue-500"
     >
       {'@' +
         (user?.name ||