fix: colors

components/BottomMenu.tsx

@@ -91,8 +91,8 @@ const BottomMenu: FC<Props> = ({ className }) => {
               <UploadIcon className="h-full text-white w-full" />
             </button>
 
-            <div className="border-purple-500 border-t-2 border-b-2 py-1 px-3 h-16 hover:bg-purple-400 shadow-lg">
-              <QrcodeIcon className="h-full text-white" />
+            <div className="border-purple-500 border-t-2 border-b-2 py-1 px-3 h-16 shadow-lg">
+              <QrcodeIcon className="h-full text-purple-500 dark:text-white" />
             </div>
 
             <button

components/Layout.tsx

@@ -36,7 +36,7 @@ const Layout: FC<Props> = ({ children }) => {
         )}
         style={{ gridArea: 'top-menu' }}
       >
-        <h1 className="font-extrabold text-2xl">zep</h1>
+        <h1 className="font-extrabold text-2xl text-gray-900">zep</h1>
         <PreferencesMenu />
       </header>
       {pathname !== '/' ? (

package.json

@@ -1,9 +1,6 @@
 {
   "license": "MIT",
-  "private": false,
-  "engines": {
-    "node": ">12"
-  },
+  "private": true,
   "scripts": {
     "dev": "next dev -p 3001",
     "build": "next build",

pages/myQrCode.tsx

@@ -12,7 +12,9 @@ const MyQrCode: NextPage = () => {
 
   return (
     <div className="grid gap-4 place-content-center h-full w-full">
-      <h1 className="text-3xl font-semibold text-center">get scanned!</h1>
+      <h1 className="text-3xl font-semibold text-center text-white">
+        get scanned!
+      </h1>
       <canvas className="!w-80 !h-80" ref={canvasRef} />
     </div>
   )

pages/readQrCode.tsx

@@ -57,7 +57,7 @@ const ReadQrCode: NextPage = () => {
 
   return (
     <div className="flex flex-col gap-4 items-center justify-center w-full h-full">
-      <h1 className="text-3xl font-semibold text-center">scan!</h1>
+      <h1 className="text-3xl font-semibold text-center text-white">scan!</h1>
       <video
         className={clsx('rounded-md shadow-md', !videoLive ? 'hidden' : null)}
         ref={videoRef}