inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

AAE-12716 updated the typography documentation (#8277)

Browse Source 
* AAE-12716 updated the typography documentation

* tests trigger
This commit is contained in:
tomasz hanaj
2023-02-16 13:38:34 +00:00
committed by GitHub
parent 05e2033633
commit c00c7643b1
2 changed files with 53 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/user-guide/theming.md
+20 -13
View File
@@ -70,19 +70,22 @@ When you want more customization than a pre-built theme offers, you can create y
/*
* Include only packages that you are using (and core by default)
*/
@use '@angular/material' as mat;
@import '~@angular/material/theming';
@import '~@alfresco/adf-core/theming';
@include mat-core($alfresco-typography);
@include mat.core();
$primary: mat-palette($alfresco-accent-orange);
$accent: mat-palette($alfresco-accent-purple);
$warn: mat-palette($alfresco-warn);
$theme: mat-light-theme((
$primary: mat.define-palette($alfresco-accent-orange);
$accent: mat.define-palette($alfresco-accent-purple);
$warn: mat.define-palette($alfresco-warn);
$theme: mat.define-light-theme((
color: (
primary: $primary,
accent: $accent,
)
warn: $warn,
),
typography: $alfresco-typography
));
@include angular-material-theme($theme);
@@ -103,21 +106,25 @@ You can create multiple themes for your application:
@include mat-core($alfresco-typography);
$primary: mat-palette($alfresco-accent-orange);
$accent: mat-palette($alfresco-accent-purple);
$warn: mat-palette($alfresco-warn);
$theme: mat-light-theme((
$primary: mat.define-palette($alfresco-accent-orange);
$accent: mat.define-palette($alfresco-accent-purple);
$warn: mat.define-palette($alfresco-warn);
$theme: mat.define-light-theme((
color: (
primary: $primary,
accent: $accent,
)
warn: $warn,
),
typography: $alfresco-typography
));
$dark-theme: mat-dark-theme((
$dark-theme: mat.define-dark-theme((
color: (
primary: $primary,
accent: $accent,
)
warn: $warn,
),
typography: $alfresco-typography
));
@include alfresco-material-theme($theme);