How to Change Buttons Color In Magento2

Question

How to change Buttons color in Magento2?

Answer 1

I was strugglying with this too, here is what I would suggest.

Add this to your new theme _extend.less file

@button-primary__background: <your color here >;

e.g

@button-primary__background: #ccc;

You will likely want to change the border colour to, which can be done like so :

@button-primary__border: #ccc;

I hope this helps.

Answer 2

Override the values in your theme file, which name as _theme.less, change value as below:

@button__color: red;
@button__background: yellow;

run this command php bin/magento cache:clean refresh your page

Answer 3

In Magento 2 you can edit buttons property from below path:

magento_installed_directory\lib\web\css\source\lib\variables\_buttons.less

flush your cache