Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2026-07-27 02:15:05 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): replace hardcoded gray/neutral classes

Browse Source
This commit is contained in:
ephraimduncan
2026-07-07 06:12:10 +00:00
parent 50f272be87
commit a3dc96e8c1
32 changed files with 62 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/primitives/alert.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ const alertVariants = cva(
variants: {
variant: {
default: 'bg-green-50 text-green-700 [&_.alert-title]:text-green-800 [&>svg]:text-green-400',
neutral: 'bg-gray-50 dark:bg-neutral-900/20 text-muted-foreground [&_.alert-title]:text-foreground',
neutral: 'bg-muted/50 text-muted-foreground [&_.alert-title]:text-foreground',
secondary: 'bg-blue-50 text-blue-700 [&_.alert-title]:text-blue-800 [&>svg]:text-blue-400',
destructive: 'bg-red-50 text-red-700 [&_.alert-title]:text-red-800 [&>svg]:text-red-400',
warning: 'bg-yellow-50 text-yellow-700 [&_.alert-title]:text-yellow-800 [&>svg]:text-yellow-400',
packages/ui/primitives/avatar.tsx
+1 -1
View File
@@ -63,7 +63,7 @@ const AvatarWithText = ({
<div className={cn('flex w-full max-w-xs items-center gap-2', className)}>
<Avatar className={cn('h-10 w-10 border-2 border-white border-solid dark:border-border', avatarClass)}>
{avatarSrc && <AvatarImage src={avatarSrc} />}
<AvatarFallback className="text-gray-400 text-xs">{avatarFallback}</AvatarFallback>
<AvatarFallback className="text-muted-foreground text-xs">{avatarFallback}</AvatarFallback>
</Avatar>
<div className={cn('flex flex-col truncate text-left font-normal text-sm', textSectionClassName)}>
packages/ui/primitives/badge.tsx
+1 -1
View File
@@ -7,7 +7,7 @@ import { cn } from '../lib/utils';
const badgeVariants = cva('inline-flex items-center rounded-md text-xs font-medium ring-1 ring-inset w-fit', {
variants: {
variant: {
neutral: 'bg-gray-50 text-gray-600 ring-gray-500/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20',
neutral: 'bg-muted text-muted-foreground ring-border',
destructive: 'bg-red-50 text-red-700 ring-red-600/10 dark:bg-red-400/10 dark:text-red-400 dark:ring-red-400/20',
warning:
'bg-yellow-50 text-yellow-800 ring-yellow-600/20 dark:bg-yellow-400/10 dark:text-yellow-500 dark:ring-yellow-400/20',
packages/ui/primitives/command.tsx
+1 -1
View File
@@ -62,7 +62,7 @@ const CommandInput = React.forwardRef<
<CommandPrimitive.Input
ref={ref}
className={cn(
'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-foreground-muted disabled:cursor-not-allowed disabled:opacity-50',
'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',
className,
)}
{...props}
packages/ui/primitives/document-flow/add-settings.tsx
+1 -1
View File
@@ -327,7 +327,7 @@ export const AddSettingsFormPartial = ({
<Accordion type="multiple" className="mt-6">
<AccordionItem value="advanced-options" className="border-none">
<AccordionTrigger className="mb-2 rounded border px-3 py-2 text-left text-foreground hover:bg-neutral-200/30 hover:no-underline">
<AccordionTrigger className="mb-2 rounded border px-3 py-2 text-left text-foreground hover:bg-muted/50 hover:no-underline">
<Trans>Advanced Options</Trans>
</AccordionTrigger>
packages/ui/primitives/document-flow/field-item.tsx
+1 -1
View File
@@ -273,7 +273,7 @@ const FieldItemInner = ({
>
{(field.type === FieldType.RADIO || field.type === FieldType.CHECKBOX) && field.fieldMeta?.label && (
<div
className={cn('absolute -top-16 right-0 left-0 rounded-md p-2 text-center text-gray-700 text-xs', {
className={cn('absolute -top-16 right-0 left-0 rounded-md p-2 text-center text-foreground text-xs', {
'border border-primary bg-foreground/5': !fieldHasCheckedValues,
'border border-primary bg-documenso-200': fieldHasCheckedValues,
})}
packages/ui/primitives/template-flow/add-template-settings.tsx
+2 -2
View File
@@ -454,7 +454,7 @@ export const AddTemplateSettingsFormPartial = ({
{distributionMethod === DocumentDistributionMethod.EMAIL && (
<Accordion type="multiple">
<AccordionItem value="email-options" className="border-none">
<AccordionTrigger className="rounded border px-3 py-2 text-left text-foreground hover:bg-neutral-200/30 hover:no-underline">
<AccordionTrigger className="rounded border px-3 py-2 text-left text-foreground hover:bg-muted/50 hover:no-underline">
<Trans>Email Options</Trans>
</AccordionTrigger>
@@ -588,7 +588,7 @@ export const AddTemplateSettingsFormPartial = ({
<Accordion type="multiple">
<AccordionItem value="advanced-options" className="border-none">
<AccordionTrigger className="rounded border px-3 py-2 text-left text-foreground hover:bg-neutral-200/30 hover:no-underline">
<AccordionTrigger className="rounded border px-3 py-2 text-left text-foreground hover:bg-muted/50 hover:no-underline">
<Trans>Advanced Options</Trans>
</AccordionTrigger>