Code: Select all
body .success-btn.ui-button:focus,
body .success-btn > .ui-button:focus,
body .ui-splitbutton.success-btn > .ui-button:focus {
background-color: #449d44;
border-color: #398439; }
Code: Select all
body {
.ui-button {
&:enabled:focus {
outline: 0 none;
background-color: darken($primaryColor,5%);
}
The same thing occurs if I load the themes in my project using css files (instead of scss files). In that case, it's because the following style in theme-blue.css overrides the success/info/warning/... button focus styles defined in the same file.
Code: Select all
body .ui-button:enabled:focus {
outline: 0 none;
background-color: #2d6da3; }
I don't think your intent was to have the primary background focus color override the background focus colors defined for the success/info/warning/etc. button classes. If that's true, this should be corrected in the next release of the theme.