1

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 ?

3

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

2

Luma inherits variables from

lib/web/css/source/lib/varibales/_buttons.less

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

lib/web/css/source/lib/varibales/_typography.less
@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, privacy policy and cookie policy

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