how can i customize the user menu button and text color
You can target the button with a ".sclogin .scuser-menu a.btn.dropdown-toggle" selector like the following. The following example will give you a button that looks like the Log Out button:
.sclogin .scuser-menu a.btn.dropdown-toggle {
background-color: #006dcc;
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
font-weight: initial;
}and also the text color in the drop-down menu?
There's a conflict with your template. Since the anchor tags in your navigation area are white, that's what's being used. Add this
#g-navigation .sourcecoast .dropdown-menu > li > a {
color: #000;
}
The CSS above is a starting point. Hope this helps.
-Melissa
Help with customizing user drop down menu
