role badge color unreadible

[wakest]

on Elk the role badge text is showing up almost unreadable when 'color' is set to black in mastodon's admin settings

heres what it looks like on Mastodon

this is set in mastodon's admin page at instance.tld/admin/roles/

the role badge looks quite good when the color is set to something that works with the theme:

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

[shuuji3]

I can confirm this issue. Mastodon can specify arbitrary colors. So maybe Elk needs to use the fixed color (like the theme color) instead of the given custom color like Mastodon UI.

There might be a way to choose a good color dynamically from the specified color. For example, choose a color that has enough contrast to both the custom color and the color mode (dark/light)? But I don't have any idea to do so for now.

[shuuji3]

Leonardo: an open source contrast-based color generator | by Nate Baldwin | Medium - https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2

This might be a potential solution but I think it's too complicated just for the badge color.