Feature/f 72 text in white for dark bg in light theme e g blue button…

… in (#43) * fix: yarn isntall * fix: text white in light mode --------- Co-authored-by: Haidong Xu <[email protected]>
jst-seminar-rostlab-tum · Nov 18, 2024 · 4d41f97 · 4d41f97
1 parent 34b4f72
commit 4d41f97
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/Sidebar/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
@@ -59,7 +59,10 @@ export function Sidebar() {
                   startContent={item.icon && <NextImage src={item.icon} alt={item.label} width={24} height={24} />}
                   key={item.key}
                   variant={selectedMapType === item.key ? undefined : 'light'}
-                  className={clsx('justify-start', selectedMapType === item.key && 'bg-primary')}
+                  className={clsx(
+                    'justify-start dark:text-white',
+                    selectedMapType === item.key ? 'bg-primary text-white' : 'text-black'
+                  )}
                   onClick={() => setSelectedMapType(item.key)}
                 >
                   {item.label}
@@ -76,7 +79,7 @@ export function Sidebar() {
         </CardBody>
         <CardFooter>
           <div className="flex flex-col gap-1">
-            <Button radius="full" onClick={() => setIsModalOpen(!isModalOpen)} size="sm" className="w-fit">
+            <Button radius="full" onClick={() => setIsModalOpen(!isModalOpen)} size="sm" className="w-fit text-white">
               SUBSCRIBE
             </Button>
             <PopupModal