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: adjust shadow colors

Browse Source
This commit is contained in:
Hakadao
2023-10-07 15:48:19 +08:00
parent 9f07a8bc26
commit 3f2c3943fd
1 changed files with 20 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/styles/variables.scss
View File

@@ -6,15 +6,14 @@
--bew-filter-glass: blur(20px) saturate(180%);
// #region shadow
--bew-shadow-1: 0 4px 6px -1px rgb(0 0 0 / 0.15),
0 2px 4px -2px rgb(0 0 0 / 0.1);
--bew-shadow-2: 0 10px 15px -3px rgb(0 0 0 / 0.22),
0 4px 6px -4px rgb(0 0 0 / 0.16);
--bew-shadow-3: 0 20px 25px -5px rgb(0 0 0 / 0.22),
0 8px 10px -6px rgb(0 0 0 / 0.16);
--bew-shadow-4: 0 34px 60px -20px rgb(0 0 0 / 0.44),
0 25px 50px -12px rgb(0 0 0 / 0.3),
0 12px 14px -8px rgb(0 0 0 / 0.18);
--bew-shadow-1: 0 4px 6px -1px rgb(0 0 0 / 0.1),
0 2px 4px -2px rgb(0 0 0 / 0.05);
--bew-shadow-2: 0 10px 15px -3px rgb(0 0 0 / 0.12),
0 4px 6px -4px rgb(0 0 0 / 0.1);
--bew-shadow-3: 0 20px 25px -5px rgb(0 0 0 / 0.14),
0 8px 10px -6px rgb(0 0 0 / 0.12);
--bew-shadow-4: 0 34px 60px -20px rgb(0 0 0 / 0.34),
0 25px 50px -12px rgb(0 0 0 / 0.2), 0 12px 14px -8px rgb(0 0 0 / 0.14);
// #endregion
--bew-logo-color: var(--bew-theme-color);
@@ -123,6 +122,18 @@
:host(.dark),
:root.dark {
// dark mode
// #region shadow
--bew-shadow-1: 0 4px 6px -1px rgb(0 0 0 / 0.15),
0 2px 4px -2px rgb(0 0 0 / 0.1);
--bew-shadow-2: 0 10px 15px -3px rgb(0 0 0 / 0.22),
0 4px 6px -4px rgb(0 0 0 / 0.16);
--bew-shadow-3: 0 20px 25px -5px rgb(0 0 0 / 0.22),
0 8px 10px -6px rgb(0 0 0 / 0.16);
--bew-shadow-4: 0 34px 60px -20px rgb(0 0 0 / 0.44),
0 25px 50px -12px rgb(0 0 0 / 0.3), 0 12px 14px -8px rgb(0 0 0 / 0.18);
// #endregion
--bew-logo-color: var(--bew-text-1);
--bew-text-1: hsl(215 19% 98%);