style: correct tab colors on light mode (#1019)

icssc · Nov 7, 2024 · da7ac2a · da7ac2a
1 parent 5626046
commit da7ac2a
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/apps/antalmanac/src/components/SharedRoot.tsx b/apps/antalmanac/src/components/SharedRoot.tsx
@@ -124,6 +124,7 @@ function ScheduleManagementMobileTabs(props: ScheduleManagementTabsProps) {
  */
 function ScheduleManagementDesktopTabs(props: ScheduleManagementTabsProps) {
     const { value, setActiveTab } = props;
+    const isDark = useThemeStore((store) => store.isDark);
 
     const onChange = (_event: React.SyntheticEvent, value: number) => {
         setActiveTab(value + 1);
@@ -145,7 +146,7 @@ function ScheduleManagementDesktopTabs(props: ScheduleManagementTabsProps) {
                             height: '44px',
                             padding: 3,
                             minWidth: '33%',
-                            '&.Mui-selected': { color: 'white' },
+                            ...(isDark ? { '&.Mui-selected': { color: 'white' } } : {}),
                         }}
                         label={
                             <div style={{ display: 'inline-flex', alignItems: 'center' }}>