diff --git a/src/lib/components/CategoryFilter.svelte b/src/lib/components/CategoryFilter.svelte
index 9e4c2e8..5b3622f 100644
--- a/src/lib/components/CategoryFilter.svelte
+++ b/src/lib/components/CategoryFilter.svelte
@@ -83,12 +83,18 @@
 
 	.filter-label {
 		font-size: 0.9rem;
-		color: var(--nord6);
+		color: var(--nord2);
 		font-weight: 600;
 		margin-bottom: 0.25rem;
 		text-align: center;
 	}
 
+	@media (prefers-color-scheme: dark) {
+		.filter-label {
+			color: var(--nord6);
+		}
+	}
+
 	@media (max-width: 968px) {
 		.filter-label {
 			font-size: 0.85rem;
@@ -122,7 +128,7 @@
 	}
 
 	input::placeholder {
-		color: var(--nord3);
+		color: var(--nord4);
 	}
 
 	input:hover {
diff --git a/src/lib/components/FavoritesFilter.svelte b/src/lib/components/FavoritesFilter.svelte
index 91e3e87..e52a47d 100644
--- a/src/lib/components/FavoritesFilter.svelte
+++ b/src/lib/components/FavoritesFilter.svelte
@@ -44,12 +44,18 @@
 
 	.filter-label {
 		font-size: 0.9rem;
-		color: var(--nord6);
+		color: var(--nord2);
 		font-weight: 600;
 		margin-bottom: 0.25rem;
 		text-align: center;
 	}
 
+	@media (prefers-color-scheme: dark) {
+		.filter-label {
+			color: var(--nord6);
+		}
+	}
+
 	@media (max-width: 968px) {
 		.filter-label {
 			font-size: 0.85rem;
diff --git a/src/lib/components/IconFilter.svelte b/src/lib/components/IconFilter.svelte
index dd6190f..6f38ac1 100644
--- a/src/lib/components/IconFilter.svelte
+++ b/src/lib/components/IconFilter.svelte
@@ -74,12 +74,18 @@
 
 	.filter-label {
 		font-size: 0.9rem;
-		color: var(--nord6);
+		color: var(--nord2);
 		font-weight: 600;
 		margin-bottom: 0.25rem;
 		text-align: center;
 	}
 
+	@media (prefers-color-scheme: dark) {
+		.filter-label {
+			color: var(--nord6);
+		}
+	}
+
 	@media (max-width: 968px) {
 		.filter-label {
 			font-size: 0.85rem;
@@ -113,7 +119,7 @@
 	}
 
 	input::placeholder {
-		color: var(--nord3);
+		color: var(--nord4);
 		font-family: sans-serif;
 	}
 
diff --git a/src/lib/components/SeasonFilter.svelte b/src/lib/components/SeasonFilter.svelte
index 2dde77c..6f14556 100644
--- a/src/lib/components/SeasonFilter.svelte
+++ b/src/lib/components/SeasonFilter.svelte
@@ -95,12 +95,18 @@
 
 	.filter-label {
 		font-size: 0.9rem;
-		color: var(--nord6);
+		color: var(--nord2);
 		font-weight: 600;
 		margin-bottom: 0.25rem;
 		text-align: center;
 	}
 
+	@media (prefers-color-scheme: dark) {
+		.filter-label {
+			color: var(--nord6);
+		}
+	}
+
 	@media (max-width: 968px) {
 		.filter-label {
 			font-size: 0.85rem;
@@ -134,7 +140,7 @@
 	}
 
 	input::placeholder {
-		color: var(--nord3);
+		color: var(--nord4);
 	}
 
 	input:hover {
diff --git a/src/lib/components/TagFilter.svelte b/src/lib/components/TagFilter.svelte
index 5044a6e..4a752f2 100644
--- a/src/lib/components/TagFilter.svelte
+++ b/src/lib/components/TagFilter.svelte
@@ -85,12 +85,18 @@
 
 	.filter-label {
 		font-size: 0.9rem;
-		color: var(--nord6);
+		color: var(--nord2);
 		font-weight: 600;
 		margin-bottom: 0.25rem;
 		text-align: center;
 	}
 
+	@media (prefers-color-scheme: dark) {
+		.filter-label {
+			color: var(--nord6);
+		}
+	}
+
 	@media (max-width: 968px) {
 		.filter-label {
 			font-size: 0.85rem;
@@ -131,7 +137,7 @@
 	}
 
 	input::placeholder {
-		color: var(--nord3);
+		color: var(--nord4);
 	}
 
 	input:hover {
diff --git a/src/lib/components/UserHeader.svelte b/src/lib/components/UserHeader.svelte
index 423babd..9d6a633 100644
--- a/src/lib/components/UserHeader.svelte
+++ b/src/lib/components/UserHeader.svelte
@@ -147,5 +147,5 @@ h2 + p{
 		</div>
 	</button>
 {:else}
-	<a class=entry href=/login>Log In</a>
+	<a class=entry href=/login>Login</a>
 {/if}