From 720fbc4b801ae1a435f41d0da2895393aa6eeee8 Mon Sep 17 00:00:00 2001
From: WhyFenceCode <120431739+WhyFenceCode@users.noreply.github.com>
Date: Tue, 30 Apr 2024 19:54:30 -0700
Subject: [PATCH] mod: style: added different image opacity to light mode.

---
 src/styles/root.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/styles/root.css b/src/styles/root.css
index 26b2ae6..f633325 100644
--- a/src/styles/root.css
+++ b/src/styles/root.css
@@ -11,6 +11,8 @@
 	--sl-color-gray-5: #353840;
 	--sl-color-gray-6: #24272e;
 	--sl-color-black: #17181c;
+
+	--background-image-opacity: 0.4;
 }
 /* Light mode colors. */
 :root[data-theme='light'] {
@@ -26,6 +28,8 @@
 	--sl-color-gray-6: #e7edff;
 	--sl-color-gray-7: #f3f6ff;
 	--sl-color-black: #ffffff;
+
+	--background-image-opacity: 1.0;
 }
 
 .bg-img {
@@ -34,7 +38,7 @@
 	left: 0;
 	width: 100%;
 	height: 130vh;
-	opacity: 0.4;
+	opacity: var(--background-image-opacity);
 	background: url(../assets/banner.webp);
 	background-repeat: no-repeat;
 	background-size: cover;