1 | .surface-tint { |
2 | background-color: var(--md-sys-color-surface-tint); |
3 | } |
4 | .surface-tint-text { |
5 | color: var(--md-sys-color-surface-tint); |
6 | } |
7 | .surface-tint-color { |
8 | background-color: var(--md-sys-color-surface-tint-color); |
9 | } |
10 | .surface-tint-color-text { |
11 | color: var(--md-sys-color-surface-tint-color); |
12 | } |
13 | .on-error-container { |
14 | background-color: var(--md-sys-color-on-error-container); |
15 | } |
16 | .on-error-container-text { |
17 | color: var(--md-sys-color-on-error-container); |
18 | } |
19 | .on-error { |
20 | background-color: var(--md-sys-color-on-error); |
21 | } |
22 | .on-error-text { |
23 | color: var(--md-sys-color-on-error); |
24 | } |
25 | .error-container { |
26 | background-color: var(--md-sys-color-error-container); |
27 | } |
28 | .error-container-text { |
29 | color: var(--md-sys-color-error-container); |
30 | } |
31 | .on-tertiary-container { |
32 | background-color: var(--md-sys-color-on-tertiary-container); |
33 | } |
34 | .on-tertiary-container-text { |
35 | color: var(--md-sys-color-on-tertiary-container); |
36 | } |
37 | .on-tertiary { |
38 | background-color: var(--md-sys-color-on-tertiary); |
39 | } |
40 | .on-tertiary-text { |
41 | color: var(--md-sys-color-on-tertiary); |
42 | } |
43 | .tertiary-container { |
44 | background-color: var(--md-sys-color-tertiary-container); |
45 | } |
46 | .tertiary-container-text { |
47 | color: var(--md-sys-color-tertiary-container); |
48 | } |
49 | .tertiary { |
50 | background-color: var(--md-sys-color-tertiary); |
51 | } |
52 | .tertiary-text { |
53 | color: var(--md-sys-color-tertiary); |
54 | } |
55 | .shadow { |
56 | background-color: var(--md-sys-color-shadow); |
57 | } |
58 | .shadow-text { |
59 | color: var(--md-sys-color-shadow); |
60 | } |
61 | .error { |
62 | background-color: var(--md-sys-color-error); |
63 | } |
64 | .error-text { |
65 | color: var(--md-sys-color-error); |
66 | } |
67 | .outline { |
68 | background-color: var(--md-sys-color-outline); |
69 | } |
70 | .outline-text { |
71 | color: var(--md-sys-color-outline); |
72 | } |
73 | .on-background { |
74 | background-color: var(--md-sys-color-on-background); |
75 | } |
76 | .on-background-text { |
77 | color: var(--md-sys-color-on-background); |
78 | } |
79 | .background { |
80 | background-color: var(--md-sys-color-background); |
81 | } |
82 | .background-text { |
83 | color: var(--md-sys-color-background); |
84 | } |
85 | .inverse-on-surface { |
86 | background-color: var(--md-sys-color-inverse-on-surface); |
87 | } |
88 | .inverse-on-surface-text { |
89 | color: var(--md-sys-color-inverse-on-surface); |
90 | } |
91 | .inverse-surface { |
92 | background-color: var(--md-sys-color-inverse-surface); |
93 | } |
94 | .inverse-surface-text { |
95 | color: var(--md-sys-color-inverse-surface); |
96 | } |
97 | .on-surface-variant { |
98 | background-color: var(--md-sys-color-on-surface-variant); |
99 | } |
100 | .on-surface-variant-text { |
101 | color: var(--md-sys-color-on-surface-variant); |
102 | } |
103 | .on-surface { |
104 | background-color: var(--md-sys-color-on-surface); |
105 | } |
106 | .on-surface-text { |
107 | color: var(--md-sys-color-on-surface); |
108 | } |
109 | .surface-variant { |
110 | background-color: var(--md-sys-color-surface-variant); |
111 | } |
112 | .surface-variant-text { |
113 | color: var(--md-sys-color-surface-variant); |
114 | } |
115 | .surface { |
116 | background-color: var(--md-sys-color-surface); |
117 | } |
118 | .surface-text { |
119 | color: var(--md-sys-color-surface); |
120 | } |
121 | .on-secondary-container { |
122 | background-color: var(--md-sys-color-on-secondary-container); |
123 | } |
124 | .on-secondary-container-text { |
125 | color: var(--md-sys-color-on-secondary-container); |
126 | } |
127 | .on-secondary { |
128 | background-color: var(--md-sys-color-on-secondary); |
129 | } |
130 | .on-secondary-text { |
131 | color: var(--md-sys-color-on-secondary); |
132 | } |
133 | .secondary-container { |
134 | background-color: var(--md-sys-color-secondary-container); |
135 | } |
136 | .secondary-container-text { |
137 | color: var(--md-sys-color-secondary-container); |
138 | } |
139 | .secondary { |
140 | background-color: var(--md-sys-color-secondary); |
141 | } |
142 | .secondary-text { |
143 | color: var(--md-sys-color-secondary); |
144 | } |
145 | .inverse-primary { |
146 | background-color: var(--md-sys-color-inverse-primary); |
147 | } |
148 | .inverse-primary-text { |
149 | color: var(--md-sys-color-inverse-primary); |
150 | } |
151 | .on-primary-container { |
152 | background-color: var(--md-sys-color-on-primary-container); |
153 | } |
154 | .on-primary-container-text { |
155 | color: var(--md-sys-color-on-primary-container); |
156 | } |
157 | .on-primary { |
158 | background-color: var(--md-sys-color-on-primary); |
159 | } |
160 | .on-primary-text { |
161 | color: var(--md-sys-color-on-primary); |
162 | } |
163 | .primary-container { |
164 | background-color: var(--md-sys-color-primary-container); |
165 | } |
166 | .primary-container-text { |
167 | color: var(--md-sys-color-primary-container); |
168 | } |
169 | .primary { |
170 | background-color: var(--md-sys-color-primary); |
171 | } |
172 | .primary-text { |
173 | color: var(--md-sys-color-primary); |
174 | } |
175 | |