CERBERUS/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-08-04 14:57:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

refactor: tokenize SidePanel Memories/Parameters/Bookmarks colors

Browse source 
Delete-confirm buttons to surface-destructive tokens (MemoryCardActions,
BookmarkCardActions), drop redundant text-white on submit Buttons (the variant
already sets it), legacy preset button green hover/focus to submit tokens, and
slider hover borders to border-light. Leaves DynamicCheckbox dark overrides for
a separate pass against the Checkbox component.
This commit is contained in:
Marco Beretta 2026-06-19 23:51:12 +02:00
parent 115a968f13
commit 76b66b224c
No known key found for this signature in database
GPG key ID: D918033D8E74CC11
6 changed files with 5 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/SidePanel/Bookmarks/BookmarkCardActions.tsx
View file

@ -108,7 +108,7 @@ export default function BookmarkCardActions({ bookmark }: BookmarkCardActionsPro
selection={{
selectHandler: confirmDelete,
selectClasses:
'bg-destructive text-white transition-all duration-200 hover:bg-destructive/80',
'bg-surface-destructive text-white transition-all duration-200 hover:bg-surface-destructive-hover',
selectText: localize('com_ui_delete'),
}}
/>

2
client/src/components/SidePanel/Memories/MemoryCardActions.tsx
View file

@ -117,7 +117,7 @@ export default function MemoryCardActions({ memory }: MemoryCardActionsProps) {
selection={{
selectHandler: confirmDelete,
selectClasses:
'bg-red-700 dark:bg-red-600 hover:bg-red-800 dark:hover:bg-red-800 text-white',
'bg-surface-destructive text-white hover:bg-surface-destructive-hover',
selectText: localize('com_ui_delete'),
}}
/>

1
client/src/components/SidePanel/Memories/MemoryCreateDialog.tsx
View file

@ -147,7 +147,6 @@ export default function MemoryCreateDialog({
variant="submit"
onClick={handleSave}
disabled={isLoading || !key.trim() || !value.trim()}
className="text-white"
aria-label={localize('com_ui_create_memory')}
>
{isLoading ? <Spinner className="size-4" /> : localize('com_ui_create')}

1
client/src/components/SidePanel/Memories/MemoryEditDialog.tsx
View file

@ -221,7 +221,6 @@ export default function MemoryEditDialog({
onClick={handleSave}
aria-label={localize('com_ui_save')}
disabled={isLoading || !key.trim() || !value.trim()}
className="text-white"
>
{isLoading ? <Spinner className="size-4" /> : localize('com_ui_save')}
</Button>

4
client/src/components/SidePanel/Parameters/DynamicSlider.tsx
View file

@ -184,7 +184,7 @@ function DynamicSlider({
defaultTextProps,
cn(
optionText,
'reset-rc-number-input reset-rc-number-input-text-right h-auto w-12 border-0 py-1 text-xs group-hover/temp:border-gray-200',
'reset-rc-number-input reset-rc-number-input-text-right h-auto w-12 border-0 py-1 text-xs group-hover/temp:border-border-light',
),
)}
/>
@ -199,7 +199,7 @@ function DynamicSlider({
defaultTextProps,
cn(
optionText,
'reset-rc-number-input h-auto w-14 border-0 py-1 pl-1 text-center text-xs group-hover/temp:border-gray-200',
'reset-rc-number-input h-auto w-14 border-0 py-1 pl-1 text-center text-xs group-hover/temp:border-border-light',
),
)}
/>

2
client/src/components/SidePanel/Parameters/Panel.tsx
View file

@ -193,7 +193,7 @@ export default function Parameters() {
<div className="mt-2 flex justify-center">
<button
onClick={openDialog}
className="btn btn-primary focus:shadow-outline flex w-full items-center justify-center px-4 py-2 font-semibold text-white hover:bg-green-600 focus:border-green-500"
className="btn btn-primary focus:shadow-outline flex w-full items-center justify-center px-4 py-2 font-semibold text-white hover:bg-surface-submit-hover focus:border-surface-submit"
type="button"
>
{localize('com_endpoint_save_as_preset')}