Skip to content

Commit 449b882

Browse files
Heojelbourn
Heo
authored andcommitted
docs(guide): theme scss path update (for beta 3) (#3964)
1 parent 8a02914 commit 449b882

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

guides/theming.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ include all of the styles for core (styles common to all components), so you onl
2424
single css file for Angular Material in your app.
2525

2626
You can include a theme file directly into your application from
27-
`@angular/material/core/theming/prebuilt`
27+
`@angular/material/prebuilt-themes`
2828

2929
Available pre-built themes:
3030
* `deeppurple-amber.css`
@@ -35,12 +35,12 @@ Available pre-built themes:
3535
If you're using Angular CLI, this is as simple as including one line
3636
in your `styles.css` file:
3737
```css
38-
@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.css';
38+
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
3939
```
4040

4141
Alternatively, you can just reference the file directly. This would look something like:
4242
```html
43-
<link href="node_modules/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">
43+
<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">
4444
```
4545
The actual path will depend on your server setup.
4646

@@ -74,7 +74,7 @@ When you want more customization than a pre-built theme offers, you can create y
7474
A theme file is a simple Sass file that defines your palettes and passes them to mixins that output
7575
the corresponding styles. A typical theme file will look something like this:
7676
```scss
77-
@import '~@angular/material/core/theming/all-theme';
77+
@import '~@angular/material/theming';
7878
// Plus imports for other components in your app.
7979

8080
// Include the base styles for Angular Material core. We include this here so that you only

0 commit comments

Comments
 (0)