I've just about got a handle on the css "rules" for the widgets, but the buttons for the new dialog pages don't follow those rules, it seems.
I've tried a gazillon permutations of
.dialog-open
.dialog-page-container
.ui-dialog-buttonpane
.ui-dialog-buttonset
button:last-child
button
.ui-button
.action-cancel
.ui-widget
.ui-state-default
.ui-corner-all
.ui-button-text-only
How can I change the button color, text color, etc?
At this point the only thing that changes anything is
code:
.theme-mytheme.dialog-open .ui-button-text
and that only changes the background around the text itself, not the button background.
Thanks!
Best answer by Pratap Kumble
Hi @MathFour, you can use the attached CSS. I have added CSS such that you can change the color of the blue action button and also the other buttons along with the text color.
So ideally you can give the 1st button(blue) one color and the rest of the other buttons another color. Have also added the hover styles.
The colors in the CSS are quiet contrasting just to make it easier to change. :)
Please let me know if this helped and was the need.
Hi @MathFour, you can use the attached CSS. I have added CSS such that you can change the color of the blue action button and also the other buttons along with the text color.
So ideally you can give the 1st button(blue) one color and the rest of the other buttons another color. Have also added the hover styles.
The colors in the CSS are quiet contrasting just to make it easier to change. :)
Please let me know if this helped and was the need.
