From bbf5daf5e2cf8f8733a1ca0a636d12525d2a94bf Mon Sep 17 00:00:00 2001 From: Hakadao Date: Sun, 10 Mar 2024 12:47:22 -0300 Subject: [PATCH] style: decrease the content opacity in light mode decrease the opacity in light mode to ensure the text can be seen clearly --- src/styles/variables.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/styles/variables.scss b/src/styles/variables.scss index b729c45e..41414796 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -95,7 +95,8 @@ 220 14% 96% / var(--bew-homepage-bg-mask-opacity) ); - --bew-content-opacity: 0.6; + // Decrease the opacity in light mode to ensure the text can be seen clearly + --bew-content-opacity: 0.8; // #region content colors, used to buttons, cards, popover and so on --bew-content-1: hsl(0 0% 100% / var(--bew-content-opacity)); @@ -152,6 +153,8 @@ --bew-homepage-bg: hsl(230 12% 6%); --bew-homepage-bg-mask: hsl(230 12% 6% / var(--bew-homepage-bg-mask-opacity)); + --bew-content-opacity: 0.6; + --bew-content-1: hsl(230 12% 12% / var(--bew-content-opacity)); --bew-content-1-hover: hsl(230 12% 28% / var(--bew-content-opacity));