mirror of
https://github.com/danny-avila/LibreChat.git
synced 2026-08-04 14:57:42 +00:00
refactor: final solid-color cleanup (brand-green accents, neutral grays, error text)
This commit is contained in:
parent
c698d57796
commit
6030bc3012
8 changed files with 10 additions and 10 deletions
|
|
@ -18,7 +18,7 @@ const sourceToClassname = {
|
|||
};
|
||||
|
||||
const defaultClassName =
|
||||
'absolute right-0 bottom-0 rounded-full p-[0.15rem] text-gray-600 transition-colors';
|
||||
'absolute right-0 bottom-0 rounded-full p-[0.15rem] text-text-secondary transition-colors';
|
||||
|
||||
export default function SourceIcon({
|
||||
source,
|
||||
|
|
|
|||
|
|
@ -199,7 +199,7 @@ export function SearchResults({ results, localize, searchValue }: SearchResultsP
|
|||
<span>{modelName}</span>
|
||||
</div>
|
||||
{isGlobal && (
|
||||
<EarthIcon className="ml-auto size-4 text-green-400" aria-hidden="true" />
|
||||
<EarthIcon className="ml-auto size-4 text-accent-primary" aria-hidden="true" />
|
||||
)}
|
||||
{isModelSelected && (
|
||||
<>
|
||||
|
|
|
|||
|
|
@ -285,13 +285,13 @@ export default function Settings({
|
|||
<div className="mb-2 flex w-full justify-between gap-2">
|
||||
<label
|
||||
htmlFor="resend-files"
|
||||
className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-50"
|
||||
className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
||||
>
|
||||
<small>{localize('com_endpoint_plug_resend_files')}</small>
|
||||
</label>
|
||||
<label
|
||||
htmlFor="image-detail-value"
|
||||
className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-gray-50"
|
||||
className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
||||
>
|
||||
<small>{localize('com_endpoint_plug_image_detail')}</small>
|
||||
</label>
|
||||
|
|
@ -302,7 +302,7 @@ export default function Settings({
|
|||
className={cn(
|
||||
defaultTextProps,
|
||||
optionText,
|
||||
'flex rounded-md bg-transparent py-2 text-xs focus:outline-none focus:ring-2 focus:ring-gray-400 focus:ring-offset-2 dark:border-gray-700',
|
||||
'flex rounded-md bg-transparent py-2 text-xs focus:outline-none focus:ring-2 focus:ring-ring-primary focus:ring-offset-2 border-border-light',
|
||||
'pointer-events-none max-h-5 w-12 border-0 group-hover/temp:border-border-light',
|
||||
)}
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -151,7 +151,7 @@ function LoadingStatusIcon({ serverName, onCancel, canCancel }: InitializingStat
|
|||
>
|
||||
<div className="relative size-4">
|
||||
<Spinner className="size-4 text-text-primary group-hover:opacity-0" />
|
||||
<X className="absolute inset-0 size-4 text-red-500 opacity-0 group-hover:opacity-100" />
|
||||
<X className="absolute inset-0 size-4 text-text-destructive opacity-0 group-hover:opacity-100" />
|
||||
</div>
|
||||
</button>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ function SkillToggle({ enabled, onChange, ariaLabel }: SkillToggleProps) {
|
|||
<span
|
||||
className={cn(
|
||||
'relative inline-flex h-5 w-9 shrink-0 rounded-full transition-colors duration-200',
|
||||
enabled ? 'bg-green-500' : 'bg-border-medium',
|
||||
enabled ? 'bg-surface-submit' : 'bg-border-medium',
|
||||
)}
|
||||
>
|
||||
<span
|
||||
|
|
|
|||
|
|
@ -107,7 +107,7 @@ export default function SkillDetail({ skill, onEdit, onDelete }: SkillDetailProp
|
|||
side="top"
|
||||
render={
|
||||
<EarthIcon
|
||||
className="size-5 shrink-0 text-green-400"
|
||||
className="size-5 shrink-0 text-accent-primary"
|
||||
aria-label={localize('com_ui_skill_sr_public')}
|
||||
/>
|
||||
}
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ const SkillDetailHeader = ({ skill, showActions = true }: SkillDetailHeaderProps
|
|||
side="top"
|
||||
render={
|
||||
<EarthIcon
|
||||
className="h-5 w-5 shrink-0 text-green-400"
|
||||
className="h-5 w-5 shrink-0 text-accent-primary"
|
||||
aria-label={localize('com_ui_sr_public_skill')}
|
||||
/>
|
||||
}
|
||||
|
|
|
|||
|
|
@ -261,7 +261,7 @@ export default function CreateSkillForm({
|
|||
{createSkill.error != null && (
|
||||
<div
|
||||
role="alert"
|
||||
className="flex items-start gap-2 rounded-md border border-red-500/40 bg-red-500/5 p-3 text-sm text-red-500"
|
||||
className="flex items-start gap-2 rounded-md border border-red-500/40 bg-red-500/5 p-3 text-sm text-text-destructive"
|
||||
>
|
||||
<AlertTriangle className="mt-0.5 size-4 shrink-0" aria-hidden="true" />
|
||||
<span>{localize('com_ui_skill_create_error')}</span>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue