[ENH] bootstrap themes: Ensure h1 titles remain visible across light and dark themes

[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!