-
Notifications
You must be signed in to change notification settings - Fork 109
/
Copy pathprimitive-colors.css
71 lines (71 loc) · 2.84 KB
/
primitive-colors.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
:root {
--color-dark-indigo: #0b1f35;
--color-dark-indigo-60: rgba(11, 31, 53, 0.6);
--color-dark-indigo-30: rgba(11, 31, 53, 0.3);
--color-dark-indigo-15: rgba(11, 31, 53, 0.15);
--color-dark-indigo-10: rgba(11, 31, 53, 0.1);
--color-dark-indigo-07: rgba(11, 31, 53, 0.07);
--color-dark-indigo-05: rgba(11, 31, 53, 0.05);
--color-dark-indigo-60-flat: #6d7986;
--color-dark-indigo-30-flat: #b6bcc3;
--color-dark-indigo-15-flat: #dbdee1;
--color-dark-indigo-10-flat: #e7e9eb;
--color-dark-indigo-07-flat: #eeeff1;
--color-dark-indigo-05-flat: #f3f4f5;
--color-red-brand: #ef3124;
--color-red-brand-85: rgba(239, 49, 36, 0.85);
--color-red-brand-70: rgba(239, 49, 36, 0.7);
--color-red-brand-50: rgba(239, 49, 36, 0.5);
--color-red-brand-30: rgba(239, 49, 36, 0.3);
--color-red-brand-20: rgba(239, 49, 36, 0.2);
--color-red-brand-10: rgba(239, 49, 36, 0.1);
--color-red-brand-85-flat: #f15045;
--color-red-brand-70-flat: #f46f66;
--color-red-brand-50-flat: #f69791;
--color-red-brand-30-flat: #fbc2bd;
--color-red-brand-20-flat: #fcd6d3;
--color-red-brand-10-flat: #feebea;
--color-red-brand-05-flat: #fef5f4;
--color-red-dark: #d91d0b;
--color-red-error: #ff5c5c;
--color-green-text: #13a463;
--color-green-text-60: rgba(19, 164, 99, 0.6);
--color-green-text-60-flat: #71c8a1;
--color-green-done: #2fc26e;
--color-green-done-20: rgba(47, 194, 110, 0.2);
--color-green-done-10: rgba(47, 194, 110, 0.1);
--color-green-done-05: rgba(47, 194, 110, 0.05);
--color-green-done-20-flat: #d5f3e2;
--color-green-done-10-flat: #ebf9f1;
--color-green-done-05-flat: #f4fcf7;
--color-blue-action: #0e60b9;
--color-blue-swipe-a: #2670c6;
--color-blue-swipe-b: #3781d8;
--color-blue-swipe-c: #4a90e2;
--color-blue-link-mobile: #007aff;
--color-blue-link-mobile-10: rgba(0, 122, 255, 0.1);
--color-blue-link-mobile-10-flat: #e6f2ff;
--color-blue-link-web: #0f62fe;
--color-sand: #f6bf65;
--color-lavender: #8888ad;
--color-amethyst: #a489aa;
--color-black: #000;
--color-black-60: rgba(0, 0, 0, 0.6);
--color-black-30: rgba(0, 0, 0, 0.3);
--color-black-10: rgba(0, 0, 0, 0.1);
--color-black-60-flat: #666;
--color-black-30-flat: #b3b3b3;
--color-black-10-flat: #e6e6e6;
--color-white: #fff;
--color-white-60: rgba(255, 255, 255, 0.6);
--color-white-30: rgba(255, 255, 255, 0.3);
--color-white-10: rgba(255, 255, 255, 0.1);
--color-bg-corporate: #212a33;
--color-bg-corporate-90: rgba(33, 42, 51, 0.9);
--color-bg-corporate-60: rgba(33, 42, 51, 0.6);
--color-bg-corporate-30: rgba(33, 42, 51, 0.3);
--color-bg-corporate-90-flat: #384048;
--color-bg-corporate-60-flat: #7a7f85;
--color-bg-corporate-30-flat: #bdc0c2;
--color-light-blue: #f5f7f9;
}