alex/nova-betterchat
1
0
Fork 0
mirror of https://github.com/NovaOSS/nova-betterchat.git synced 2024-11-25 19:43: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 } = {
// user: 'dark:bg-gray-800',
// assistant: 'bg-gray-50 dark:bg-[#444654]',
// system: 'bg-gray-50 dark:bg-[#444654]',
// assistant: 'bg-gray-50 dark:bg-gray-650',
// 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(
({

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

@ -133,7 +133,7 @@ const ChatFolder = ({
onDragLeave={handleDragLeave}
>
<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}
>
<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 = {
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:
'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:
'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:
'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',
500: '#8e8ea0',
600: '#4b5563',
650: '#444654',
700: '#40414f',
800: '#343541',
850: '#2A2B32',
900: '#202123',
},
},