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));