Michael/Loki
1
0 Fork 0
mirror of https://github.com/R0m1k3/Loki.git synced 2026-10-11 17:26:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix lisibilite des blocs de code : texte clair sur fond sombre

Browse Source 
Le bloc de code avait un texte gris fonce (text-ink-2) sur fond sombre apres
le passage au theme clair -> illisible. Texte repasse en clair (on-dark),
bordure noire 3px + ombre dure pour coller au theme neo-brutaliste.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
MichaelandClaude Opus 4.8 committed 2026-06-30 15:00:10 +02:00
1 parent 5c1b92daa3
commit 765c7b31d5
1 file changed
+5 -5
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/MessageContent.tsx
+5 -5
View File
@@ -25,20 +25,20 @@ function CodeBlock({ lang, code }: { lang: string; code: string }) {
};
return (
<div className="my-2 overflow-hidden rounded-[10px] border border-line-strong bg-sunken">
<div className="flex items-center justify-between border-b border-line-soft px-3 py-1.5">
<span className="font-mono text-[10.5px] uppercase tracking-wide text-muted-3">
<div className="my-2 overflow-hidden border-[3px] border-line bg-card-deep shadow-hard-sm" style={{ borderRadius: 7 }}>
<div className="flex items-center justify-between border-b-2 border-chrome-2 px-3 py-1.5">
<span className="font-mono text-[10.5px] uppercase tracking-wide text-on-dark-2">
{lang || "code"}
</span>
<button
onClick={copy}
className="flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] text-muted-2 transition-colors hover:text-ink"
className="flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] text-on-dark-2 transition-colors hover:text-white"
>
{copied ? <CheckIcon size={13} /> : <CopyIcon size={13} />}
{copied ? "Copié" : "Copier"}
</button>
</div>
<pre className="scr m-0 overflow-auto p-3 font-mono text-[12px] leading-relaxed text-ink-2">
<pre className="scr m-0 overflow-auto p-3 font-mono text-[12px] leading-relaxed text-on-dark">
<code>{code}</code>
</pre>
</div>