How to adjust colors in angular default materials

My users complain that the color change for the md buttons on the focus is too subtle.

What is the correct setting method for color palettes by default?

Add: I’m looking at how to customize the style of the button when the button has focus and not looking for how to create my own theme.

In addition, I use Angular -Material 1, NOT 2

+4
source share
1 answer

Ok, for those looking for this, I found the answer in angular -material.modules.closure.button and angular -material.modules.js.button

.md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]):hover {
  background-color: '{{primary-600}}'; }
.md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]).md-focused {
  background-color: '{{primary-600}}'; }

This tells me what I need, namely that the focused buttons get primary-600.

,

+3

Source: https://habr.com/ru/post/1660504/


All Articles