How can I add custom less file and in a particular theme compile less file in Magento 2 ?

2 Answers 2


Just add new file here


and import this file in source file given path below


import your file

(if there is not available _source.less file in your theme then go to vendor\magento\theme-frontend-blank\web\css\source folder and copy file in your custom theme)

@import '_new.less';
  1. clear cache
  2. php bin/magento setup:static-content:deploy
  • Tried this and it is not working
    – Scott
    Commented Feb 13, 2019 at 18:56
  • @Scott try this: app/design/frontend/Vendor/Tname/web/css/source/_extend.less Commented May 10, 2019 at 6:42
  • thanks Yusuf. that's eventually what I figured out
    – Scott
    Commented May 31, 2019 at 21:51

Above answer is not working I don't know how its accepted: If you want to add custom common css file, you have to follow below steps:

1) create file at following locationi in your custom theme


2) create _extend.less file at following location


3) add following line at top of this file

@import '_common.less';

just clear cache & generate content if on production.

  • where should i put ' @import '_common.less'; at? thanksw Commented Sep 29, 2020 at 21:10
  • in side _extend.less file. Which is actually file in your theme who is extending the magento's module css file. In which you want to add modifications. See topic how can I extend magento css file? Commented Sep 30, 2020 at 11:47

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.