Reproduction steps
1.: Open a self-hosted Fluxer instance in a web browser.
2.: Enable dark mode.
3.: Log in with an administrator account and navigate to /admin.
4.: Open sections such as "Feature Toggles" or the settings containing message and guild limits.
5.: Look at the blue "User" and purple "Guild" badges next to the setting names.
6.: Notice that the text is barely readable against the badge backgrounds.
Expected behaviour
The text inside the "User" and "Guild" badges should have sufficient contrast against the background and remain clearly readable in dark mode.
Actual behaviour
The badge text colors are almost identical to their background colors, making the labels difficult to read in dark mode. Manually changing the CSS text color to white fixes the readability issue.
Platform
Web, Self-hosting
Evidence
The affected badges use the following Tailwind CSS classes:
bg-blue-100 text-blue-700
bg-purple-100 text-purple-700
In dark mode, the resulting text colors have insufficient contrast against the badge backgrounds.
Changing the text color to white in the browser developer tools makes the labels readable again.