Files
alfresco-content-app/projects/aca-content/src/lib/ui/custom-theme.scss
2025-05-15 14:39:45 +02:00

46 lines
1.7 KiB
SCSS

/* stylelint-disable value-keyword-case */
@use '@angular/material' as mat;
@import './overrides/adf-style-fixes.theme';
@import './overrides/adf-pagination.theme';
@import './overrides/ay11';
@import './overrides/adf-about.theme';
@import './colors';
$mat-primary-palette: mat.m2-define-palette($aca-primary-blue, A100);
$mat-accent-palette: mat.m2-define-palette($aca-accent-green, A200);
$mat-warn-palette: mat.m2-define-palette($aca-warn, A100);
$app-typography: mat.m2-define-typography-config(
$font-family: 'Open Sans',
$headline-1: mat.m2-define-typography-level(112px, 112px, 300),
$headline-2: mat.m2-define-typography-level(56px, 56px, 400),
$headline-3: mat.m2-define-typography-level(45px, 48px, 400),
$headline-4: mat.m2-define-typography-level(34px, 40px, 400),
$headline-5: mat.m2-define-typography-level(24px, 32px, 400),
$headline-6: mat.m2-define-typography-level(20px, 32px, 400),
$subtitle-1: mat.m2-define-typography-level(16px, 28px, 400),
$subtitle-2: mat.m2-define-typography-level(14px, 24px, 500),
$body-2: mat.m2-define-typography-level(14px, 24px, 500),
$body-1: mat.m2-define-typography-level(14px, 20px, 400),
$caption: mat.m2-define-typography-level(12px, 20px, 400),
$button: mat.m2-define-typography-level(14px, 14px, 500)
);
$custom-theme: mat.m2-define-light-theme(
(
color: (
primary: $mat-primary-palette,
accent: $mat-accent-palette,
warn: $mat-warn-palette
),
typography: $app-typography
)
);
@mixin custom-theme($theme) {
@include mat.all-component-themes($theme);
@include adf-core-theme($theme);
@include adf-style-fixes($theme);
@include adf-pagination-theme($theme);
@include ay11-theme;
@include adf-about-theme($theme);
}