Allrighty, some thoughts:
First, to show both your Dark/Light thing and the Switch Palette is conflicting UX. IMO, only your thing (as presented when checked) should be shown by default - i.e only the two settings, no checkbox, no explanatory text.
IF the user wants fine tuning, then he can click enter a separate area where they are properly presented, in my image the “show palettes” would show two tabs, one for the dark palettes and one for the light. (…although I am a bit hesitant what to do with palettes that don’t fit this binary division). I.e this would be instead of your rightmost “choose palette buttons”.
To signify "selected"
- When there are only two options, the gray background coloration of the standard switcher lists doesn’t make any sense.
- And instead of the very subtle chevron to signify the selection, in our case here I think it is clearer with icons as shown or sun/moon, etc.
- Here I use a circled icon to signify “selected” but maybe this breaks TW standards. (E.g an open Controlpanel gives the Controlpanel button icon a shadow …which I always thought looks like smudge, but…)
- Another idea could be to simply
outline:1or2px solid somecolor around the selection.
- Yet another idea would be a clear checkmark; I use this in the Booster booster stylesheets, here (the selected option, Vanilla happens to be at the very bottom which is not optimal for the demo, but should show what I mean.)
…while at it - and this is something I’ve said before but you disagreed - as you also see both in the image here and in the Boosters demo, I’ve cleaned up the text color to be black. IMO blue text means “link” (not “click here”) and the font-weight is toned down. (it is very confusing when it is not a link!)
Now, your demo has a link to the actual settings-value-tiddler. I agree this is desirable. I’m not quite sure where to put it but possibly a float:right; and maybe we need an generic “link icon” for tiddlers whose name are not really of interest.
Another thing is to peel away unnecessary “lines”. If your demo tiddler appears inside the actual Controlpanel, one can zoom in and see this maze:
In my big image above, I tested to remove also the three lines but it became too bare IMO.
OK, those are some thoughts.
