From 67b9194462720d2571469fc08b463bb1ec90d83d Mon Sep 17 00:00:00 2001
From: Jarlem Red de Peralta <lmoa.jhdp@gmail.com>
Date: Fri, 9 Dec 2022 13:15:35 +0800
Subject: [PATCH] style(page): tint the image

close lemredd/talakutnangan#1108
---
 pages/user/log_in.page.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/pages/user/log_in.page.vue b/pages/user/log_in.page.vue
index 89be9600e..ef07e99d6 100644
--- 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;
 		}
 	}