I'm trying to find out which is the file that sets the main blue color in Luma theme.

There is a blue defind @color-blue1: #1979c3; in lib/web/css/source/lib/variables/_colors.less

Where Luma gets it from ?

2 Answers 2


I believe it comes from: vendor\magento\theme-frontend-luma\web\css\source\_theme.less

You should be able to override it in your theme with app/design/frontend/yourpackage/yourtheme/web/css/source/_theme.less

Read more here


Luma inherits variables from


@button-primary__background: @color-blue1;
@button-primary__border: 1px solid @color-blue1;

@link__color: @color-blue1;
@link__hover__color: @color-blue2;
@focus__color: @color-sky-blue1;

and other colors from lib and blank theme.

One have to overwrite all the variables in current store's theme, file _theme.less as Zach pointed out.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.