Skip to content

Commit e8dc6b4

Browse files
small change in documentation
1 parent 297815b commit e8dc6b4

File tree

1 file changed

+7
-5
lines changed

1 file changed

+7
-5
lines changed

documentation/tutorial-components.html

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -111,6 +111,9 @@ <h4>
111111
<li>
112112
<a href="https://github.com/creativetimofficial/material-dashboard-angular/issues">Have an issue?</a>
113113
</li>
114+
<li>
115+
<a href="http://md-pro-angular.creative-tim.com/?ref=mdangular-free" target="_blank" class="btn btn-danger btn-round">Upgrade to PRO</a>
116+
</li>
114117
</ul>
115118

116119
</div><!-- /.navbar-collapse -->
@@ -125,7 +128,7 @@ <h4>
125128
<img src="../src/assets/img/angular2-logo-red.png">
126129
</div>
127130

128-
<h1 class="title">Material Dashboard Angular 2</h1>
131+
<h1 class="title">Material Dashboard Angular 4</h1>
129132
<h3 class="sub-title">Tutorial and Components</h3>
130133
</div>
131134
</div>
@@ -1517,10 +1520,9 @@ <h2 class="text-center">Changing Colors (SASS)</h2>
15171520
<p>You can change the default colors via variables from SASS:</p>
15181521

15191522
<ol>
1520-
<li>You can find the colors in assets/sass/material-kit/_variables.scss starting with line 28 where is the primary color set: <code>$brand-primary: $purple !default;</code>. All the possible colors are in assets/sass/material-kit/_colors.scss</li>
1521-
<li>Add the SASS folder from <code>assets/sass/</code> the project inside <a href="http://koala-app.com/" target="_blank">Koala Compiler</a> and find the file material-dashboard.scss, it will be the one in Green.</li>
1522-
<li>Right click on that file and set the output path, it must be in assets/css/ so anything that you compile will overwrite the original material-dashboard.css</li>
1523-
<li>Press on compile and everything will be done automatically</li>
1523+
<li>You can find the colors in assets/sass/material-dashboard/_variables.scss starting with line 28 where is the primary color set: <code>$brand-primary: $purple !default;</code>.
1524+
<li>More colors can be found in assets/sass/material-kit/_colors.scss</li>
1525+
<li>Change them with anything you want and save the <code>.scss</code> file, it will be automatically compiled by Angular.</li>
15241526
</ol>
15251527

15261528
</div>

0 commit comments

Comments
 (0)