I have added Angular (1) Material (v.1.1.5) to my Visual Studio project using NuGet and followed their instructions for referencing it:
<script src="scripts/angular.min.js"></script>
<script src="scripts/angular-route.min.js"></script>
<script src="scripts/angular-animate.min.js"></script>
<script src="scripts/angular-aria.min.js"></script>
<script src="scripts/angular-messages.min.js"></script>
<script src="scripts/angular-sanitize.min.js"></script>
<script src="scripts/angular-material.min.js"></script>
<link href="content/bootstrap.min.css" rel="stylesheet" />
<link href="content/angular-material.min.css" rel="stylesheet" />
According to their documentation:
If you're using the Angular CLI, include this in your styles.css:
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
Or you can directly link the file like this:
<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">
I'm unable to find the prebuilt themes .css files after installing via NuGet. Am I missing something? Shouldn't these themes be included in the angular-material.min.css file?
EDIT: @Edric: I have already set up my mdThemeProvider:
<body ng-app="myApp" ng-controller="MainCtrl" md-theme="ccc" md-theme-watch="true">
&
var myApp = angular.module("MyApp", ['ngAnimate', 'ngAria', 'ngMessages', 'ngMaterial', 'ngRoute', 'ngSanitize']);
rcaApp.config(function ($mdThemingProvider) {
$mdThemingProvider.theme('ccc')
.primaryPalette('pink')
.accentPalette('orange')
.dark();
});