[ADF-1434] Theming ADF component (#2228)

* start custom theming adf

* demo shell cleaning

* login mdl cleaning

* uploader mdl cleaning

* prebuilt themes

* theme picker in demo shell

* clean custom colors and mdl

* fix rebase errors

* theming from color style guide

* dev default theme orange purple

* fix color accent inverted in picker

* fix test and add colors classes

* fix tag component theming issues

* fix datatable theming

* add theming guides

demo-shell-ng2/app/components/search/search-bar.component.html

@@ -11,5 +11,5 @@
 <alfresco-viewer *ngIf="fileShowed" [(showViewer)]="fileShowed"
                  [fileNodeId]="fileNodeId"
                  [overlayMode]="true">
-    <div class="mdl-spinner mdl-js-spinner is-active"></div>
+    <md-spinner></md-spinner>
 </alfresco-viewer>

demo-shell-ng2/app/components/search/search.component.html

@@ -9,6 +9,6 @@
     <alfresco-viewer [(showViewer)]="fileShowed"
                      [fileNodeId]="fileNodeId"
                      [overlayMode]="true">
-        <div class="mdl-spinner mdl-js-spinner is-active"></div>
+        <md-spinner></md-spinner>
     </alfresco-viewer>
 </div>