@bagelink/vue 1.12.36 → 1.12.38
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/style.css +1 -1
- package/package.json +2 -2
- package/src/styles/base-colors.css +105 -0
- package/src/styles/colors.css +312 -0
- package/src/styles/mobileColors.css +312 -0
- package/src/styles/scrollbar.css +7 -1
- package/src/styles/text.css +130 -0
- package/src/styles/theme.css +15 -1
package/src/styles/theme.css
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
--bgl-selection-bg: var(--bgl-blue-dark);
|
|
35
35
|
--bgl-selection-color: var(--bgl-white);
|
|
36
36
|
--bgl-scrollbar-thumb: var(--bgl-gray);
|
|
37
|
-
--bgl-scrollbar-size: 0.
|
|
37
|
+
--bgl-scrollbar-size: 0.8rem;
|
|
38
38
|
--pill-btn-color: var(--bgl-white);
|
|
39
39
|
--pill-btn-bg: var(--placeholder-color);
|
|
40
40
|
--bgl-selected: var(--bgl-gray-light);
|
|
@@ -127,6 +127,7 @@
|
|
|
127
127
|
--bgl-gray-10: #fafafa;
|
|
128
128
|
--bgl-black-10: #f8f8f8;
|
|
129
129
|
--bgl-pink-10: #fef7f9;
|
|
130
|
+
--bgl-primary-10: color-mix(in oklab, white 90%, var(--bgl-primary));
|
|
130
131
|
}
|
|
131
132
|
|
|
132
133
|
/* 20% tints */
|
|
@@ -142,6 +143,7 @@
|
|
|
142
143
|
--bgl-gray-20: #f5f5f5;
|
|
143
144
|
--bgl-black-20: #f0f0f0;
|
|
144
145
|
--bgl-pink-20: #fceff2;
|
|
146
|
+
--bgl-primary-20: color-mix(in oklab, white 80%, var(--bgl-primary));
|
|
145
147
|
}
|
|
146
148
|
|
|
147
149
|
/* 30% tints */
|
|
@@ -157,6 +159,7 @@
|
|
|
157
159
|
--bgl-gray-30: #ebebeb;
|
|
158
160
|
--bgl-black-30: #e5e5e5;
|
|
159
161
|
--bgl-pink-30: #f9e2e8;
|
|
162
|
+
--bgl-primary-30: color-mix(in oklab, white 70%, var(--bgl-primary));
|
|
160
163
|
}
|
|
161
164
|
|
|
162
165
|
/* 40% tints */
|
|
@@ -172,6 +175,7 @@
|
|
|
172
175
|
--bgl-gray-40: #d8d8d8;
|
|
173
176
|
--bgl-black-40: #d2d2d2;
|
|
174
177
|
--bgl-pink-40: #f4c9d4;
|
|
178
|
+
--bgl-primary-40: color-mix(in oklab, white 60%, var(--bgl-primary));
|
|
175
179
|
}
|
|
176
180
|
|
|
177
181
|
/* 50% tints */
|
|
@@ -187,6 +191,7 @@
|
|
|
187
191
|
--bgl-gray-50: #c4c4c4;
|
|
188
192
|
--bgl-black-50: #b8b8b8;
|
|
189
193
|
--bgl-pink-50: #eea4b6;
|
|
194
|
+
--bgl-primary-50: color-mix(in oklab, white 50%, var(--bgl-primary));
|
|
190
195
|
}
|
|
191
196
|
|
|
192
197
|
/* 60% tints */
|
|
@@ -202,6 +207,7 @@
|
|
|
202
207
|
--bgl-gray-60: #cecece;
|
|
203
208
|
--bgl-black-60: #9e9e9e;
|
|
204
209
|
--bgl-pink-60: #e88399;
|
|
210
|
+
--bgl-primary-60: color-mix(in oklab, white 40%, var(--bgl-primary));
|
|
205
211
|
}
|
|
206
212
|
|
|
207
213
|
/* 70% tints */
|
|
@@ -217,6 +223,7 @@
|
|
|
217
223
|
--bgl-gray-70: #c0c0c0;
|
|
218
224
|
--bgl-black-70: #858585;
|
|
219
225
|
--bgl-pink-70: #e2627c;
|
|
226
|
+
--bgl-primary-70: color-mix(in oklab, white 30%, var(--bgl-primary));
|
|
220
227
|
}
|
|
221
228
|
|
|
222
229
|
/* 80% tints */
|
|
@@ -232,6 +239,7 @@
|
|
|
232
239
|
--bgl-gray-80: #e8ecef;
|
|
233
240
|
--bgl-black-80: #6b6b6b;
|
|
234
241
|
--bgl-pink-80: #dc415f;
|
|
242
|
+
--bgl-primary-80: color-mix(in oklab, white 20%, var(--bgl-primary));
|
|
235
243
|
}
|
|
236
244
|
|
|
237
245
|
/* 90% tints */
|
|
@@ -247,6 +255,7 @@
|
|
|
247
255
|
--bgl-gray-90: #a4a4a4;
|
|
248
256
|
--bgl-black-90: #525252;
|
|
249
257
|
--bgl-pink-90: #d62042;
|
|
258
|
+
--bgl-primary-90: color-mix(in oklab, white 10%, var(--bgl-primary));
|
|
250
259
|
}
|
|
251
260
|
|
|
252
261
|
/* Base Colors */
|
|
@@ -262,6 +271,7 @@
|
|
|
262
271
|
--bgl-gray-100: #b7b7b7;
|
|
263
272
|
--bgl-black-100: #282929;
|
|
264
273
|
--bgl-pink-100: #f1416c;
|
|
274
|
+
--bgl-primary-100: var(--bgl-primary);
|
|
265
275
|
}
|
|
266
276
|
|
|
267
277
|
/* 110% shades (darker than base) */
|
|
@@ -277,6 +287,8 @@
|
|
|
277
287
|
--bgl-gray-110: #949494;
|
|
278
288
|
--bgl-black-110: #1f2020;
|
|
279
289
|
--bgl-pink-110: #bf2f55;
|
|
290
|
+
--bgl-primary-110: color-mix(in oklab, black 10%, var(--bgl-primary));
|
|
291
|
+
|
|
280
292
|
}
|
|
281
293
|
|
|
282
294
|
/* 120% shades */
|
|
@@ -292,6 +304,7 @@
|
|
|
292
304
|
--bgl-gray-120: #808080;
|
|
293
305
|
--bgl-black-120: #161717;
|
|
294
306
|
--bgl-pink-120: #a81e3e;
|
|
307
|
+
--bgl-primary-120: color-mix(in oklab, black 20%, var(--bgl-primary));
|
|
295
308
|
}
|
|
296
309
|
|
|
297
310
|
/* 130% shades (darkest) */
|
|
@@ -307,6 +320,7 @@
|
|
|
307
320
|
--bgl-gray-130: #6c6c6c;
|
|
308
321
|
--bgl-black-130: #0d0e0e;
|
|
309
322
|
--bgl-pink-130: #910d27;
|
|
323
|
+
--bgl-primary-130: color-mix(in oklab, black 30%, var(--bgl-primary));
|
|
310
324
|
}
|
|
311
325
|
|
|
312
326
|
.testMe * {
|