This boilerplate comes with a light and dark mode out of the box that can be either enabled or disabled through the app.config.ts
file.
text-gray-500
make sure to use text-foreground
for headers and text-muted-foreground
for descriptions.
Color related text can be optimised using the light and dark labels from Tailwind. E.g.: