fix(schedules): dark mode text color in weekly view (#2256)

sws2apps · Aug 7, 2024 · 385311c · 385311c
1 parent 82a01fc
commit 385311c
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 16 deletions.
diff --git a/src/features/meetings/weekly_schedules/ScheduleComponents.tsx b/src/features/meetings/weekly_schedules/ScheduleComponents.tsx
@@ -108,7 +108,7 @@ const ScheduleWeekTitle = ({
           alignItems: 'center',
           gap: '16px',
           color: color,
-          [theme.breakpoints.down('desktop')]: {
+          [theme.breakpoints.down('md')]: {
             flexDirection: 'column',
             gap: '8px',
             alignItems: 'flex-start',
@@ -319,7 +319,7 @@ const ScheduleMemberRow = ({
           }}
         >
           {female ? <IconFemale /> : <IconMale />}
-          <span style={{ color: 'black' }} className="body-regular">
+          <span style={{ color: 'var(--black)' }} className="body-regular">
             {name}
           </span>
         </Box>

diff --git a/src/features/meetings/weekly_schedules/midweekMeeting.tsx b/src/features/meetings/weekly_schedules/midweekMeeting.tsx
@@ -41,7 +41,7 @@ const MidweekMeeting = () => {
       <SchedulePickerHeader lastUpdated={lastUpdated} />
       <ScheduleGrid>
         <ScheduleItemTitle>
-          <ScheduleWeekTitle color="black">
+          <ScheduleWeekTitle color="var(--black)">
             <Box>
               8 November 2023 |{' '}
               <Box
@@ -69,8 +69,8 @@ const MidweekMeeting = () => {
           </ScheduleMembers>
         </ScheduleItemTitle>
         <ScheduleItem>
-          <ScheduleTitle color="black">
-            <IconSong />
+          <ScheduleTitle color="var(--black)">
+            <IconSong color="var(--black)" />
             Song 109 – “Jehovah’s Warm Appeal: “Be Wise, My Son”
           </ScheduleTitle>
           <ScheduleMembers>
@@ -87,8 +87,8 @@ const MidweekMeeting = () => {
         />
         <ScheduleItem>
           <Box>
-            <ScheduleTitle color="black">
-              <IconSong />
+            <ScheduleTitle color="var(--black)">
+              <IconSong color="var(--black)" />
               Song 109 – “Jehovah’s Warm Appeal: “Be Wise, My Son”
             </ScheduleTitle>
           </Box>
@@ -201,8 +201,8 @@ const MidweekMeeting = () => {
           </ScheduleMembers>
         </ScheduleItem>
         <ScheduleItem>
-          <ScheduleTitle color="black">
-            <IconSong />
+          <ScheduleTitle color="var(--black)">
+            <IconSong color="var(--black)" />
             Song 109 – “Jehovah’s Warm Appeal: “Be Wise, My Son”
           </ScheduleTitle>
 

diff --git a/src/features/meetings/weekly_schedules/weekendMeeting.tsx b/src/features/meetings/weekly_schedules/weekendMeeting.tsx
@@ -34,7 +34,9 @@ const WeekendMeeting = () => {
       <SchedulePickerHeader lastUpdated={lastUpdated} />
       <ScheduleGrid>
         <ScheduleItemTitle>
-          <ScheduleWeekTitle color="black">8 November 2023</ScheduleWeekTitle>
+          <ScheduleWeekTitle color="var(--black)">
+            8 November 2023
+          </ScheduleWeekTitle>
           <ScheduleMembers>
             <ScheduleMemberRow
               type={t('tr_chairman') + ':'}
@@ -43,8 +45,8 @@ const WeekendMeeting = () => {
           </ScheduleMembers>
         </ScheduleItemTitle>
         <ScheduleItem>
-          <ScheduleTitle color="black">
-            <IconSong />
+          <ScheduleTitle color="var(--black)">
+            <IconSong color="var(--black)" />
             Song 109 – “Jehovah’s Warm Appeal: “Be Wise, My Son”
           </ScheduleTitle>
           <ScheduleMembers>
@@ -79,8 +81,8 @@ const WeekendMeeting = () => {
         />
 
         <ScheduleItem>
-          <ScheduleTitle color="black">
-            <IconSong />
+          <ScheduleTitle color="var(--black)">
+            <IconSong color="var(--black)" />
             Song 109 – “Jehovah’s Warm Appeal: “Be Wise, My Son”
           </ScheduleTitle>
         </ScheduleItem>
@@ -105,8 +107,8 @@ const WeekendMeeting = () => {
           </ScheduleMembers>
         </ScheduleItem>
         <ScheduleItem>
-          <ScheduleTitle color="black">
-            <IconSong />
+          <ScheduleTitle color="var(--black)">
+            <IconSong color="var(--black)" />
             Song 109 – “Jehovah’s Warm Appeal: “Be Wise, My Son”
           </ScheduleTitle>
           <ScheduleMembers>