mirror of
https://github.com/we-promise/sure.git
synced 2026-04-07 22:34:47 +00:00
b4aa5194e8
* Adjust color styles for checkboxes and text utilities Updated checkbox hover and checked states for light and dark themes, including background and SVG fill colors. Modified text and foreground utility classes to use different gray shades in dark mode for improved contrast and consistency. * Update selection bar and checkbox styles Refines the selection bar appearance by updating its background, border, and text color classes. Adjusts the checkbox to use the light variant and improves disabled and checked state styles in the design system CSS, including correcting SVG fill colors for checkboxes.
63 lines
840 B
CSS
63 lines
840 B
CSS
@utility fg-gray {
|
|
@apply text-gray-500;
|
|
|
|
@variant theme-dark {
|
|
@apply text-gray-400;
|
|
}
|
|
}
|
|
|
|
@utility fg-contrast {
|
|
@apply text-gray-400;
|
|
|
|
@variant theme-dark {
|
|
@apply text-gray-500;
|
|
}
|
|
}
|
|
|
|
@utility fg-inverse {
|
|
@apply text-white;
|
|
|
|
@variant theme-dark {
|
|
@apply text-gray-900;
|
|
}
|
|
}
|
|
|
|
@utility fg-primary {
|
|
@apply text-gray-900;
|
|
|
|
@variant theme-dark {
|
|
@apply text-white;
|
|
}
|
|
}
|
|
|
|
@utility fg-primary-variant {
|
|
@apply text-gray-800;
|
|
|
|
@variant theme-dark {
|
|
@apply text-gray-50;
|
|
}
|
|
}
|
|
|
|
@utility fg-secondary {
|
|
@apply text-gray-50;
|
|
|
|
@variant theme-dark {
|
|
@apply text-gray-400;
|
|
}
|
|
}
|
|
|
|
@utility fg-secondary-variant {
|
|
@apply text-gray-100;
|
|
|
|
@variant theme-dark {
|
|
@apply text-gray-500;
|
|
}
|
|
}
|
|
|
|
@utility fg-subdued {
|
|
@apply text-gray-400;
|
|
|
|
@variant theme-dark {
|
|
@apply text-gray-500;
|
|
}
|
|
} |