fix: menu text colors

Author: devrsi0n

apps/main/next.config.mjs

@@ -27,7 +27,6 @@ const nextConfig = {
   ],
   experimental: {
     scrollRestoration: true,
-    useDeploymentId: true,
     swcPlugins: [
       // Allow Date/Map in getStaticProps
       ['next-superjson-plugin', {}],

apps/main/package.json

@@ -34,7 +34,7 @@
     "html-loader": "4.2.0",
     "lodash": "4.17.21",
     "micro": "10.0.1",
-    "next": "14.1.1",
+    "next": "14.1.4",
     "next-axiom": "0.17.0",
     "next-connect": "0.12.2",
     "next-mdx-remote": "3.0.8",
@@ -61,7 +61,7 @@
     "@chirpy-dev/eslint-config": "workspace:*",
     "@chirpy-dev/service-worker": "workspace:*",
     "@chirpy-dev/tsconfigs": "workspace:*",
-    "@next/bundle-analyzer": "14.1.0",
+    "@next/bundle-analyzer": "14.1.4",
     "@relative-ci/agent": "4.1.6",
     "@types/cors": "2.8.16",
     "@types/jest": "29.5.8",

package.json

@@ -21,7 +21,7 @@
     "eslint": "8.47.0",
     "husky": "8.0.3",
     "lint-staged": "13.2.3",
-    "next": "14.1.1",
+    "next": "14.1.4",
     "prettier": "2.8.8",
     "react": "18.2.0",
     "react-dom": "18.2.0",

packages/analytics/package.json

@@ -18,7 +18,7 @@
     "@tremor/react": "3.6.1",
     "clsx": "2.0.0",
     "framer-motion": "10.16.5",
-    "next": "14.1.1",
+    "next": "14.1.4",
     "prop-types": "15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0"

packages/eslint-config/package.json

@@ -13,7 +13,7 @@
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-storybook": "0.6.7",
     "eslint-plugin-unicorn": "48.0.1",
-    "next": "14.1.1",
+    "next": "14.1.4",
     "prettier": "2.8.8",
     "react": "18.2.0",
     "react-dom": "18.2.0",

packages/trpc/package.json

@@ -26,7 +26,7 @@
     "@types/web-push": "3.6.3",
     "dayjs": "1.11.10",
     "nanoid": "5.0.7",
-    "next": "14.1.1",
+    "next": "14.1.4",
     "next-auth": "4.24.5",
     "next-axiom": "0.17.0",
     "react": "18.2.0",

packages/types/package.json

@@ -14,7 +14,7 @@
     "@types/react": "18.2.37",
     "@types/react-dom": "18.2.15",
     "csstype": "3.1.2",
-    "next": "14.1.1",
+    "next": "14.1.4",
     "next-auth": "4.24.5",
     "next-mdx-remote": "3.0.8",
     "react": "18.2.0",

packages/ui/package.json

@@ -45,7 +45,7 @@
     "framer-motion": "10.16.5",
     "lucide-react": "0.265.0",
     "md5": "2.3.0",
-    "next": "14.1.1",
+    "next": "14.1.4",
     "next-auth": "4.24.5",
     "next-axiom": "0.17.0",
     "next-mdx-remote": "3.0.8",

packages/ui/src/components/menu/menu.tsx

@@ -145,4 +145,4 @@ function MenuItem({
 
 export const MenuItemPadding = `px-4 py-3`;
 
-const itemStyle = `font-medium transition flex flex-row items-center border-none text-gray-1200 cursor-pointer w-full text-sm text-right gap-2`;
+const itemStyle = `font-medium transition flex flex-row items-center border-none text-gray-1100 cursor-pointer w-full text-sm text-right gap-2`;

packages/ui/src/styles/common.ts

@@ -10,7 +10,7 @@ export const bluredBg = `
 
 export const border = `border outline-none focus-visible:border-primary-900`;
 
-export const listHoverableColor = `transition hover:bg-primary-400 hover:text-primary-1100`;
+export const listHoverableColor = `transition hover:bg-primary-400 hover:text-primary-1100 dark:hover:text-white`;
 export const listHoverable = `px-2 py-1 rounded ${listHoverableColor}`;
 
 export const ring = `focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-bg focus-visible:ring-offset-2 focus-visible:ring-primary-700`;