[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

ng2-components/ng2-alfresco-upload/src/components/upload-button.component.html

@@ -1,8 +1,8 @@
-<form>
+<form class="adf-upload-button-file-container">
     <!--Files Upload-->
-    <div *ngIf="!uploadFolders"
-        [class.mdl-button--file--disabled]="isButtonDisabled()"
-        class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-button--file">
+    <a *ngIf="!uploadFolders"
+        [disabled]="isButtonDisabled()"
+        md-raised-button color="primary">
         <md-icon>file_upload</md-icon>
 
         <!--Multiple Files Upload-->
@@ -47,12 +47,11 @@
                 [title]="tooltip"
                 (change)="onFilesAdded($event)">
         </span>
-    </div>
+    </a>
 
     <!--Folders Upload-->
-    <div *ngIf="uploadFolders"
-        [class.mdl-button--file--disabled]="isButtonDisabled()"
-        class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-button--file">
+    <a *ngIf="uploadFolders"
+        [disabled]="isButtonDisabled()" md-raised-button color="primary">
         <md-icon>file_upload</md-icon>
         <label
             id="uploadFolder-label"
@@ -73,5 +72,5 @@
             [attr.disabled]="isButtonDisabled()"
             [title]="tooltip"
             (change)="onDirectoryAdded($event)">
-    </div>
+    </a>
 </form>