@foris/avocado-core 0.2.0 → 0.2.1-beta.0
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.
- package/dist/scss/_themes.scss +130 -13
- package/dist/scss/_variables.scss +16 -9
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/scss/_themes.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--color-gray-90: #313d49;
|
|
3
|
-
--color-gray-85: #
|
|
3
|
+
--color-gray-85: #323e4b;
|
|
4
4
|
--color-gray-80: #3c4b5a;
|
|
5
5
|
--color-gray-70: #465669;
|
|
6
6
|
--color-gray-50: #8c93a6;
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
--color-gray-10: #e9eff2;
|
|
9
9
|
--color-gray-05: #fafbfc;
|
|
10
10
|
--color-gray-00: #ffffff;
|
|
11
|
+
|
|
11
12
|
--color-brand-90: #003f52;
|
|
12
13
|
--color-brand-80: #004c65;
|
|
13
14
|
--color-brand-70: #00708f;
|
|
@@ -17,11 +18,95 @@
|
|
|
17
18
|
--color-brand-30: #99cddc;
|
|
18
19
|
--color-brand-20: #cce6ee;
|
|
19
20
|
--color-brand-10: #e6f2f6;
|
|
21
|
+
|
|
22
|
+
--color-blue-10: #f1f9ff;
|
|
23
|
+
--color-blue-50: #337ad3;
|
|
24
|
+
--color-blue-60: #1a5cac;
|
|
25
|
+
--color-blue-opacity: rgba(51, 122, 211, 10%);
|
|
26
|
+
--color-blue-border: rgba(51, 122, 211, 70%);
|
|
27
|
+
--color-red-10: #fff3f1;
|
|
28
|
+
--color-red-50: #d13f3d;
|
|
29
|
+
--color-red-60: #a82326;
|
|
30
|
+
--color-red-opacity: rgba(209, 63, 61, 10%);
|
|
31
|
+
--color-red-border: rgba(209, 63, 61, 70%);
|
|
32
|
+
--color-green-10: #eaffe9;
|
|
33
|
+
--color-green-50: #3f8e43;
|
|
34
|
+
--color-green-60: #266f2b;
|
|
35
|
+
--color-green-opacity: rgba(63, 142, 67, 10%);
|
|
36
|
+
--color-green-border: rgba(63, 142, 67, 70%);
|
|
37
|
+
--color-orange-10: #fff5ed;
|
|
38
|
+
--color-orange-50: #e87228;
|
|
39
|
+
--color-orange-60: #934200;
|
|
40
|
+
--color-orange-opacity: rgba(232, 114, 40, 10%);
|
|
41
|
+
--color-orange-border: rgba(232, 114, 40, 70%);
|
|
42
|
+
|
|
43
|
+
--color-palette-1-10: #fef0f1;
|
|
44
|
+
--color-palette-1-50: #f26870;
|
|
45
|
+
--color-palette-1-80: #a42929;
|
|
46
|
+
--color-palette-2-10: #fffbef;
|
|
47
|
+
--color-palette-2-50: #ffd056;
|
|
48
|
+
--color-palette-2-80: #926900;
|
|
49
|
+
--color-palette-3-10: #f5fbf2;
|
|
50
|
+
--color-palette-3-50: #92d274;
|
|
51
|
+
--color-palette-3-80: #327114;
|
|
52
|
+
--color-palette-4-10: #f0f7fc;
|
|
53
|
+
--color-palette-4-50: #61aade;
|
|
54
|
+
--color-palette-4-80: #075893;
|
|
55
|
+
--color-palette-5-10: #f6f1fb;
|
|
56
|
+
--color-palette-5-50: #9f6fd0;
|
|
57
|
+
--color-palette-5-80: #5a2490;
|
|
58
|
+
--color-palette-6-10: #fff5f2;
|
|
59
|
+
--color-palette-6-50: #fa9677;
|
|
60
|
+
--color-palette-6-80: #a74020;
|
|
61
|
+
--color-palette-7-10: #f8fbf2;
|
|
62
|
+
--color-palette-7-50: #b7d674;
|
|
63
|
+
--color-palette-7-80: #5a7a18;
|
|
64
|
+
--color-palette-8-10: #f0f4fc;
|
|
65
|
+
--color-palette-8-50: #6789df;
|
|
66
|
+
--color-palette-8-80: #133794;
|
|
67
|
+
--color-palette-9-10: #fbeff6;
|
|
68
|
+
--color-palette-9-50: #d45e9e;
|
|
69
|
+
--color-palette-9-80: #8d0c52;
|
|
70
|
+
--color-palette-10-10: #fef9f2;
|
|
71
|
+
--color-palette-10-50: #f4ba75;
|
|
72
|
+
--color-palette-10-80: #a15700;
|
|
73
|
+
--color-palette-11-10: #f2fbfa;
|
|
74
|
+
--color-palette-11-50: #74d0c5;
|
|
75
|
+
--color-palette-11-80: #09675c;
|
|
76
|
+
--color-palette-12-10: #f4f2fc;
|
|
77
|
+
--color-palette-12-50: #8e7adc;
|
|
78
|
+
--color-palette-12-80: #361c9f;
|
|
79
|
+
--color-palette-13-10: #fef0f1;
|
|
80
|
+
--color-palette-13-50: #f26870;
|
|
81
|
+
--color-palette-13-80: #a61019;
|
|
82
|
+
--color-palette-14-10: #fcfcf1;
|
|
83
|
+
--color-palette-14-50: #dbdd72;
|
|
84
|
+
--color-palette-14-80: #686a0e;
|
|
85
|
+
--color-palette-15-10: #eaf7fa;
|
|
86
|
+
--color-palette-15-50: #6fc7db;
|
|
87
|
+
--color-palette-15-80: #116477;
|
|
88
|
+
--color-palette-16-10: #faf1fb;
|
|
89
|
+
--color-palette-16-50: #c96ed1;
|
|
90
|
+
--color-palette-16-80: #710f7b;
|
|
91
|
+
--color-palette-17-10: #f4fbf7;
|
|
92
|
+
--color-palette-17-50: #89d7ad;
|
|
93
|
+
--color-palette-17-80: #136d3d;
|
|
94
|
+
--color-palette-18-10: #fff4f4;
|
|
95
|
+
--color-palette-18-50: #f98a8a;
|
|
96
|
+
--color-palette-18-80: #a42929;
|
|
97
|
+
|
|
98
|
+
--shadow-sm: 0 0 2px 0 rgba(49, 61, 73, 0.5);
|
|
99
|
+
--shadow-md: 0 1px 2px 1px rgba(49, 61, 73, 0.1),
|
|
100
|
+
0 2px 8px 0 rgba(49, 61, 73, 0.2);
|
|
101
|
+
--shadow-lg: 0 0 4px 1px rgba(49, 61, 73, 0.1),
|
|
102
|
+
0 2px 16px 0 rgba(49, 61, 73, 0.3);
|
|
103
|
+
--shadow-elevate: 0 2px 4px 0 rgba(49, 61, 73, 0.2);
|
|
20
104
|
}
|
|
21
105
|
|
|
22
106
|
:root,
|
|
23
107
|
.avocado-light-theme {
|
|
24
108
|
--sb-background-color: var(--color-gray-00);
|
|
109
|
+
|
|
25
110
|
--color-neutral-90: var(--color-gray-90);
|
|
26
111
|
--color-neutral-85: var(--color-gray-85);
|
|
27
112
|
--color-neutral-80: var(--color-gray-80);
|
|
@@ -31,6 +116,7 @@
|
|
|
31
116
|
--color-neutral-10: var(--color-gray-10);
|
|
32
117
|
--color-neutral-05: var(--color-gray-05);
|
|
33
118
|
--color-neutral-00: var(--color-gray-00);
|
|
119
|
+
|
|
34
120
|
--color-primary-90: var(--color-brand-90);
|
|
35
121
|
--color-primary-80: var(--color-brand-80);
|
|
36
122
|
--color-primary-70: var(--color-brand-70);
|
|
@@ -40,22 +126,32 @@
|
|
|
40
126
|
--color-primary-30: var(--color-brand-30);
|
|
41
127
|
--color-primary-20: var(--color-brand-20);
|
|
42
128
|
--color-primary-10: var(--color-brand-10);
|
|
43
|
-
|
|
44
|
-
--color-info-
|
|
45
|
-
--color-info-
|
|
46
|
-
--color-
|
|
47
|
-
--color-
|
|
48
|
-
--color-
|
|
49
|
-
--color-
|
|
50
|
-
--color-
|
|
51
|
-
--color-
|
|
52
|
-
--color-
|
|
53
|
-
--color-
|
|
54
|
-
--color-
|
|
129
|
+
|
|
130
|
+
--color-info-10: var(--color-blue-10);
|
|
131
|
+
--color-info-50: var(--color-blue-50);
|
|
132
|
+
--color-info-60: var(--color-blue-60);
|
|
133
|
+
--color-info-opacity: var(--color-blue-opacity);
|
|
134
|
+
--color-info-border: var(--color-blue-border);
|
|
135
|
+
--color-error-10: var(--color-red-10);
|
|
136
|
+
--color-error-50: var(--color-red-50);
|
|
137
|
+
--color-error-60: var(--color-red-60);
|
|
138
|
+
--color-error-opacity: var(--color-red-opacity);
|
|
139
|
+
--color-error-border: var(--color-red-border);
|
|
140
|
+
--color-success-10: var(--color-green-10);
|
|
141
|
+
--color-success-50: var(--color-green-50);
|
|
142
|
+
--color-success-60: var(--color-green-60);
|
|
143
|
+
--color-success-opacity: var(--color-green-opacity);
|
|
144
|
+
--color-success-border: var(--color-green-border);
|
|
145
|
+
--color-warning-10: var(--color-orange-10);
|
|
146
|
+
--color-warning-50: var(--color-orange-50);
|
|
147
|
+
--color-warning-60: var(--color-orange-60);
|
|
148
|
+
--color-warning-opacity: var(--color-orange-opacity);
|
|
149
|
+
--color-warning-border: var(--color-orange-border);
|
|
55
150
|
}
|
|
56
151
|
|
|
57
152
|
.avocado-dark-theme {
|
|
58
153
|
--sb-background-color: var(--color-gray-90);
|
|
154
|
+
|
|
59
155
|
--color-neutral-90: var(--color-gray-00);
|
|
60
156
|
--color-neutral-85: var(--color-gray-05);
|
|
61
157
|
--color-neutral-80: var(--color-gray-10);
|
|
@@ -65,6 +161,7 @@
|
|
|
65
161
|
--color-neutral-10: var(--color-gray-80);
|
|
66
162
|
--color-neutral-05: var(--color-gray-85);
|
|
67
163
|
--color-neutral-00: var(--color-gray-90);
|
|
164
|
+
|
|
68
165
|
--color-primary-90: var(--color-brand-10);
|
|
69
166
|
--color-primary-80: var(--color-brand-20);
|
|
70
167
|
--color-primary-70: var(--color-brand-30);
|
|
@@ -74,4 +171,24 @@
|
|
|
74
171
|
--color-primary-30: var(--color-brand-70);
|
|
75
172
|
--color-primary-20: var(--color-brand-80);
|
|
76
173
|
--color-primary-10: var(--color-brand-90);
|
|
174
|
+
|
|
175
|
+
--color-info-10: var(--color-blue-60);
|
|
176
|
+
--color-info-60: var(--color-blue-10);
|
|
177
|
+
--color-error-10: var(--color-red-60);
|
|
178
|
+
--color-error-60: var(--color-red-10);
|
|
179
|
+
--color-success-10: var(--color-green-60);
|
|
180
|
+
--color-success-60: var(--color-green-10);
|
|
181
|
+
--color-warning-10: var(--color-orange-60);
|
|
182
|
+
--color-warning-60: var(--color-orange-10);
|
|
183
|
+
|
|
184
|
+
--shadow-sm: 0 0 2px 0 rgba(0, 0, 0, 0.5);
|
|
185
|
+
--shadow-md: (
|
|
186
|
+
0 1px 2px 1px rgba(0, 0, 0, 0.1),
|
|
187
|
+
0 1px 6px 0 rgba(0, 0, 0, 0.2)
|
|
188
|
+
);
|
|
189
|
+
--shadow-lg: (
|
|
190
|
+
0 0 4px 1px rgba(0, 0, 0, 0.1),
|
|
191
|
+
0 2px 16px 0 rgba(0, 0, 0, 0.3)
|
|
192
|
+
);
|
|
193
|
+
--shadow-elevate: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
|
|
77
194
|
}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
// Line height
|
|
2
2
|
$lineHeight: 1.15;
|
|
3
3
|
|
|
4
|
+
// Calendar colors
|
|
5
|
+
$calendarColorsQuantity: 18;
|
|
6
|
+
|
|
4
7
|
// Breakpoints
|
|
5
8
|
$breakpoints: (
|
|
6
9
|
md: 992px,
|
|
@@ -154,7 +157,9 @@ $borders: (
|
|
|
154
157
|
|
|
155
158
|
// DT radius
|
|
156
159
|
$radius: (
|
|
160
|
+
sm: 0.125rem,
|
|
157
161
|
md: 0.25rem,
|
|
162
|
+
lg: 0.5rem,
|
|
158
163
|
);
|
|
159
164
|
|
|
160
165
|
// DT spacing
|
|
@@ -163,23 +168,25 @@ $spacing: (
|
|
|
163
168
|
xs: 0.5rem,
|
|
164
169
|
sm: 0.75rem,
|
|
165
170
|
md: 1rem,
|
|
166
|
-
lg: 1.
|
|
167
|
-
xl:
|
|
171
|
+
lg: 1.25rem,
|
|
172
|
+
xl: 1.5rem,
|
|
173
|
+
xxl: 2rem,
|
|
174
|
+
xxxl: 2.75rem,
|
|
168
175
|
);
|
|
169
176
|
|
|
170
|
-
// DT shadow
|
|
177
|
+
// DT shadow - use css variables and then delete this
|
|
171
178
|
$shadow: (
|
|
172
|
-
sm: 0 0 2px 0 rgba(
|
|
179
|
+
sm: 0 0 2px 0 rgba(49, 61, 73, 0.5),
|
|
173
180
|
md: (
|
|
174
|
-
0 1px 2px 1px rgba(
|
|
175
|
-
0 1px 6px 0 rgba(
|
|
181
|
+
0 1px 2px 1px rgba(49, 61, 73, 0.1),
|
|
182
|
+
0 1px 6px 0 rgba(49, 61, 73, 0.2),
|
|
176
183
|
),
|
|
177
184
|
lg: (
|
|
178
|
-
0 0 4px 1px rgba(
|
|
179
|
-
0 2px 16px 0 rgba(
|
|
185
|
+
0 0 4px 1px rgba(49, 61, 73, 0.1),
|
|
186
|
+
0 2px 16px 0 rgba(49, 61, 73, 0.3),
|
|
180
187
|
),
|
|
181
188
|
elevate: (
|
|
182
|
-
0 2px 4px 0 rgba(
|
|
189
|
+
0 2px 4px 0 rgba(49, 61, 73, 0.15),
|
|
183
190
|
),
|
|
184
191
|
);
|
|
185
192
|
|