chore: update dark mode styles

web/src/pages/Explore.tsx

@@ -93,7 +93,7 @@ const Explore = () => {
         <div className="relative w-full h-auto flex flex-col justify-start items-start">
           <MemoFilter />
           {sortedMemos.map((memo) => {
-            return <Memo key={`${memo.id}-${memo.displayTs}`} memo={memo} />;
+            return <Memo key={`${memo.id}-${memo.displayTs}`} memo={memo} showCommentEntry />;
           })}
           {isComplete ? (
             sortedMemos.length === 0 && (

web/src/pages/MemoDetail.tsx

@@ -106,7 +106,7 @@ const MemoDetail = () => {
   return (
     <>
       <section className="relative top-0 w-full min-h-full overflow-x-hidden bg-zinc-100 dark:bg-zinc-900">
-        <div className="relative w-full h-auto mx-auto flex flex-col justify-start items-center bg-white dark:bg-zinc-800">
+        <div className="relative w-full h-auto mx-auto flex flex-col justify-start items-center bg-white dark:bg-zinc-700">
           <div className="w-full flex flex-col justify-start items-center py-8">
             <UserAvatar className="!w-20 h-auto mb-2 drop-shadow" avatarUrl={systemStatus.customizedProfile.logoUrl} />
             <p className="text-3xl text-black opacity-80 dark:text-gray-200">{systemStatus.customizedProfile.name}</p>