From af7189dd6ec9e22a5564445c6bfbaaf0094d9ddd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Thu, 24 Jul 2025 11:34:08 +0400
Subject: [PATCH] =?UTF-8?q?fix:=20corrig=C3=A9=20couleur=20texte=20markdow?=
 =?UTF-8?q?n=20timeline?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ajout useTheme pour accès aux couleurs Material-UI
- Utilisation theme.palette.text.secondary pour le markdown
- Compatible thèmes sombre et clair
- Texte markdown maintenant lisible sur tous fonds
---
 components/versions/version-timeline.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/versions/version-timeline.js b/components/versions/version-timeline.js
index d9fb65c..520ed55 100644
--- a/components/versions/version-timeline.js
+++ b/components/versions/version-timeline.js
@@ -1,4 +1,5 @@
 import {useRef, useState} from 'react'
+import {useTheme} from '@mui/material/styles'
 import PropTypes from 'prop-types'
 import Box from '@mui/material/Box'
 import Typography from '@mui/material/Typography'
@@ -113,6 +114,7 @@ function VersionCard({
   setVersionCompare,
   onVoteResult
 }) {
+  const theme = useTheme()
   const status = getVersionStatus(version, index, totalVersions)
 
   const statusConfig = getStatusConfig(status)
@@ -223,9 +225,10 @@ function VersionCard({
           </Box>
         </Box>
 
-        <Box sx={{mb: 2, '& > div': {fontSize: '0.875rem', fontStyle: 'italic', color: 'text.secondary'}}}>
+        <Box sx={{mb: 2, '& > div': {fontSize: '0.875rem', fontStyle: 'italic'}}}>
           <MarkdownRenderer
             content={contentPreview}
+            color={theme.palette.text.secondary}
             fallbackComponent={({children, ...props}) => (
               <Typography
                 variant='body2'