CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Upgrade to Angular 16

Browse Source 
Merge `angular-update-16` into `dev` branch
This commit is contained in:
Adam Saghy
2025-05-23 18:47:20 +02:00
parent c7c2f60182
commit 19a14e5b5b
882 changed files with 14895 additions and 14340 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/theme/mifosx-theme.scss
+47 -24
View File
@@ -10,30 +10,50 @@
@use '../app/shares/shares-account-view/shares-account-view.component-theme.scss' as *;
@use 'content' as *;
@use 'dark_content' as *;
@use 'pictonblue-yellowgreen' as *;
// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once!
@include mat.all-component-typographies();
$mifosx-typography-level: mat.define-typography-level(
$font-family: Roboto,
$font-weight: 400,
$font-size: 1rem,
$line-height: 1.5,
$letter-spacing: normal
);
@include mat.core();
/* ################################## Light theme ################################### */
// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/
$mifosx-app-primary: mat.define-palette($primary-palette);
$mifosx-app-accent: mat.define-palette($accent-palette);
$mifosx-color-config: (
primary: mat.define-palette($primary-palette),
accent: mat.define-palette($accent-palette),
warn: mat.define-palette(mat.$red-palette)
);
// The warn palette is optional (defaults to red).
$mifosx-app-warn: mat.define-palette(mat.$red-palette);
$mifosx-typography: mat.define-typography-config(
$body-1: $mifosx-typography-level,
$body-2: $mifosx-typography-level,
$headline-1: $mifosx-typography-level,
$headline-2: $mifosx-typography-level,
$headline-3: $mifosx-typography-level,
$headline-4: $mifosx-typography-level,
$headline-5: $mifosx-typography-level,
$headline-6: $mifosx-typography-level,
$button: $mifosx-typography-level
);
// Create the theme object (a Sass map containing all of the palettes).
$mifosx-app-theme: mat.define-light-theme($mifosx-app-primary, $mifosx-app-accent, $mifosx-app-warn);
$mifosx-density: 0;
// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
$mifosx-app-theme: mat.define-light-theme(
(
color: $mifosx-color-config,
typography: $mifosx-typography,
density: $mifosx-density
)
);
@include mat.typography-hierarchy($mifosx-typography);
@include mat.all-component-themes($mifosx-app-theme);
@include groups-view-component-theme($mifosx-app-theme);
@include centers-view-component-theme($mifosx-app-theme);
@@ -43,17 +63,20 @@ $mifosx-app-theme: mat.define-light-theme($mifosx-app-primary, $mifosx-app-accen
/* ################################## Dark theme ################################### */
// Define the palettes for your theme using the Material Design palettes available in palette.scss
$mifosx-app-dark-primary: mat.define-palette($dark-primary-palette);
$mifosx-app-dark-accent: mat.define-palette($dark-accent-palette);
$mifosx-app-dark-warn: mat.define-palette(mat.$red-palette);
$mifosx-dark-color-config: (
primary: mat.define-palette($dark-primary-palette),
accent: mat.define-palette($dark-accent-palette),
warn: mat.define-palette(mat.$red-palette)
);
// Create the theme object (a Sass map containing all of the palettes).
$mifosx-app-dark-theme: mat.define-dark-theme($mifosx-app-dark-primary, $mifosx-app-dark-accent, $mifosx-app-dark-warn);
$mifosx-app-dark-theme: mat.define-dark-theme(
(
color: $mifosx-dark-color-config
)
);
// Include theme styles for core and each component used in your app.
.dark-theme {
@include mat.all-component-themes($mifosx-app-dark-theme);
@include mat.all-component-colors($mifosx-app-dark-theme);
@include groups-view-component-theme($mifosx-app-dark-theme);
@include centers-view-component-theme($mifosx-app-dark-theme);
@include dashboard-component-theme($mifosx-app-dark-theme);