UsersWP uses AyeCode UI, our Bootstrap based styling, and you can change its main colours in the WordPress Customizer. No extra add-on is needed.

1. Go to Appearance > Customize.
2. Open the AyeCode UI section.
3. Set Primary Color and Secondary Color.
4. Click Publish.

Primary is used for main buttons, links and active tabs on UsersWP forms and profiles. Secondary is used for less important buttons. The same colours apply to other AyeCode plugins on the site, such as GeoDirectory and GetPaid.

Block themes hide the Customize menu item, but the Customizer still works. Go to /wp-admin/customize.php on your site to open it.

Other colours and details

For anything the two colour settings do not cover, add custom CSS in Appearance > Customize > Additional CSS or your child theme. AyeCode UI styles sit inside a .bsui wrapper, so start your selectors with it:

.bsui .btn-primary {
	background-color: #0b6e4f;
	border-color: #0b6e4f;
}
.bsui .btn-primary:hover {
	background-color: #08523b;
	border-color: #08523b;
}

Settings > AyeCode UI has the other options, such as the Bootstrap version and where the styles load. More background is in AyeCode User Interface (AUI).