diff --git a/src/components/JournalList.astro b/src/components/JournalList.astro
index eef6b06..d7dbab7 100644
--- a/src/components/JournalList.astro
+++ b/src/components/JournalList.astro
@@ -37,7 +37,7 @@ const { entries } = Astro.props;
 						</>
 					) : (
 						<div
-							class="h-full w-full scale-105 bg-gray-800 blur-sm brightness-[50%] filter transition duration-300 ease-in-out group-hover:brightness-[90%]"
+							class="h-full w-full scale-105 bg-gray-800 blur-sm brightness-[80%] filter transition duration-300 ease-in-out group-hover:brightness-[90%] dark:brightness-[50%] dark:group-hover:brightness-[100%]"
 							style={`background-image: linear-gradient(to bottom left, ${
 								pickTwoRandomColors()[0]
 							} 0%, ${pickTwoRandomColors()[1]} 100%)`}
diff --git a/src/styles/global.css b/src/styles/global.css
index b83e46a..7359fc0 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -192,11 +192,11 @@
 		}
 
 		& img {
-			@apply !h-full scale-100 blur-0 brightness-[50%] filter transition duration-300 ease-in-out;
+			@apply !h-full scale-100 blur-0 brightness-[80%] filter transition duration-300 ease-in-out dark:brightness-[50%];
 		}
 
 		&:hover img {
-			@apply scale-105 blur-sm brightness-[70%];
+			@apply scale-105 blur-sm brightness-[100%] dark:brightness-[70%];
 		}
 	}
 }