No theme folders under frontend/design/Magento folder

[jibrandlr]

WAMP environment.

Magento installation is ok, I can see frontend and backend with no issues.
However I noticed there is no theme folders, blank and luma, where they were supposed to be.

Blank and luma folders are only found at pub/static/frontend/Magento folder but not in app/design/frontend/Magento.
I found this issue while trying to create a new theme which will inherit from blank (thus noticing there is no blank or luma folder)

[mazhalai]

That is expected in the composer based Magento2 application or if you got the zip. All languages, modules, themes will be under vendor/magento. So, Blank theme can be found at vendor/magento/theme-frontend-blank

[jibrandlr]

@mazhalai New theme files should be placed also under the vendor directory? The frontend developer guide says new theme folders should be placed under app/design/frontend/

[mazhalai]

Yes, when developing a new theme, as a frontend developer, you should place your new themes in the app/design/ folder. But when this theme will be used by others, they will require it via composer, and then it will be in the vendor folder.

[jibrandlr]

@mazhalai My new theme will inherit from blank. The theme.xml file for the new theme includes a reference for the parent theme:

<title>New theme</title> **Magento/blank**

Since that Magento/blank does not exist, what should I do?

[alankent]

We are still thinking about whether to make this policy, but recommendation at least for now is to put files local to a project (or during development) under app/code (modules) or app/design (themes). If someone download/installs the module/theme via Composer (e.g. after obtaining from the Marketplace when online), Composer will put it under the 'vendor' directory for you. So 'vendor' means "I did not write this". The directory might be a candidate for a .gitignore file.

Regarding your latest comment, was there XML markup? It seems to have got munged. Magento/blank certainly exists in a standard install, so not sure what you mean by that exactly - but maybe I misunderstood.

[jibrandlr]

@alankent From the frontend developer guide:

"Add or copy from an existing theme.xml to your theme directory app/design/frontend//"

I copied the file from vendor/Magento/theme-frontend-blank to app/design/frontend/MYtheme/MYtheme, then I want to reference the parent theme, as the guide says:

< parent > Magento/blank < / parent >

but the Magento/blank folder does not exist under app/frontend/design

[alankent]

Simple answer: Magento currently knows to look in vendor and under app/design for themes.

Long answer (if you want details): In GitHub, it does exist under app/design/frontend (https://github.com/magento/magento2/tree/develop/app/design/frontend/Magento/blank). When installing via Composer (as recommended for production sites or anyone else wanting stability), Composer puts it under the vendor directory. This is standard Composer behavior.

So "vendor/Magento/theme-frontend-blank" is the root directory of the Composer package holding the blank theme. Magento will find the theme over in that directory as well. (This is one of the reasons there is a "registration.php" file in themes (and modules) now. It tells Magento where the theme sits on disk.)

So while developing a theme, or if theme is for a local project (not intended to be used across multiple projects), you put it under app/design. If you decide to sell it on Magento Marketplace for example, there are instructions to bundle it (basically ZIP the directory) and upload to the Marketplace. Other users that download it will have it put in their 'vendor' directory automatically by Composer. The 'vendor' directory holds all code that you did not write.

[mazhalai]

< parent > Magento/blank < / parent > is not path, but name of the parent theme as <vendor_name>/<theme_name>

[jibrandlr]

@alankent I appreciate the long answer. For testing I just applied the new theme with no modifications at all (it should display the same as the blank theme) however there are no images or css. The browser is looking for images and css in pub/static/frontend/Mytheme/mytheme/en_US/... which don't exist. Those files should be inherited from blank??

[wonderfan]

Create a directory for the theme under app/design/frontend/<your_vendor_name>/<your_theme_name>.
Add a declaration file theme.xml and optionally create etc directory and create a file named view.xml to the theme directory.
Add a composer.json file.
Add registration.php.
Create directories for CSS, JavaScript, images, and fonts.
Configure your theme in the Admin panel.

[mazhalai]

@lgarridoj please run bin/magento setup:static-content:deploy from command line.

[jibrandlr]

@mazhalai I had run already that command a after installation. I run it again and now my new theme is applied. That command needs to be run every time when creating a new theme?

[jibrandlr]

@mazhalai That command created all the necessary files under pub/static/frontend/Mytheme/mytheme but they are the same files under pub/static/frontend/Magento/blank. Since Mytheme inherits from blank, why do magento need the same files in both folders? The purpose of inheriting of themes is supposed to solve the problem of having the same files on both folders