@foris/avocado-core 0.12.0 → 0.12.1

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.
Files changed (3) hide show
  1. package/dist/scss/_themes.scss +71 -1
  2. package/dist/style.css +1 -1
  3. package/package.json +1 -1
package/dist/scss/_themes.scss CHANGED
@@ -48,11 +48,12 @@
48
48
  --color-brand-60: #0086a8;
49
49
  --color-brand-50: #3397b9;
50
50
  --color-brand-40: #66b3cb;
51
- --color-brand-40-10: rgba(102, 179, 203, 0.1);
52
51
  --color-brand-30: #99cddc;
53
52
  --color-brand-20: #cce6ee;
54
53
  --color-brand-10: #e6f2f6;
55
54
 
55
+ --color-brand-40-10: rgba(102, 179, 203, 0.1);
56
+
56
57
  --color-blue-10: #f1f9ff;
57
58
  --color-blue-50: #337ad3;
58
59
  --color-blue-60: #1a5cac;
@@ -147,6 +148,31 @@
147
148
  --color-primitive-palette-17-50: #dbdd72;
148
149
  --color-primitive-palette-17-50-20: rgba(219, 221, 114, 20%);
149
150
  --color-primitive-palette-17-80: #686a0e;
151
+
152
+ // Web variables
153
+ --color-web-gray-100: #212c31;
154
+ --color-web-gray-90: #313d49;
155
+ --color-web-gray-80: #3c4b5a;
156
+ --color-web-gray-70: #465669;
157
+ --color-web-gray-50: #8c93a6;
158
+ --color-web-gray-30: #a8b2ce;
159
+ --color-web-gray-20: #cbd5e1;
160
+ --color-web-gray-05: #f8f9fd;
161
+ --color-web-gray-00: #ffffff;
162
+
163
+ --color-web-cyan-100: #003f5b;
164
+ --color-web-cyan-90: #04465e;
165
+ --color-web-cyan-80: #006580;
166
+ --color-web-cyan-70: #007ea0;
167
+ --color-web-cyan-60: #069cb8;
168
+ --color-web-cyan-50: #0dc1d3;
169
+ --color-web-cyan-30: #9cd5e0;
170
+
171
+ --color-web-red-50: #ff7173;
172
+ --color-web-red-40: #f98a8a;
173
+
174
+ --color-web-secondary-50: var(--color-web-red-50); //same in light and dark
175
+ --color-web-secondary-40: var(--color-web-red-40); //same in light and dark
150
176
  }
151
177
 
152
178
  :root,
@@ -154,6 +180,9 @@
154
180
  --sb-background-color: var(--color-gray-00);
155
181
  --motion-skeleton-color: var(--color-gray-90-10);
156
182
 
183
+ --color-background-05: var(--color-web-gray-05);
184
+ --color-background-00: var(--color-gray-00);
185
+
157
186
  --color-neutral-90: var(--color-gray-90);
158
187
  --color-neutral-85: var(--color-gray-85);
159
188
  --color-neutral-80: var(--color-gray-80);
@@ -276,12 +305,34 @@
276
305
  --shadow-lg: 0 0 4px 1px rgba(49, 61, 73, 0.1),
277
306
  0 2px 16px 0 rgba(49, 61, 73, 0.3);
278
307
  --shadow-elevate: 0 2px 4px 0 rgba(49, 61, 73, 0.2);
308
+
309
+ // Web variables
310
+ --color-web-neutral-100: var(--color-web-gray-100);
311
+ --color-web-neutral-90: var(--color-web-gray-90);
312
+ --color-web-neutral-80: var(--color-web-gray-80);
313
+ --color-web-neutral-70: var(--color-web-gray-70);
314
+ --color-web-neutral-50: var(--color-web-gray-50);
315
+ --color-web-neutral-30: var(--color-web-gray-30);
316
+ --color-web-neutral-20: var(--color-web-gray-20);
317
+ --color-web-neutral-05: var(--color-web-gray-05);
318
+ --color-web-neutral-00: var(--color-web-gray-00);
319
+
320
+ --color-web-primary-100: var(--color-web-cyan-100);
321
+ --color-web-primary-90: var(--color-web-cyan-90);
322
+ --color-web-primary-80: var(--color-web-cyan-80);
323
+ --color-web-primary-70: var(--color-web-cyan-70);
324
+ --color-web-primary-60: var(--color-web-cyan-60);
325
+ --color-web-primary-50: var(--color-web-cyan-50);
326
+ --color-web-primary-30: var(--color-web-cyan-30);
279
327
  }
280
328
 
281
329
  .avocado-dark-theme {
282
330
  --sb-background-color: var(--color-gray-90);
283
331
  --motion-skeleton-color: var(--color-gray-90-70);
284
332
 
333
+ --color-background-05: var(--color-gray-90);
334
+ --color-background-00: var(--color-gray-90);
335
+
285
336
  --color-neutral-90: var(--color-gray-05);
286
337
  --color-neutral-85: var(--color-gray-05);
287
338
  --color-neutral-80: var(--color-gray-10);
@@ -358,4 +409,23 @@
358
409
  --shadow-md: 0 1px 2px 1px rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.2);
359
410
  --shadow-lg: 0 0 4px 1px rgba(0, 0, 0, 0.1), 0 2px 16px 0 rgba(0, 0, 0, 0.3);
360
411
  --shadow-elevate: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
412
+
413
+ // Web variables
414
+ --color-web-neutral-100: var(--color-web-gray-00);
415
+ --color-web-neutral-90: var(--color-web-gray-05);
416
+ --color-web-neutral-80: var(--color-web-gray-20);
417
+ --color-web-neutral-70: var(--color-web-gray-30);
418
+ --color-web-neutral-50: var(--color-web-gray-50);
419
+ --color-web-neutral-30: var(--color-web-gray-70);
420
+ --color-web-neutral-20: var(--color-web-gray-80);
421
+ --color-web-neutral-05: var(--color-web-gray-90);
422
+ --color-web-neutral-00: var(--color-web-gray-100);
423
+
424
+ --color-web-primary-100: var(--color-web-cyan-30);
425
+ --color-web-primary-90: var(--color-web-cyan-50);
426
+ --color-web-primary-80: var(--color-web-cyan-60);
427
+ --color-web-primary-70: var(--color-web-cyan-70);
428
+ --color-web-primary-60: var(--color-web-cyan-80);
429
+ --color-web-primary-50: var(--color-web-cyan-90);
430
+ --color-web-primary-30: var(--color-web-cyan-100);
361
431
  }