[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/form/form-list-demo.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { AfterViewInit, Component, ViewChild } from '@angular/core';
+import { Component, ViewChild } from '@angular/core';
 import { FormModel, FormService } from 'ng2-activiti-form';
 import { ActivitiForm } from 'ng2-activiti-form';
 
@@ -30,8 +30,8 @@ declare var componentHandler;
             <activiti-form [form]="form" [data]="restoredData">
             </activiti-form>
         </div>
-        <button class="mdl-button mdl-js-button" (click)="store()">STORE</button>
-        <button class="mdl-button mdl-js-button" (click)="restore()">RESTORE</button>
+        <button md-button (click)="store()" color="primary">{{'FORM-LIST.STORE' | translate }}</button>
+        <button md-button (click)="restore()" color="primary">{{'FORM-LIST.RESTORE' | translate }}</button>
     `,
     styles: [`
         .form-container {
@@ -44,9 +44,9 @@ declare var componentHandler;
         }
     `]
 })
-export class FormListDemoComponent implements AfterViewInit {
+export class FormListDemoComponent {
 
-     @ViewChild(ActivitiForm)
+    @ViewChild(ActivitiForm)
     activitiForm: ActivitiForm;
 
     formList: any [] = [];
@@ -65,13 +65,6 @@ export class FormListDemoComponent implements AfterViewInit {
         });
     }
 
-    ngAfterViewInit() {
-        // workaround for MDL issues with dynamic components
-        if (componentHandler) {
-            componentHandler.upgradeAllRegistered();
-        }
-    }
-
     onRowDblClick(event: CustomEvent) {
         let rowForm = event.detail.value.obj;