wip: dark mode - light mode

src/shared/notes/wrapper.tsx

@@ -24,14 +24,14 @@ export function NoteWrapper({
       <div
         className={twMerge(
           'relative overflow-hidden rounded-xl px-3 py-4',
-          !lighter ? 'bg-white/10 backdrop-blur-xl' : 'bg-transparent'
+          !lighter ? 'bg-zinc-100 dark:bg-zinc-900' : 'bg-transparent'
         )}
       >
         <div className="relative">{root && <ChildNote id={root} />}</div>
         <div className="relative">{reply && <ChildNote id={reply} root={root} />}</div>
         <div className="relative flex flex-col">
           <User pubkey={event.pubkey} time={event.created_at} />
-          <div className="-mt-5 flex items-start gap-3">
+          <div className="-mt-4 flex items-start gap-3">
             <div className="w-10 shrink-0" />
             <div className="relative z-20 flex-1">
               {cloneElement(