[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/app.module.ts

@@ -40,6 +40,9 @@ import { ChartsModule } from 'ng2-charts';
 import { AppComponent } from './app.component';
 import { routing } from './app.routes';
 import { CustomEditorsModule } from './components/activiti/custom-editor/custom-editor.component';
+import { FormListDemoComponent } from './components/form/form-list-demo.component';
+import { StyleManager } from './components/theme-picker/style-manager/style-manager';
+import { ThemePickerModule } from './components/theme-picker/theme-picker';
 import { MaterialModule } from './material.module';
 import { DebugAppConfigService } from './services/debug-app-config.service';
 
@@ -48,7 +51,6 @@ import { RecentComponent } from './components/files/recent.component';
 import { SharedLinksComponent } from './components/files/shared-links.component';
 import { SitesComponent } from './components/files/sites.component';
 import { TrashcanComponent } from './components/files/trashcan.component';
-import { FormListDemoComponent } from './components/form/form-list-demo.component';
 
 import {
     AboutComponent,
@@ -102,7 +104,8 @@ if (process.env.ENV === 'production') {
         DiagramsModule.forRoot(),
         CustomEditorsModule,
         Editor3DModule.forRoot(),
-        ChartsModule
+        ChartsModule,
+        ThemePickerModule
     ],
     declarations: [
         AppComponent,