chore: Application du design system

This commit is contained in:
Luc SORIGNET
2026-04-05 12:00:34 +02:00
parent f9c0585b30
commit 2ef71f99c3
124 changed files with 1619 additions and 1508 deletions

View File

@ -51,7 +51,7 @@ const ConversationItem = ({
const getLastMessageText = () => {
if (isTyping) {
return (
<span className="text-emerald-500 italic">Tape un message...</span>
<span className="text-primary italic">Tape un message...</span>
);
}
@ -96,7 +96,7 @@ const ConversationItem = ({
const getPresenceColor = (status) => {
switch (status) {
case 'online':
return 'bg-emerald-400';
return 'bg-tertiary';
case 'away':
return 'bg-yellow-400';
case 'busy':
@ -127,7 +127,7 @@ const ConversationItem = ({
<div
className={`group flex items-center p-3 cursor-pointer rounded-lg transition-all duration-200 hover:bg-gray-50 ${
isSelected
? 'bg-emerald-50 border-l-4 border-emerald-500'
? 'bg-primary/5 border-l-4 border-primary'
: 'hover:bg-gray-50'
}`}
onClick={onClick}
@ -154,8 +154,8 @@ const ConversationItem = ({
<div className="flex-1 ml-3 overflow-hidden">
<div className="flex items-center justify-between">
<h3
className={`font-semibold truncate ${
isSelected ? 'text-emerald-700' : 'text-gray-900'
className={`font-headline font-semibold truncate ${
isSelected ? 'text-secondary' : 'text-gray-900'
}`}
>
{getInterlocutorName()}