alex/nova-betterchat
1
0
Fork 0
mirror of https://github.com/NovaOSS/nova-betterchat.git synced 2024-11-25 19:33:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

style: gray-650 and gray-850

Browse source
This commit is contained in:
Jing Hua 2023-04-02 21:29:25 +08:00
parent e4468fd93f
commit 892e7792ba
4 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Chat/ChatContent/Message/Message.tsx
View file

@ -9,10 +9,10 @@ import RoleSelector from './RoleSelector';
// const backgroundStyle: { [role in Role]: string } = { // const backgroundStyle: { [role in Role]: string } = {
// user: 'dark:bg-gray-800', // user: 'dark:bg-gray-800',
// assistant: 'bg-gray-50 dark:bg-[#444654]', // assistant: 'bg-gray-50 dark:bg-gray-650',
// system: 'bg-gray-50 dark:bg-[#444654]', // system: 'bg-gray-50 dark:bg-gray-650',
// }; // };
const backgroundStyle = ['dark:bg-gray-800', 'bg-gray-50 dark:bg-[#444654]']; const backgroundStyle = ['dark:bg-gray-800', 'bg-gray-50 dark:bg-gray-650'];
const Message = React.memo( const Message = React.memo(
({ ({

2
src/components/Menu/ChatFolder.tsx
View file

@ -133,7 +133,7 @@ const ChatFolder = ({
onDragLeave={handleDragLeave} onDragLeave={handleDragLeave}
> >
<div <div
className='flex py-3 px-3 items-center gap-3 relative rounded-md hover:bg-[#2A2B32] break-all cursor-pointer' className='flex py-3 px-3 items-center gap-3 relative rounded-md hover:bg-gray-850 break-all cursor-pointer'
onClick={toggleExpanded} onClick={toggleExpanded}
> >
<FolderIcon className='h-4 w-4' /> <FolderIcon className='h-4 w-4' />

4
src/components/Menu/ChatHistory.tsx
View file

@ -11,11 +11,11 @@ import useStore from '@store/store';
const ChatHistoryClass = { const ChatHistoryClass = {
normal: normal:
'flex py-3 px-3 items-center gap-3 relative rounded-md bg-gray-900 hover:bg-[#2A2B32] break-all hover:pr-4 group transition-opacity', 'flex py-3 px-3 items-center gap-3 relative rounded-md bg-gray-900 hover:bg-gray-850 break-all hover:pr-4 group transition-opacity',
active: active:
'flex py-3 px-3 items-center gap-3 relative rounded-md break-all pr-14 bg-gray-800 hover:bg-gray-800 group transition-opacity', 'flex py-3 px-3 items-center gap-3 relative rounded-md break-all pr-14 bg-gray-800 hover:bg-gray-800 group transition-opacity',
normalGradient: normalGradient:
'absolute inset-y-0 right-0 w-8 z-10 bg-gradient-to-l from-gray-900 group-hover:from-[#2A2B32]', 'absolute inset-y-0 right-0 w-8 z-10 bg-gradient-to-l from-gray-900 group-hover:from-gray-850',
activeGradient: activeGradient:
'absolute inset-y-0 right-0 w-8 z-10 bg-gradient-to-l from-gray-800', 'absolute inset-y-0 right-0 w-8 z-10 bg-gradient-to-l from-gray-800',
}; };

2
tailwind.config.cjs
View file

@ -43,8 +43,10 @@ module.exports = {
400: '#acacbe', 400: '#acacbe',
500: '#8e8ea0', 500: '#8e8ea0',
600: '#4b5563', 600: '#4b5563',
650: '#444654',
700: '#40414f', 700: '#40414f',
800: '#343541', 800: '#343541',
850: '#2A2B32',
900: '#202123', 900: '#202123',
}, },
}, },