From c3da36666d315886b77329a39f491f22b4daec1f Mon Sep 17 00:00:00 2001
From: p0nch000 <A01198400@tec.mx>
Date: Thu, 24 Oct 2024 15:58:23 -0600
Subject: [PATCH] Style fix

---
 apps/docs/components/LogoDownloadModal.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/docs/components/LogoDownloadModal.js b/apps/docs/components/LogoDownloadModal.js
index c352a39f..965403b3 100644
--- a/apps/docs/components/LogoDownloadModal.js
+++ b/apps/docs/components/LogoDownloadModal.js
@@ -35,7 +35,6 @@ const styles = stylex.create({
         fontSize: '14px',
         fontWeight: 'bold',
         marginBottom: '8px',
-        color: 'var(--ifm-color-primary-light)',
     },
     buttonGroup: {
         display: 'flex',
@@ -131,7 +130,9 @@ export default function LogoDownloadModal({ isOpen, onClose }) {
                 }}
             >
                 <div {...stylex.props(styles.section)}>
-                    <h3 {...stylex.props(styles.sectionTitle)}>Dark Mode</h3>
+                    <h3 {...stylex.props(styles.sectionTitle)} style={{
+                        color: colorMode === 'dark' ? '#FFFFFF' : '#000000',
+                    }}>Dark Mode</h3>
                     <div {...stylex.props(styles.buttonGroup)}>
                         <button
                             {...stylex.props(styles.button)}
@@ -150,7 +151,9 @@ export default function LogoDownloadModal({ isOpen, onClose }) {
                     </div>
                 </div>
                 <div {...stylex.props(styles.section)}>
-                    <h3 {...stylex.props(styles.sectionTitle)}>Light Mode</h3>
+                    <h3 {...stylex.props(styles.sectionTitle)} style={{
+                        color: colorMode === 'dark' ? '#FFFFFF' : '#000000',
+                    }}>Light Mode</h3>
                     <div {...stylex.props(styles.buttonGroup)}>
                         <button
                             {...stylex.props(styles.button)}
@@ -169,7 +172,9 @@ export default function LogoDownloadModal({ isOpen, onClose }) {
                     </div>
                 </div>
                 <div {...stylex.props(styles.section)}>
-                    <h3 {...stylex.props(styles.sectionTitle)}>Assets</h3>
+                    <h3 {...stylex.props(styles.sectionTitle)} style={{
+                        color: colorMode === 'dark' ? '#FFFFFF' : '#000000',
+                    }}>Assets</h3>
                     <div {...stylex.props(styles.buttonGroup)}>
                         <button
                             {...stylex.props(styles.button)}