Hi Ad, so for the drop-downs, the problem is that the regular <select> control has a default color built in to the base WebKit html.css .

So to fix that, inside moi.css find the base rule for <moi:Select> and <select> controls which looks like this:

moi\:Select, select {
    -webkit-appearance:none;
    -webkit-box-sizing:border-box;
    -webkit-box-align:center;
    
    white-space:pre;
	background-color:#2F2F2F;

    margin:0;
    display:inline-block;

	border:1px solid #686868;
	border-radius:2px;
    
    font-size:90%;
}

and put in a color:inherit; in it so it looks like this (added at the end):

moi\:Select, select {
-webkit-appearance:none;
-webkit-box-sizing:border-box;
-webkit-box-align:center;

white-space:pre;
background-color:#2F2F2F;

margin:0;
display:inline-block;

border:1px solid #686868;
border-radius:2px;

font-size:90%;

color:inherit;
}




So one of the things that's a little bit off with this moi.css file is that it's based off of the .css for MoI version 3 so some of the things like the flex-box properties are not matched up right for v4 which is why a few things look weird. I'll see if I can tune it up.

For selected text, add in this which is also in the v4 moi.css file now:

/* Background and text colors for selected text in input fields */
::selection {
background-color:#5599FF;
color:white;
}

- Michael