dark mode text is hard to read (WCAG AA recommendations are unmet)

[eleith]

Describe the bug

the text color of #5a5cb9 on the background color of #1c1e21 is very difficult to read.

upon further inspection, the color contrast of 2.92 is lower than WCAG AA guidelines of 3.0 for text to be considered accessible and readable.

To Reproduce

1. Go to main user page in authentik with application links (ex: https://authentik.example/if/user/)
2. Set your browser to be in dark mode
3. Observe all links in the application cards can be difficult to read for some people

Expected behavior

for the color contrast of the text to be 3.0 against a dark background

details about color contrast

https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast?utm_source=devtools&utm_medium=a11y-panel-checks-color-contrast

color contrast checker

https://webaim.org/resources/contrastchecker/

Possible Solutions

there are many solutions to this issue (ex: darker background color for the card, lighter color for links) but given how prevalent links are for the app, and how many color issues exist when running an accessibility scan (ex: axe devtools extension), it might be best to consider an accessibility review and focus on improving the dark color mode for the app as a whole.

for now, the workaround is to force the app to use lightmode.

Screenshots