tokenizer-ui-kit 0.2.5 → 0.2.7
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/README.md
CHANGED
|
@@ -171,6 +171,7 @@ All UI Kit components use a unified set of CSS variables. You can override any v
|
|
|
171
171
|
--ui-kit-primary-bg-dark-green: #268644;
|
|
172
172
|
--ui-kit-primary-d-light-green: #56d67f;
|
|
173
173
|
--ui-kit-primary-overlay: #121212;
|
|
174
|
+
--ui-kit-text-white: #ffffff;
|
|
174
175
|
|
|
175
176
|
/* ============================================
|
|
176
177
|
Background Colors
|
|
@@ -239,32 +240,6 @@ All UI Kit components use a unified set of CSS variables. You can override any v
|
|
|
239
240
|
--ui-kit-system-info-600: #7f8fd1;
|
|
240
241
|
--ui-kit-system-info-500: #9d91da;
|
|
241
242
|
--ui-kit-system-info-400: #cbe7ff;
|
|
242
|
-
|
|
243
|
-
/* ============================================
|
|
244
|
-
Component Colors (Legacy - for backward compatibility)
|
|
245
|
-
============================================ */
|
|
246
|
-
/* Border Colors - Used by Input, DatePicker, and other form components */
|
|
247
|
-
--ui-kit-color-border-default: var(--ui-kit-background-light-5);
|
|
248
|
-
--ui-kit-color-border-hover: var(--ui-kit-primary-bg-dark-green);
|
|
249
|
-
--ui-kit-color-border-focus: var(--ui-kit-primary-do-green);
|
|
250
|
-
--ui-kit-color-border-error: var(--ui-kit-system-error-600);
|
|
251
|
-
--ui-kit-color-border-disabled: var(--ui-kit-background-light-5);
|
|
252
|
-
|
|
253
|
-
/* Background Colors - Used by Input, DatePicker, and other form components */
|
|
254
|
-
--ui-kit-color-bg-default: transparent;
|
|
255
|
-
--ui-kit-color-bg-disabled: var(--ui-kit-background-light-2);
|
|
256
|
-
|
|
257
|
-
/* Text Colors - Used by Input, DatePicker, and other form components */
|
|
258
|
-
--ui-kit-color-text-default: var(--ui-kit-primary-primary);
|
|
259
|
-
--ui-kit-color-text-disabled: var(--ui-kit-background-light-5);
|
|
260
|
-
--ui-kit-color-text-error: var(--ui-kit-system-error-700);
|
|
261
|
-
--ui-kit-color-text-placeholder: var(--ui-kit-background-light-5);
|
|
262
|
-
--ui-kit-color-text-label: var(--ui-kit-primary-primary);
|
|
263
|
-
|
|
264
|
-
/* Icon Colors - Used by Input, DatePicker, and other form components */
|
|
265
|
-
--ui-kit-color-icon-default: var(--ui-kit-background-light-5);
|
|
266
|
-
--ui-kit-color-icon-hover: var(--ui-kit-primary-bg-dark-green);
|
|
267
|
-
--ui-kit-color-icon-error: var(--ui-kit-system-error-700);
|
|
268
243
|
}
|
|
269
244
|
```
|
|
270
245
|
|
|
@@ -325,9 +300,9 @@ The UI Kit provides a set of typography utility classes that can be used directl
|
|
|
325
300
|
--ui-kit-font-size-base: 18px;
|
|
326
301
|
|
|
327
302
|
/* Override colors */
|
|
328
|
-
--ui-kit-
|
|
329
|
-
--ui-kit-
|
|
330
|
-
--ui-kit-
|
|
303
|
+
--ui-kit-background-light-5: #your-custom-color;
|
|
304
|
+
--ui-kit-primary-do-green: #your-focus-color;
|
|
305
|
+
--ui-kit-system-error-700: #your-error-color;
|
|
331
306
|
}
|
|
332
307
|
</style>
|
|
333
308
|
|