consistent colors

README.md

@@ -12,18 +12,15 @@ Empower users to live a minimum-waste life. My hope is to provide an easy-to-use
 
 The only way this problem goes away is if we can collectively improve our behavior.
 
-## What tech am I using?
-
-- Next.js 13.4.4
-- PostgreSQL
-- Prisma
-- TailwindCSS
-- React Toastify
-- Spoonacular API
-
-Current progress:
-
-![minWaste landing](./public//minwaste-landing.png)
-![minWaste kitchen](./public/waste-not.png)
-![minWaste resources](./public/minwaste-resources.png)
-![minWaste learn](./public/minwaste-learn.png)
+Current Mood:
+
+Updated Set 3: Earthy & Organic with Variations:
+Primary Background: Creamy Off-White - #FDFCFB
+Soothing Green: #89C9A3
+Darker Green (Selected): #6DA882
+Soothing Red: #F28C8C
+Darker Red (Selected): #D76A6A
+Light Blue-Gray: #DCE2E6
+Dark Text Color: Charcoal - #2B2B2B
+Burnt Orange - #FF9F67
+DCE2E6 blue

app/(site)/account/layout.js

@@ -1,4 +1,4 @@
-import styles from "./account.module.css"
+import styles from "../styles/account.module.css"
 
 export const metadata = {
   title: "MinWaste Account",

app/(site)/account/page.js

@@ -4,7 +4,7 @@ import PieChart from "../../components/PieChart"
 import AccountDetails from "../../components/AccountDetails"
 import NavBar from "../../common/NavBar"
 import Footer from "../../common/Footer"
-import styles from "./account.module.css"
+import styles from "../styles/account.module.css"
 import { authOptions } from "../../api/auth/[...nextauth]/route"
 
 export default async function Account() {

app/(site)/kitchen/page.js

@@ -3,7 +3,7 @@ import { getServerSession } from "next-auth"
 import NavBar from "../../common/NavBar"
 import Footer from "../../common/Footer"
 import Kitchen from "../../components/Kitchen"
-import styles from "./kitchen.module.css"
+import styles from "../styles/kitchen.module.css"
 import { authOptions } from "../../api/auth/[...nextauth]/route"
 
 export default async function Home() {

app/(site)/login/page.js

@@ -4,7 +4,7 @@ import { useState } from "react"
 import { signIn } from "next-auth/react"
 import { toast } from "react-toastify"
 import { useRouter } from "next/navigation"
-import styles from "./login.module.css"
+import styles from "../styles/login.module.css"
 import smileLogo from "../../../public/smile_logo.png"
 import Image from "next/image"
 

app/(site)/recipes/page.js

@@ -3,7 +3,7 @@ import { getServerSession } from "next-auth"
 import NavBar from "../../common/NavBar"
 import Footer from "../../common/Footer"
 import ItemsChecklist from "../../components/ItemsChecklist"
-import styles from "./recipes.module.css"
+import styles from "../styles/recipes.module.css"
 import { authOptions } from "../../api/auth/[...nextauth]/route"
 
 export default async function Recipes() {

app/(site)/register/page.js

@@ -5,7 +5,7 @@ import { toast } from "react-toastify"
 import { useRouter } from "next/navigation"
 import smileLogo from "../../../public/smile_logo.png"
 import Image from "next/image"
-import styles from "./register.module.css"
+import styles from "../styles/register.module.css"
 
 export default function Register() {
   const [data, setData] = useState({