diff --git a/components/BottomMenu.tsx b/components/BottomMenu.tsx
index e8d3b78..631fefa 100644
--- a/components/BottomMenu.tsx
+++ b/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
diff --git a/components/Layout.tsx b/components/Layout.tsx
index 2132362..f87d5b8 100644
--- a/components/Layout.tsx
+++ b/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 !== '/' ? (
diff --git a/package.json b/package.json
index e71f2e1..5e2363c 100644
--- a/package.json
+++ b/package.json
@@ -1,9 +1,6 @@
 {
   "license": "MIT",
-  "private": false,
-  "engines": {
-    "node": ">12"
-  },
+  "private": true,
   "scripts": {
     "dev": "next dev -p 3001",
     "build": "next build",
diff --git a/pages/myQrCode.tsx b/pages/myQrCode.tsx
index 30b4035..d1a0037 100644
--- a/pages/myQrCode.tsx
+++ b/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>
   )
diff --git a/pages/readQrCode.tsx b/pages/readQrCode.tsx
index ba9614e..c7bd04e 100644
--- a/pages/readQrCode.tsx
+++ b/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}