Feat: dark mode button

[kelilipan]

Add dark mode toggle

[kelilipan]

idk, pnpm detect my node version as "15.x" but I'm using "14.xLTS" so I'm disabling "strict". also, I'm disabling some eslint rules because error

can you please check before merge this?

[agallio]

Sure! Will do. Checking

[agallio]

Can you improve this not-so-readable text too @svspicious?

[kelilipan]

done

[agallio]

Please fix this z-index issue @svspicious

[kelilipan]

hmm, the button already on the top of another component, right? i don't see any issue

[agallio]

Hmmm, so I think it's an opacity issue. Could you check so the white border doesn't overlap with the button?

[kelilipan]

ahhh, ok changing the color

[kelilipan]

is this enough?

i think the button will conflict with #16 layout but we'll figure out later

[agallio]

It's still showing the white border from the HospitalCard component 🤔

[kelilipan]

dang, it's from active button. CSS is hard wkw it should be fixed now

[agallio]

Wkwkwkwk dang. 🤣 Okay thanks, lemme check

[agallio]

@svspicious please check if there's any issues for the button after rebased with the main branch

[kelilipan]

i know it will overlap on map page. any suggestion? or should we disable this on map page?

[kelilipan]

it becomes unreadable since the style is not inherited from chakra-ui

[agallio]

Hmmm can we disable the Chakra-UI dark mode on map page?

[kelilipan]

unfortunately, we can't. well, I will refactor map page using all chakra-ui

[agallio]

Wait. I think we can force the page to use light mode only. See this

[kelilipan]

https://chakra-ui.com/docs/features/color-mode#forcing-a-specific-mode only works on chakra component i simply add color="black" and it works

[kelilipan]

UPDATE:

[kelilipan]

i'm sorry wrong executing rebase command :( should I repoen this PR?

[agallio]

Yes please @svspicious. Thank you 🙇🏻