Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
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