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