Create custom Modular Theme

I am learning about the new Modular theme that ships as part of the WPS 7002 and i wanted to create a new modular theme so that i could play around with it. So these are the steps that i followed

1. First i did connect to http://localhost:10039/wps/mycontenthandler/dav/themelist URL using the WebDAV client and there i could see csa2.theme folder for PageBuilder2 based theme and ibm.portal.7002Theme folder for the Modular theme, so i did download the ibm.portal.7002Theme folder on my local machine
   
2. Then i did change name of that folder to webspherenotes.firstmodular
3. Then i opened the metadata/localized_en.properties file and i did change the title of the theme like this

   
   description=
   title=FirstModular
   

I also made changes in the metadata.properties file to change the value of com.ibm.portal.layout.template.href to point to a 2ColumnEqual layout that is inside the firstmodular theme like this. I also change the value of com.ibm.portal.layout.template.href

com.ibm.portal.layout.template.href=dav\:fs-type1/themes/firstmodular/layout-templates/2ColumnEqual/
com.ibm.portal.themetype=CSA2
resourceaggregation.profile=profiles/profile_full.json

4. After that i did upload the webspherenotes.firstmodular theme back to the WebDAV store like this
   
5. Now when i logged into WebSphere Portal Admin console and went to Theme and Skin management i could see FirstModular theme in the list like this
   
6. The last step was to assign the Portal 7.0.0.2 based skins to the FirstModular theme and then assign that theme to the page. When i tried accessing a FirstModular based page without assigning the Portal 7.0.0.2 based skin it looked like this
   
   But assigning correct skin solved the problem