[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
This commit is contained in:
Eugenio Romano
2017-08-19 01:06:35 +01:00
committed by Mario Romano
parent f6f94fbd0c
commit d4e64ac438
149 changed files with 31228 additions and 3136 deletions

View File

@@ -0,0 +1,13 @@
@import '~@angular/material/theming';
@import '../colors';
@import '../all-theme';
@include mat-core();
$primary: mat-palette($alfresco-ecm-blue);
$accent: mat-palette($alfresco-accent-orange);
$warn: mat-palette($alfresco-warn);
$theme: mat-light-theme($primary, $accent, $warn);
@include angular-material-theme($theme);
@include alfresco-material-theme($theme);

View File

@@ -0,0 +1,13 @@
@import '~@angular/material/theming';
@import '../colors';
@import '../all-theme';
@include mat-core();
$primary: mat-palette($alfresco-ecm-blue);
$accent: mat-palette($alfresco-accent-purple);
$warn: mat-palette($alfresco-warn);
$theme: mat-light-theme($primary, $accent, $warn);
@include angular-material-theme($theme);
@include alfresco-material-theme($theme);

View File

@@ -0,0 +1,13 @@
@import '~@angular/material/theming';
@import '../colors';
@import '../all-theme';
@include mat-core();
$primary: mat-palette($alfresco-ecm-cyan);
$accent: mat-palette($alfresco-accent-orange);
$warn: mat-palette($alfresco-warn);
$theme: mat-light-theme($primary, $accent, $warn);
@include angular-material-theme($theme);
@include alfresco-material-theme($theme);

View File

@@ -0,0 +1,13 @@
@import '~@angular/material/theming';
@import '../colors';
@import '../all-theme';
@include mat-core();
$primary: mat-palette($alfresco-ecm-cyan);
$accent: mat-palette($alfresco-accent-purple);
$warn: mat-palette($alfresco-warn);
$theme: mat-light-theme($primary, $accent, $warn);
@include angular-material-theme($theme);
@include alfresco-material-theme($theme);

View File

@@ -0,0 +1,13 @@
@import '~@angular/material/theming';
@import '../colors';
@import '../all-theme';
@include mat-core();
$primary: mat-palette($alfresco-bpm-green);
$accent: mat-palette($alfresco-accent-orange);
$warn: mat-palette($alfresco-warn);
$theme: mat-light-theme($primary, $accent, $warn);
@include angular-material-theme($theme);
@include alfresco-material-theme($theme);

View File

@@ -0,0 +1,13 @@
@import '~@angular/material/theming';
@import '../colors';
@import '../all-theme';
@include mat-core();
$primary: mat-palette($alfresco-bpm-green);
$accent: mat-palette($alfresco-accent-purple);
$warn: mat-palette($alfresco-warn);
$theme: mat-light-theme($primary, $accent, $warn);
@include angular-material-theme($theme);
@include alfresco-material-theme($theme);

View File

@@ -0,0 +1,11 @@
@import '../all-theme';
@import '~@angular/material/theming';
@include mat-core();
$primary: mat-palette($mat-indigo);
$accent: mat-palette($mat-pink, A200, A100, A400);
$theme: mat-light-theme($primary, $accent);
@include angular-material-theme($theme);
@include alfresco-material-theme($theme);

View File

@@ -0,0 +1,11 @@
@import '../all-theme';
@import '~@angular/material/theming';
@include mat-core();
$primary: mat-palette($mat-pink, 700, 500, 900);
$accent: mat-palette($mat-blue-grey, A200, A100, A400);
$theme: mat-dark-theme($primary, $accent);
@include angular-material-theme($theme);
@include alfresco-material-theme($theme);

View File

@@ -0,0 +1,11 @@
@import '../all-theme';
@import '~@angular/material/theming';
@include mat-core();
$primary: mat-palette($mat-purple, 700, 500, 800);
$accent: mat-palette($mat-green, A200, A100, A400);
$theme: mat-dark-theme($primary, $accent);
@include angular-material-theme($theme);
@include alfresco-material-theme($theme);