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