fix: minor css fix for light mode users

11 files changed, 57 insertions, 55 deletions

diff --git a/src/app/anime/[id]/info.css b/src/app/anime/[id]/info.css
index 08194d0..ee00e24 100644
--- a/src/app/anime/[id]/info.css
+++ b/src/app/anime/[id]/info.css
@@ -120,6 +120,10 @@
 		color: black;
 	}
 
+	.animeDetails {
+		color: black;
+	}
+
 }
 
 @media screen and (max-width: 768px) {
diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx
index 751acef..dd9e4cc 100644
--- a/src/app/anime/[id]/page.jsx
+++ b/src/app/anime/[id]/page.jsx
@@ -26,7 +26,7 @@ export default async function AnimeInfo({ params }) {
 				)}
 
 				<div className="animeDetails">
-					<span>Genres: </span>
+					<span className="genre">Genres: </span>
 					{info.genres &&
 						info.genres.map((item, index) => (
 							<span className="genreEntries" key={index}>
diff --git a/src/app/anime/search/components/fetchedInfo.js b/src/app/anime/search/components/fetchedInfo.js
deleted file mode 100644
index 17c9673..0000000
--- a/src/app/anime/search/components/fetchedInfo.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import "../search.css";
-import Link from "next/link";
-import Image from "next/image";
-
-export default async function fetchedInfo(data) {
-	return (
-		<div className="animeEntry">
-			{data ? (
-				data.results && data.results.length > 0 ? (
-					data.results.map((item, index) => (
-						<Link
-							key={index}
-							href={`/anime/${item.id}`}
-							style={{ textDecoration: "none" }}
-						>
-							<div className="anime">
-								<p>{item.title}</p>
-								<Image
-									src={item.image}
-									className="animeImage"
-									width={120}
-									height={160}
-									alt="Drama Poster"
-								/>
-							</div>
-						</Link>
-					))
-				) : (
-					<div style={{ margin: "0px auto" }}>
-						<p
-							style={{
-								color: "white",
-								fontFamily: "Kanit",
-								fontSize: 18,
-							}}
-						>
-							No results found
-						</p>
-					</div>
-				)
-			) : null}
-		</div>
-	);
-}
diff --git a/src/app/anime/search/page.jsx b/src/app/anime/search/page.jsx
index 75f09bd..3d63484 100644
--- a/src/app/anime/search/page.jsx
+++ b/src/app/anime/search/page.jsx
@@ -49,13 +49,8 @@ export default function Input() {
 			</div>
 
 			{loading && (
-				<p
-					style={{
-						textAlign: "center",
-						fontFamily: "Kanit",
-						fontSize: 18,
-						color: "white",
-					}}
+				<p className="waitWhileLoading"
+
 				>
 					Please wait while we crunch all the data for you
 				</p>
diff --git a/src/app/anime/search/search.css b/src/app/anime/search/search.css
index 8afb508..752cff1 100644
--- a/src/app/anime/search/search.css
+++ b/src/app/anime/search/search.css
@@ -3,6 +3,13 @@
 	margin: 30px auto;
 }
 
+.waitWhileLoading {
+	font-size: 18px;
+	font-family: "Kanit";
+	text-align: center;
+	color: white;
+}
+
 .searchContainer input {
 	border: none;
 	border-radius: 5px;
@@ -77,4 +84,14 @@
 	.searchContainer {
 		width: 70%;
 	}
+}
+
+@media (prefers-color-scheme: light) {
+	.waitWhileLoading {
+		color: black;
+	}
+
+	.anime p {
+		color: black;
+	}
 }
\ No newline at end of file
diff --git a/src/app/components/header/header.module.css b/src/app/components/header/header.module.css
index 6a67bf6..ad89d0e 100644
--- a/src/app/components/header/header.module.css
+++ b/src/app/components/header/header.module.css
@@ -16,7 +16,7 @@
 
 .rightNav a {
 	text-decoration: none;
-	color: white;
+	color: black;
 	font-size: 20px;
 }
 
diff --git a/src/app/manga/[title]/[id]/[read]/read.module.css b/src/app/manga/[title]/[id]/[read]/read.module.css
index a95dcfe..9a27a38 100644
--- a/src/app/manga/[title]/[id]/[read]/read.module.css
+++ b/src/app/manga/[title]/[id]/[read]/read.module.css
@@ -65,4 +65,10 @@
 	.Image {
 		width: 100%;
 	}
+}
+
+@media (prefers-color-scheme: light) {
+	.CurrentReadingContainer {
+		color: black;
+	}
 }
\ No newline at end of file
diff --git a/src/app/manga/[title]/[id]/info.module.css b/src/app/manga/[title]/[id]/info.module.css
index 5bb13fe..fbb493e 100644
--- a/src/app/manga/[title]/[id]/info.module.css
+++ b/src/app/manga/[title]/[id]/info.module.css
@@ -157,4 +157,15 @@
 		font-size: 14px;
 	}
 
+}
+
+@media (prefers-color-scheme: light) {
+	.MangaDescription {
+		color: black;
+	}
+
+	.Character p {
+		color: black;
+	}
+
 }
\ No newline at end of file
diff --git a/src/app/manga/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index dc4c682..3038b3f 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -3,7 +3,6 @@ import Image from "next/image";
 import Buttons from "./buttons";
 import { redirect } from "next/navigation";
 import { FaStar } from "react-icons/fa";
-import CurrentReading from "./[read]/currentReading";
 
 export default async function MangaInfo({ params }) {
 	const id = params.id;
diff --git a/src/app/manga/[title]/title.module.css b/src/app/manga/[title]/title.module.css
index 1369856..5198c9b 100644
--- a/src/app/manga/[title]/title.module.css
+++ b/src/app/manga/[title]/title.module.css
@@ -64,4 +64,14 @@
 	.Main {
 		max-width: 100%;
 	}
+}
+
+@media (prefers-color-scheme: light) {
+	.SearchedFor {
+		color: black;
+	}
+
+	.MangaDescription {
+		color: black;
+	}
 }
\ No newline at end of file
diff --git a/src/app/manga/manga.module.css b/src/app/manga/manga.module.css
index 87c9563..0887bc8 100644
--- a/src/app/manga/manga.module.css
+++ b/src/app/manga/manga.module.css
@@ -154,4 +154,8 @@
 	}
 }
 
-/* Search Bar from searchBar.jsx */
\ No newline at end of file
+@media (prefers-color-scheme: light) {
+	.WelcomeText {
+		color: black;
+	}
+}
\ No newline at end of file