File tree Expand file tree Collapse file tree 1 file changed +25
-10
lines changed
packages/ext-angular-boilerplate Expand file tree Collapse file tree 1 file changed +25
-10
lines changed Original file line number Diff line number Diff line change @@ -4,30 +4,45 @@ ExtAngular
44## Steps to create a new theme
55
66In root of new app - Generate new theme
7- ``` npx ext-react generate theme --name my-theme
7+ ```
8+ npx ext-angular generate theme --name my-theme
89```
910
1011in webpack.config.js
1112``` javascript
12- new ExtReactWebpackPlugin ({
13- theme: ' mt-theme'
13+ new ExtWebpackPlugin ({
14+ framework: ' angular' ,
15+ toolkit: ' modern' ,
16+ theme: ' my-theme'
1417})
1518```
1619
17- ``` npm start
18- ```
19-
2020Go to newly created theme folder
21- ``` cd ext-angular/packages/my-theme
21+ ```
22+ cd ext-angular/packages/my-theme
2223```
2324
2425Create a theme file and add a variable
25- ``` cd /sass/src
26+ ```
27+ cd sass/src
2628mkdir Ext
2729cd Ext
2830touch Component.scss
2931```
30- in Component.scss
32+ in Component.scss (save the file after editing)
3133```
3234$base-color: blue;
33- ```
35+ ```
36+
37+ at the root of the app, start application in development mode
38+
39+ ```
40+ npm start
41+ ```
42+
43+ make a change in Component.scss (save the file after editing)
44+ ```
45+ $base-color: red;
46+ ```
47+
48+ app should now have red titlebar
You can’t perform that action at this time.
0 commit comments