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

chore: update shadow and edge glow styles

Browse Source
This commit is contained in:
Hakadao
2024-08-04 23:34:43 +08:00
parent 011edbefc6
commit d85bdeb60d
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/styles/variables.scss
View File

@@ -38,10 +38,13 @@
0 30px 40px -8px rgb(0 0 0 / 0.12);
// Use this to imitate the frosted glass edge effect in components with a frosted glass design (except dialogs)
--bew-shadow-edge-glow-1: inset 0 0 4px rgba(255, 255, 255, 0.4);
--bew-shadow-edge-glow-1: inset 1px 1px 1px -0.5px rgba(255, 255, 255, 0.2),
inset -1px -1px 1px -0.5px rgba(255, 255, 255, 0.12), inset 0 0 4px rgba(255, 255, 255, 0.4);
// Use this for dialogs with the frosted glass effect
--bew-shadow-edge-glow-2: inset 0 0 8px rgba(255, 255, 255, 0.42);
--bew-shadow-edge-glow-2: inset 1px 1px 1px -0.5px rgba(255, 255, 255, 0.2),
inset -1px -1px 1px -0.5px rgba(255, 255, 255, 0.12), inset 0 0 8px rgba(255, 255, 255, 0.42);
// #endregion
// #region Theme Color & Status Colors
@@ -199,8 +202,10 @@
--bew-shadow-4: 0 34px 50px -20px rgb(0 0 0 / 0.24), 0 32px 45px -12px rgb(0 0 0 / 0.2),
0 30px 40px -8px rgb(0 0 0 / 0.22);
--bew-shadow-edge-glow-1: inset 0 0 4px rgba(255, 255, 255, 0.08);
--bew-shadow-edge-glow-2: inset 0 0 8px rgba(255, 255, 255, 0.1);
--bew-shadow-edge-glow-1: inset 1px 1px 1px -0.5px rgba(255, 255, 255, 0.12),
inset -1px -1px 1px -0.5px rgba(255, 255, 255, 0.04), inset 0 0 4px rgba(255, 255, 255, 0.06);
--bew-shadow-edge-glow-2: inset 1px 1px 1px -0.5px rgba(255, 255, 255, 0.12),
inset -1px -1px 1px -0.5px rgba(255, 255, 255, 0.04), inset 0 0 8px rgba(255, 255, 255, 0.08);
// #endregion
--bew-logo-color: var(--bew-text-1);