[ENH] bootstrap themes across light and dark mode

[Ndaboom]

This fix sets explicit text colors for <h1> elements in both light and dark modes to ensure visibility and maintain visual contrast. A very dark gray (#adafae) is used for light mode to avoid pure black on white, improving readability and aesthetics, while a very light gray (#f8f9fa) is used in dark mode for optimal contrast.

[si458]

this sadly hasnt really worked,
if you say use the darkly color scheme, and then switch your browser into light mode,
and check the my account page, the device groups are completely missing

but use dark mode for your browser and its perfectly fine

[Ndaboom]

this sadly hasnt really worked, if you say use the darkly color scheme, and then switch your browser into light mode, and check the my account page, the device groups are completely missing but use dark mode for your browser and its perfectly fine

Oops, I tested with a MeshCentral instance without any device group(no devices data at all), which is why I couldn't see that part. I was only referring to the page titles to see if everything works. I will continue the work and push changes.
Thank you for the review.

[DaanSelen]

this sadly hasnt really worked, if you say use the darkly color scheme, and then switch your browser into light mode, and check the my account page, the device groups are completely missing but use dark mode for your browser and its perfectly fine

Oops, I tested with a MeshCentral instance without any device group(no devices data at all), which is why I couldn't see that part. I was only referring to the page titles to see if everything works. I will continue the work and push changes. Thank you for the review.

Thank you for your time and effort in advance!

[si458]

@Ndaboom sorry thats made it worse! and i was just using the default color theme in day mode

[DaanSelen]

@Ndaboom is this still going on?

[Ndaboom]

@Ndaboom is this still going on?

Yes, it is, but I haven't had a chance to continue working yet. I will follow up here very soon when I get something.
Thanks.

[Ndaboom]

Hi @si458, I've made a few changes. Could you test them when you have a chance?

Thank you.

[github-actions]

This pull request has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[DaanSelen]

Bump?

[marclaporte]

@Ndaboom What is the next step?

[github-actions]

This pull request has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[DaanSelen]

@si458 what is halting it?