mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ADF-theming-fix] Fix theming related issues (#2276)
* First steps * Every package have separate entry points for styling mixins * Moving to config dir, and using it in demo shell * Remove webpack config include path magic from activiti-form package * Fixing all the webpack common configs and using relative paths in the prebuilt themes * Datatable header fix * Update documentation
This commit is contained in:
committed by
Mario Romano
parent
738290ce37
commit
407e11664a
25
ng2-components/config/prebuilt/_all-theme.scss
Normal file
25
ng2-components/config/prebuilt/_all-theme.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
@import 'ng2-alfresco-core/styles/index';
|
||||
@import 'ng2-activiti-analytics/styles/index';
|
||||
@import 'ng2-activiti-diagrams/styles/index';
|
||||
@import 'ng2-activiti-form/styles/index';
|
||||
@import 'ng2-activiti-processlist/styles/index';
|
||||
@import 'ng2-activiti-tasklist/styles/index';
|
||||
@import 'ng2-alfresco-datatable/styles/index';
|
||||
@import 'ng2-alfresco-documentlist/styles/index';
|
||||
@import 'ng2-alfresco-login/styles/index';
|
||||
@import 'ng2-alfresco-upload/styles/index';
|
||||
@import 'ng2-alfresco-userinfo/styles/index';
|
||||
|
||||
@mixin alfresco-material-theme($theme) {
|
||||
@include alfresco-core-theme($theme);
|
||||
@include alfresco-activity-analytics-theme($theme);
|
||||
@include alfresco-activity-diagrams-theme($theme);
|
||||
@include alfresco-activity-form-theme($theme);
|
||||
@include alfresco-activity-processlist-theme($theme);
|
||||
@include alfresco-activity-tasklist-theme($theme);
|
||||
@include alfresco-datatable-theme($theme);
|
||||
@include alfresco-documentlist-theme($theme);
|
||||
@include alfresco-login-theme($theme);
|
||||
@include alfresco-upload-theme($theme);
|
||||
@include alfresco-userinfo-theme($theme);
|
||||
}
|
12
ng2-components/config/prebuilt/adf-blue-orange.scss
Normal file
12
ng2-components/config/prebuilt/adf-blue-orange.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
@import '~ng2-alfresco-core/styles/theming';
|
||||
@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);
|
12
ng2-components/config/prebuilt/adf-blue-purple.scss
Normal file
12
ng2-components/config/prebuilt/adf-blue-purple.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
@import '~ng2-alfresco-core/styles/theming';
|
||||
@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);
|
12
ng2-components/config/prebuilt/adf-cyan-orange.scss
Normal file
12
ng2-components/config/prebuilt/adf-cyan-orange.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
@import '~ng2-alfresco-core/styles/theming';
|
||||
@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);
|
12
ng2-components/config/prebuilt/adf-cyan-purple.scss
Normal file
12
ng2-components/config/prebuilt/adf-cyan-purple.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
@import '~ng2-alfresco-core/styles/theming';
|
||||
@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);
|
12
ng2-components/config/prebuilt/adf-green-orange.scss
Normal file
12
ng2-components/config/prebuilt/adf-green-orange.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
@import '~ng2-alfresco-core/styles/theming';
|
||||
@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);
|
12
ng2-components/config/prebuilt/adf-green-purple.scss
Normal file
12
ng2-components/config/prebuilt/adf-green-purple.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
@import '~ng2-alfresco-core/styles/theming';
|
||||
@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);
|
11
ng2-components/config/prebuilt/adf-indigo-pink.scss
Normal file
11
ng2-components/config/prebuilt/adf-indigo-pink.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
@import '~ng2-alfresco-core/styles/theming';
|
||||
@import './all-theme';
|
||||
|
||||
@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);
|
11
ng2-components/config/prebuilt/adf-pink-bluegrey.scss
Normal file
11
ng2-components/config/prebuilt/adf-pink-bluegrey.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
@import '~ng2-alfresco-core/styles/theming';
|
||||
@import './all-theme';
|
||||
|
||||
@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);
|
11
ng2-components/config/prebuilt/adf-purple-green.scss
Normal file
11
ng2-components/config/prebuilt/adf-purple-green.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
@import '~ng2-alfresco-core/styles/theming';
|
||||
@import './all-theme';
|
||||
|
||||
@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);
|
Reference in New Issue
Block a user