@hotosm/ui 0.3.1-b9 → 0.3.2-b1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -151,6 +151,76 @@
|
|
|
151
151
|
--wa-color-pink: var(--wa-color-pink-50);
|
|
152
152
|
--wa-color-pink-key: 50;
|
|
153
153
|
|
|
154
|
+
/*
|
|
155
|
+
* WebAwesome Theme Override
|
|
156
|
+
* This defines all the semantic color variants used by WebAwesome components
|
|
157
|
+
*/
|
|
158
|
+
:where(:root), .wa-theme-default, .wa-light, .wa-dark .wa-invert, .wa-light .wa-theme-default, .wa-dark .wa-theme-default.wa-invert, .wa-dark .wa-theme-default .wa-invert {
|
|
159
|
+
color-scheme: light;
|
|
160
|
+
color: var(--wa-color-text-normal);
|
|
161
|
+
--wa-color-surface-raised: white;
|
|
162
|
+
--wa-color-surface-default: white;
|
|
163
|
+
--wa-color-surface-lowered: var(--wa-color-neutral-95);
|
|
164
|
+
--wa-color-surface-border: var(--wa-color-neutral-90);
|
|
165
|
+
--wa-color-text-normal: var(--wa-color-neutral-10);
|
|
166
|
+
--wa-color-text-quiet: var(--wa-color-neutral-40);
|
|
167
|
+
--wa-color-text-link: var(--wa-color-brand-40);
|
|
168
|
+
--wa-color-overlay-modal:
|
|
169
|
+
color-mix(in oklab, var(--wa-color-neutral-05) 50%, transparent);
|
|
170
|
+
--wa-color-overlay-inline:
|
|
171
|
+
color-mix(in oklab, var(--wa-color-neutral-80) 25%, transparent);
|
|
172
|
+
--wa-color-shadow:
|
|
173
|
+
color-mix(in oklab, var(--wa-color-neutral-05) calc(var(--wa-shadow-blur-scale) * 4% + 8%), transparent);
|
|
174
|
+
--wa-color-focus: var(--wa-color-brand-60);
|
|
175
|
+
--wa-color-mix-hover: black 10%;
|
|
176
|
+
--wa-color-mix-active: black 20%;
|
|
177
|
+
--wa-color-brand-fill-quiet: var(--wa-color-brand-95);
|
|
178
|
+
--wa-color-brand-fill-normal: var(--wa-color-brand-90);
|
|
179
|
+
--wa-color-brand-fill-loud: var(--wa-color-brand-50);
|
|
180
|
+
--wa-color-brand-border-quiet: var(--wa-color-brand-90);
|
|
181
|
+
--wa-color-brand-border-normal: var(--wa-color-brand-80);
|
|
182
|
+
--wa-color-brand-border-loud: var(--wa-color-brand-60);
|
|
183
|
+
--wa-color-brand-on-quiet: var(--wa-color-brand-40);
|
|
184
|
+
--wa-color-brand-on-normal: var(--wa-color-brand-30);
|
|
185
|
+
--wa-color-brand-on-loud: white;
|
|
186
|
+
--wa-color-success-fill-quiet: var(--wa-color-success-95);
|
|
187
|
+
--wa-color-success-fill-normal: var(--wa-color-success-90);
|
|
188
|
+
--wa-color-success-fill-loud: var(--wa-color-success-50);
|
|
189
|
+
--wa-color-success-border-quiet: var(--wa-color-success-90);
|
|
190
|
+
--wa-color-success-border-normal: var(--wa-color-success-80);
|
|
191
|
+
--wa-color-success-border-loud: var(--wa-color-success-60);
|
|
192
|
+
--wa-color-success-on-quiet: var(--wa-color-success-40);
|
|
193
|
+
--wa-color-success-on-normal: var(--wa-color-success-30);
|
|
194
|
+
--wa-color-success-on-loud: white;
|
|
195
|
+
--wa-color-warning-fill-quiet: var(--wa-color-warning-95);
|
|
196
|
+
--wa-color-warning-fill-normal: var(--wa-color-warning-90);
|
|
197
|
+
--wa-color-warning-fill-loud: var(--wa-color-warning-50);
|
|
198
|
+
--wa-color-warning-border-quiet: var(--wa-color-warning-90);
|
|
199
|
+
--wa-color-warning-border-normal: var(--wa-color-warning-80);
|
|
200
|
+
--wa-color-warning-border-loud: var(--wa-color-warning-60);
|
|
201
|
+
--wa-color-warning-on-quiet: var(--wa-color-warning-40);
|
|
202
|
+
--wa-color-warning-on-normal: var(--wa-color-warning-30);
|
|
203
|
+
--wa-color-warning-on-loud: white;
|
|
204
|
+
--wa-color-danger-fill-quiet: var(--wa-color-danger-95);
|
|
205
|
+
--wa-color-danger-fill-normal: var(--wa-color-danger-90);
|
|
206
|
+
--wa-color-danger-fill-loud: var(--wa-color-danger-50);
|
|
207
|
+
--wa-color-danger-border-quiet: var(--wa-color-danger-90);
|
|
208
|
+
--wa-color-danger-border-normal: var(--wa-color-danger-80);
|
|
209
|
+
--wa-color-danger-border-loud: var(--wa-color-danger-60);
|
|
210
|
+
--wa-color-danger-on-quiet: var(--wa-color-danger-40);
|
|
211
|
+
--wa-color-danger-on-normal: var(--wa-color-danger-30);
|
|
212
|
+
--wa-color-danger-on-loud: white;
|
|
213
|
+
--wa-color-neutral-fill-quiet: var(--wa-color-neutral-95);
|
|
214
|
+
--wa-color-neutral-fill-normal: var(--wa-color-neutral-90);
|
|
215
|
+
--wa-color-neutral-fill-loud: var(--wa-color-neutral-20);
|
|
216
|
+
--wa-color-neutral-border-quiet: var(--wa-color-neutral-90);
|
|
217
|
+
--wa-color-neutral-border-normal: var(--wa-color-neutral-80);
|
|
218
|
+
--wa-color-neutral-border-loud: var(--wa-color-neutral-60);
|
|
219
|
+
--wa-color-neutral-on-quiet: var(--wa-color-neutral-40);
|
|
220
|
+
--wa-color-neutral-on-normal: var(--wa-color-neutral-30);
|
|
221
|
+
--wa-color-neutral-on-loud: white;
|
|
222
|
+
}
|
|
223
|
+
|
|
154
224
|
/*
|
|
155
225
|
* Typography
|
|
156
226
|
*
|