1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 |
|
23 | @use '@material/theme/theme-color';
|
24 |
|
25 |
|
26 | $title-ink-color: theme-color.prop-value(on-surface) !default;
|
27 | $subtitle-ink-color: theme-color.prop-value(on-surface) !default;
|
28 | $item-inactive-ink-color: theme-color.prop-value(on-surface) !default;
|
29 | $item-activated-ink-color: theme-color.prop-value(primary) !default;
|
30 | $divider-color: theme-color.prop-value(on-surface) !default;
|
31 | $surface-fill-color: surface !default;
|
32 |
|
33 |
|
34 | $title-ink-opacity: theme-color.text-emphasis(high) !default;
|
35 | $subtitle-ink-opacity: theme-color.text-emphasis(medium) !default;
|
36 | $item-inactive-icon-ink-opacity: theme-color.text-emphasis(medium) !default;
|
37 | $item-inactive-text-ink-opacity: theme-color.text-emphasis(high) !default;
|
38 | $item-active-icon-ink-opacity: 1 !default;
|
39 | $item-active-text-ink-opacity: theme-color.text-emphasis(high) !default;
|
40 | $divider-opacity: 0.12 !default;
|
41 |
|
42 |
|
43 | $width: 256px !default;
|
44 | $list-item-spacing: 4px !default;
|
45 | $surface-padding: 16px !default;
|
46 | $shape-radius: large !default;
|
47 | $item-shape-radius: small !default;
|
48 |
|
49 |
|
50 | $animation-enter: 250ms !default;
|
51 | $animation-exit: 200ms !default;
|
52 |
|
53 |
|
54 | $modal-scrim-color: theme-color.prop-value(on-surface) !default;
|
55 | $modal-scrim-opacity: 0.32 !default;
|
56 |
|
57 | $z-index: 6 !default;
|
58 | $modal-elevation: 16 !default;
|