UI improvement: make selected / deselected options more distinct in generator

[drawcard]

Is your feature request related to a problem? Please describe. The on/off states aren't clear enough when used in combinations. Dark tints usually indicate that something is inactive, however in this interface it indicates when something is active.

For example, it's clear that "0-9" is the only setting here:

But in this case, it looks like "A-Z" is the only enabled setting (because it's brighter than the rest of the actual selected buttons)

It becomes more confusing when some are toggled and some aren't:

Describe the solution you'd like A clear and concise description of what you want to happen.

It would be good to have more visual distinction when an option is active (eg a green tick symbol next to the button label, eg:

Other idea - colour change only Selected buttons could also be a green tint to indicate they are active.

Or alternatively, reverse the grey colour scheme, so active buttons are brighter than inactive.

[ArkitectNaut]

You could also just remove the border of the unchecked buttons. This way selecting an option would result in it having a border and being colored in a darker shade.

[mstarke]

I tend to stay away from custom UI since it adds additional drag to the development. MacPass is quite old and has seen a lot of UI changes on macOS so this bit me rather hard in the a***. Thus I do try to stick to native UI. It might be useful to switch to a different style of buttons that show the states more accurately.