Currently selected select Elements in Dark Theme have very low contrast

[Sarenor]

Current Behavior

By default, Selects look pretty good in Dark theme:

As soon as an element is actively clicked and selected by the mouse, the color changes to white automatically which leads to very low contrast:

I would have thought that something like

	.select option::selection {
		@apply text-surface-50-900-token;
	}

Would fix that but I couldn't get it to work because my CSS-Fu is to weak.

Steps To Reproduce

No response

Anything else?

1. Go to http://localhost:5173/elements/forms
2. Make sure your selected theme is in dark mode
3. Click on a select option

[endigo9740]

The issue with this one is it's a hack of sorts to apply the background color to select elements at all - actually using a gradient that fades from two version of the same color. It's not just a normal "background = whatever" situation.

Given this, the only way I can get consistent results seems to be using a primary color, which uses the same text color for either light or dark mode. This provide the desired results - even if it's more opinionated. This will do for now.