Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests Projects Activity Actions

material/theme: use color with alpha for shadow

Browse source
This commit is contained in:
thislight 2024-10-30 23:59:15 +08:00
parent 404ad1e678
commit 3e3910bfe1
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
1 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/material/theme.css
View file

@ -82,25 +82,27 @@
--tutu-color-error-on-surface: #d32f2f; --tutu-color-error-on-surface: #d32f2f;
--tutu-color-inactive-on-surface: #757575; --tutu-color-inactive-on-surface: #757575;
--tutu-shadow-e1: 0px 1px 2px 0px #9e9e9e; --tutu-color-shadow: rgba(0, 0, 0, 0.15);
--tutu-shadow-e1: 0px 1px 2px 0px var(--tutu-color-shadow);
/* Switch */ /* Switch */
--tutu-shadow-e2: 0px 2px 4px 0px #9e9e9e; --tutu-shadow-e2: 0px 2px 4px 0px var(--tutu-color-shadow);
/* (Resting) cards, raised button, quick entry / search bar */ /* (Resting) cards, raised button, quick entry / search bar */
--tutu-shadow-e3: 0px 3px 6px 0px #9e9e9e; --tutu-shadow-e3: 0px 3px 6px 0px var(--tutu-color-shadow);
/* Refresh indicator, quick entry / search bar (scrolled) */ /* Refresh indicator, quick entry / search bar (scrolled) */
--tutu-shadow-e4: 0px 4px 8px 0px #9e9e9e; --tutu-shadow-e4: 0px 4px 8px 0px var(--tutu-color-shadow);
/* App bar */ /* App bar */
--tutu-shadow-e6: 0px 6px 12px 0px #9e9e9e; --tutu-shadow-e6: 0px 6px 12px 0px var(--tutu-color-shadow);
/* Snack bar, FAB (resting) */ /* Snack bar, FAB (resting) */
--tutu-shadow-e8: 0px 8px 16px 0px #9e9e9e; --tutu-shadow-e8: 0px 8px 16px 0px var(--tutu-color-shadow);
/* Menu, (picked-up) cards, (pressed) raise button */ /* Menu, (picked-up) cards, (pressed) raise button */
--tutu-shadow-e9: 0px 9px 18px 0px #9e9e9e; --tutu-shadow-e9: 0px 9px 18px 0px var(--tutu-color-shadow);
/* Submenu (+1dp for each submenu) */ /* Submenu (+1dp for each submenu) */
--tutu-shadow-e12: 0px 12px 24px 0px #9e9e9e; --tutu-shadow-e12: 0px 12px 24px 0px var(--tutu-color-shadow);
/* (pressed) FAB */ /* (pressed) FAB */
--tutu-shadow-e16: 0px 16px 32px 0px #9e9e9e; --tutu-shadow-e16: 0px 16px 32px 0px var(--tutu-color-shadow);
/* Nav drawer, right drawer, modal bottom sheet */ /* Nav drawer, right drawer, modal bottom sheet */
--tutu-shadow-e24: 0px 24px 48px 0px #9e9e9e; --tutu-shadow-e24: 0px 24px 48px 0px var(--tutu-color-shadow);
/* Dialog, picker */ /* Dialog, picker */
--tutu-anim-curve-std: cubic-bezier(0.4, 0, 0.2, 1); --tutu-anim-curve-std: cubic-bezier(0.4, 0, 0.2, 1);