Merge branch 'main' of https://github.com/recodehive/recode-website

Author: sanjay-kv

package-lock.json

@@ -82,14 +82,14 @@
     "@types/react-dom": "^19.1.7",
     "@typescript-eslint/eslint-plugin": "^8.63.0",
     "@typescript-eslint/parser": "^8.63.0",
-    "autoprefixer": "^10.5.2",
+    "autoprefixer": "^10.5.4",
     "eslint": "^10.7.0",
     "eslint-plugin-react": "^7.37.5",
     "husky": "^9.1.7",
     "lint-staged": "^17.0.8",
     "postcss": "^8.5.19",
     "prettier": "^3.9.5",
-    "prettier-plugin-tailwindcss": "^0.6.14",
+    "prettier-plugin-tailwindcss": "^0.8.1",
     "tailwindcss": "^4.3.2",
     "typescript": "~5.3"
   },

package.json

@@ -4,7 +4,7 @@
   align-items: center;
   overflow: hidden;
   padding: 3rem auto;
-  background-color: #fafaf8;
+  background-color: #FAFAF8;
   color: #111827;
   transition:
     background 0.4s ease,

src/components/header/header.css

@@ -624,11 +624,11 @@ html[data-theme="dark"] article blockquote {
   }
 }
 
-:root {
-  --ifm-background-color: #fafaf8;
-  --ifm-background-surface-color: #fafaf8;
-  --ifm-navbar-background-color: #fafaf8;
-  --ifm-footer-background-color: #fafaf8;
+:root, html[data-theme="light"] {
+  --ifm-background-color: #FAFAF8;
+  --ifm-background-surface-color: #FAFAF8;
+  --ifm-navbar-background-color: #FAFAF8;
+  --ifm-footer-background-color: #FAFAF8;
   --ifm-color-primary: #2e8555;
   --ifm-color-primary-dark: #29784c;
   --ifm-color-primary-darker: #277148;
@@ -689,7 +689,7 @@ body {
   text-decoration: none;
 }
 
-[data-theme="dark"] {
+html[data-theme="dark"] {
   --ifm-background-color: #000000;
   --ifm-background-surface-color: #0a0a0a;
   --ifm-navbar-background-color: #000000;