diff --git a/components/LiveBanner.tsx b/components/LiveBanner.tsx
index 071779c..b96c21a 100644
--- a/components/LiveBanner.tsx
+++ b/components/LiveBanner.tsx
@@ -8,40 +8,40 @@ export type StreamInfo = {
export default function LiveBanner({ stream }: { stream: StreamInfo }) {
return (
-
{stream.live ? (
-
+
EN DIRECT
) : (
-
+
HORS LIGNE
)}
{stream.duration && (
- {stream.duration}
+ {stream.duration}
)}
{stream.title || "En attente du prochain stream..."}
{stream.game && (
-
🎮 {stream.game}
+
🎮 {stream.game}
)}
-
+
{stream.viewers ?? 0}
-
VIEWERS
+
VIEWERS
);
diff --git a/components/LogFeed.tsx b/components/LogFeed.tsx
index e837524..b2c1f68 100644
--- a/components/LogFeed.tsx
+++ b/components/LogFeed.tsx
@@ -7,12 +7,12 @@ export type LogEntry = {
};
const typeStyles = {
- info: { border: "border-l-[#4aff8c]/60", icon: "✅" },
+ info: { border: "border-l-acid-green/60", icon: "✅" },
warn: { border: "border-l-yellow-400/60", icon: "⚠️" },
ban: { border: "border-l-red-500/60", icon: "🔨" },
unban: { border: "border-l-blue-400/60", icon: "🔓" },
twitch: { border: "border-l-purple-400/60", icon: "📡" },
- sub: { border: "border-l-[#4aff8c]/60", icon: "🎖️" },
+ sub: { border: "border-l-acid-green/60", icon: "🎖️" },
};
const MOCK_LOGS: LogEntry[] = [
@@ -32,17 +32,17 @@ export default function LogFeed({ logs = MOCK_LOGS }: { logs?: LogEntry[] }) {
return (
{style.icon}
-
{log.text}
+
{log.text}
{log.reason && (
-
{log.reason}
+
{log.reason}
)}
-
{log.time}
+
{log.time}
);
})}
diff --git a/components/MemberList.tsx b/components/MemberList.tsx
index b1076ee..22e3217 100644
--- a/components/MemberList.tsx
+++ b/components/MemberList.tsx
@@ -6,10 +6,10 @@ export type Member = {
};
const roleStyles = {
- admin: { label: "ADMIN", cls: "text-red-400 bg-red-500/8 border-red-500/20" },
- mod: { label: "MOD", cls: "text-yellow-400 bg-yellow-400/8 border-yellow-400/20" },
- sub: { label: "SUB", cls: "text-[#4aff8c] bg-[#4aff8c]/8 border-[#4aff8c]/20" },
- viewer: { label: "VIEWER", cls: "text-blue-400 bg-blue-400/8 border-blue-400/20" },
+ admin: { label: "ADMIN", cls: "text-red-400 bg-red-500/10 border-red-500/30" },
+ mod: { label: "MOD", cls: "text-yellow-400 bg-yellow-400/10 border-yellow-400/30" },
+ sub: { label: "SUB", cls: "text-acid-green bg-acid-green/10 border-acid-green/30" },
+ viewer: { label: "VIEWER", cls: "text-blue-400 bg-blue-400/10 border-blue-400/30" },
};
const AVATARS = ["🗡️", "🛡️", "🏹", "⚔️", "🔥", "💀", "🐉", "⚡"];
@@ -32,13 +32,13 @@ export default function MemberList({ members = MOCK_MEMBERS }: { members?: Membe
return (
-
+
{avatar}
-
{m.name}
-
+ {m.name}
+
{role.label}
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 62190eb..aad510b 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -31,18 +31,17 @@ export default function Sidebar() {
};
return (
-