Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-19 18:00:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

🖌️ style: Improve Dark Theme Accessibility (#2125)

Browse source 
* style: all landing page components

* chore: converted all slate to gray, since slate doesnt work

* style: assistant panel

* style: basic UI components, userprovided, preset

* style: update in multiple components

* fix(PluginStoreDialog): justify-center

* fixed some minor Ui styles

* style(MultiSearch): update dark bg

* style: update Convo styling

* style: lower textarea max height slightly

---------

Co-authored-by: Danny Avila <messagedaniel@protonmail.com>
This commit is contained in:
Marco Beretta 2024-03-21 14:02:00 +01:00 • committed by GitHub
parent e95c0aaaed
commit 30f6d90cfe
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
59 changed files with 170 additions and 175 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/src/components/Conversations/Convo.tsx
View file

@ -120,7 +120,7 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
const aProps = {
className:
'group relative rounded-lg active:opacity-50 flex cursor-pointer items-center mt-2 gap-2 break-all rounded-lg bg-gray-200 dark:bg-gray-800 py-2 px-2',
'group relative rounded-lg active:opacity-50 flex cursor-pointer items-center mt-2 gap-2 break-all rounded-lg bg-gray-200 dark:bg-gray-700 py-2 px-2',
};
if (!activeConvo) {
@ -155,7 +155,7 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
{activeConvo ? (
<div
className={`absolute bottom-0 right-0 top-0 w-20 rounded-r-lg bg-gradient-to-l ${
!renaming ? 'from-gray-200 from-60% to-transparent dark:from-gray-800' : ''
!renaming ? 'from-gray-200 from-60% to-transparent dark:from-gray-700' : ''
}`}
></div>
) : (
@ -172,7 +172,7 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
/>
</div>
) : (
<div className="absolute bottom-0 right-0 top-0 w-14 rounded-lg bg-gradient-to-l from-gray-50 from-0% to-transparent group-hover:from-gray-200 dark:from-gray-900 dark:group-hover:from-gray-800" />
<div className="absolute bottom-0 right-0 top-0 w-14 rounded-lg bg-gradient-to-l from-gray-50 from-0% to-transparent group-hover:from-gray-200 dark:from-gray-750 dark:group-hover:from-gray-800" />
)}
</a>
);

4
client/src/components/Conversations/RenameButton.tsx
View file

@ -1,5 +1,5 @@
import type { MouseEvent, ReactElement } from 'react';
import { RenameIcon, CheckMark } from '~/components/svg';
import { EditIcon, CheckMark } from '~/components/svg';
interface RenameButtonProps {
renaming: boolean;
@ -23,7 +23,7 @@ export default function RenameButton({
}
return (
<button {...classProp} onClick={handler}>
{renaming ? <CheckMark /> : <RenameIcon />}
{renaming ? <CheckMark /> : <EditIcon />}
</button>
);
}