renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: decrease the content opacity in light mode

Browse Source 
decrease the opacity in light mode to ensure the text can be seen clearly
This commit is contained in:
Hakadao
2024-03-10 12:47:22 -03:00
parent b81fbbd25d
commit bbf5daf5e2
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/styles/variables.scss
View File

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