From d995671c5f0b06b1f1aa2255d413b4faa3966444 Mon Sep 17 00:00:00 2001 From: mgusmano Date: Thu, 14 Mar 2019 11:09:47 -0400 Subject: [PATCH] readme --- packages/ext-angular-boilerplate/README.md | 35 +++++++++++++++------- 1 file changed, 25 insertions(+), 10 deletions(-) diff --git a/packages/ext-angular-boilerplate/README.md b/packages/ext-angular-boilerplate/README.md index c8ba182e..55f42920 100644 --- a/packages/ext-angular-boilerplate/README.md +++ b/packages/ext-angular-boilerplate/README.md @@ -4,30 +4,45 @@ ExtAngular ## Steps to create a new theme In root of new app - Generate new theme -```npx ext-react generate theme --name my-theme +``` +npx ext-angular generate theme --name my-theme ``` in webpack.config.js ```javascript -new ExtReactWebpackPlugin({ - theme: 'mt-theme' +new ExtWebpackPlugin({ + framework: 'angular', + toolkit: 'modern', + theme: 'my-theme' }) ``` -```npm start -``` - Go to newly created theme folder -```cd ext-angular/packages/my-theme +``` +cd ext-angular/packages/my-theme ``` Create a theme file and add a variable -```cd /sass/src +``` +cd sass/src mkdir Ext cd Ext touch Component.scss ``` -in Component.scss +in Component.scss (save the file after editing) ``` $base-color: blue; -``` \ No newline at end of file +``` + +at the root of the app, start application in development mode + +``` +npm start +``` + +make a change in Component.scss (save the file after editing) +``` +$base-color: red; +``` + +app should now have red titlebar \ No newline at end of file