Files
alfresco-content-app/projects/aca-content/src/lib/ui/dynamic-theme/custom-theme.scss.tpl
2023-04-18 16:07:03 +02:00

73 lines
2.3 KiB
Smarty

@import '@angular/material/theming';
@import './overrides/adf-style-fixes.theme';
@import './overrides/adf-pagination.theme';
@import './overrides/adf-about.theme.scss';
@import "./dynamic-theme/theme-configuration";
@import "./dynamic-theme/typography";
@import "./dynamic-theme/custom-theme-palettes";
@import "./dynamic-theme/custom-background-color";
@import "./dynamic-theme/custom-text-color";
$primary-color: map-get($theme-config, 'primaryColor');
$accent-color: map-get($theme-config, 'accentColor');
$background-color: map-get($theme-config, 'backgroundColor');
$text-color: map-get($theme-config, 'textColor');
$base-font-size: map-get($theme-config, 'baseFontSize');
$font-family: map-get($theme-config, 'fontFamily');
$app-typography: get-mat-typography(
$base-font-size,
$font-family
);
@include mat-core();
$palettes: get-mat-palettes($primary-color, $accent-color);
$custom-theme: mat-light-theme(
(
color: (
primary: map-get($palettes, primary),
accent: map-get($palettes, accent),
warn: map-get($palettes, warning)
),
typography: $app-typography
)
);
@if $background-color {
$custom-background: get-custom-background-color($background-color, $custom-theme);
$custom-theme: map_merge($custom-theme, (background: $custom-background));
$color: map_get($custom-theme, color);
$new-color: map_merge($color, (background: $custom-background));
$custom-theme: map_merge($custom-theme, (color: $new-color));
}
@if $text-color {
$custom-foreground: get-custom-text-color($text-color, $custom-theme);
$custom-theme: map_merge($custom-theme, (foreground: $custom-foreground));
$color: map_get($custom-theme, color);
$new-color: map_merge($color, (foreground: $custom-foreground));
$custom-theme: map_merge($custom-theme, (color: $new-color));
}
@mixin custom-theme($theme) {
@include angular-material-theme($theme);
@if $base-font-size {
@include adf-core-theme($theme, get-custom-adf-font-sizes());
@include base-font-size($base-font-size);
} @else {
@include adf-core-theme($theme);
}
@if $font-family {
@include base-font-family($font-family);
}
@include adf-style-fixes($theme);
@include adf-pagination-theme($theme);
@include adf-about-theme($theme);
}