Merge pull request #23 from Eric-Zhang-Developer/feature/UI-theming

Feature/UI theming

Author: Eric-Zhang-Developer

.prettierrc.json

@@ -0,0 +1,3 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

package-lock.json

@@ -31,6 +31,8 @@
     "eslint-config-next": "15.2.3",
     "jest": "^30.0.3",
     "jest-environment-jsdom": "^30.0.2",
+    "prettier": "^3.6.2",
+    "prettier-plugin-tailwindcss": "^0.6.13",
     "tailwindcss": "^4",
     "typescript": "^5"
   }

package.json

@@ -1,14 +1,31 @@
 @import "tailwindcss";
 
 :root {
-  --background: #ffffff;
+  /* --background: #FFF6EB;*/
+  --background: #FFFFFF
   --foreground: #171717;
 }
 
+@theme inline{
+  --color-primary: #333333;
+  --color-secondary: #525252;
+  --color-accent: #FF6C47;
+  --color-light-accent: #FFDED6;
+
+  --font-main: var(--font-lora);
+  --font-text: var(--font-inter);
+}
 
 
 body {
   background: var(--background);
   color: var(--foreground);
   font-family: Arial, Helvetica, sans-serif;
+  background-image: url('/background.webp');
+  background-blend-mode: multiply;
+  background-repeat: no-repeat;       
+  background-size: cover;             
+  background-position: center center; 
+  background-attachment: fixed;       
 }
+