Skip to content

Commit

Permalink
Merge pull request #282 from mgusmano/ext-angular-6.7.x
Browse files Browse the repository at this point in the history
readme
  • Loading branch information
mgusmano authored Mar 14, 2019
2 parents b346cc4 + d995671 commit 589e216
Showing 1 changed file with 25 additions and 10 deletions.
35 changes: 25 additions & 10 deletions packages/ext-angular-boilerplate/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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;
```
```

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

0 comments on commit 589e216

Please sign in to comment.