style(page): tint the image

close #1108
lemredd · Dec 9, 2022 · 67b9194 · 67b9194
1 parent d5bc591
commit 67b9194
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/pages/user/log_in.page.vue b/pages/user/log_in.page.vue
@@ -19,13 +19,17 @@ body {
 		height: 100vh;
 
 		.image {
+			$imageURL: url("/api/user/log_in/image");
+			$redTint: hue-rotate(300deg);
+
 			content: '';
 			position: fixed;
 			inset: 0;
 
-			background-image: url("/api/user/log_in/image");
+			background-image: $imageURL;
 			background-repeat: no-repeat;
 			background-size: cover;
+			filter: sepia(100%) saturate(200%) brightness(80%) $redTint;
 		}
 	}