zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement text color changes across components

Browse Source 
The commit involves modifications in various components to change 'text-gray-500' to 'text-muted-foreground'. The purpose of this change is to create uniformity in text colors across the application, enhancing the user interface's overall look and making color scheme tweaks easier in the future.
This commit is contained in:
giancarlo
2024-04-05 12:13:58 +08:00
parent b6f1ba6e68
commit 368bcf4dff
8 changed files with 10 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/ui/src/makerkit/stepper.tsx
View File

@@ -98,7 +98,7 @@ function getClassNameBuilder() {
{
variant: 'default',
selected: false,
className: 'text-gray-400 dark:text-gray-500',
className: 'text-muted-foreground',
},
{
variant: 'default',
@@ -108,7 +108,7 @@ function getClassNameBuilder() {
{
variant: 'default',
selected: false,
className: 'bg-gray-300 dark:bg-gray-800',
className: 'bg-muted',
},
{
variant: 'numbers',
@@ -118,7 +118,7 @@ function getClassNameBuilder() {
{
variant: 'numbers',
selected: false,
className: 'text-gray-400 dark:text-gray-500',
className: 'text-muted-foreground',
},
],
defaultVariants: {
@@ -135,7 +135,7 @@ function StepDivider({
selected: boolean;
}>) {
const spanClassName = cn('font-medium text-sm', {
['text-gray-400 dark:text-gray-500']: !selected,
['text-muted-foreground']: !selected,
['text-primary']: selected,
});