From c04aabb9eb289a5ed1b7451c5ae2550c7f0ca7b7 Mon Sep 17 00:00:00 2001 From: Erik Mom Date: Mon, 10 Jun 2024 22:20:35 +0200 Subject: [PATCH 1/2] chore: Migrate to Material 3 --- src/app/main/main.component.html | 2 +- src/styles.scss | 36 +++++++++++++++++++++++++------- 2 files changed, 29 insertions(+), 9 deletions(-) diff --git a/src/app/main/main.component.html b/src/app/main/main.component.html index 5463cedc..a0200f92 100644 --- a/src/app/main/main.component.html +++ b/src/app/main/main.component.html @@ -1,4 +1,4 @@ - + diff --git a/src/styles.scss b/src/styles.scss index f1fc16e4..e52b33c8 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -4,20 +4,40 @@ @include mat.core(); -$my-primary: mat.m2-define-palette(mat.$m2-indigo-palette, 500); -$my-accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400); - -$my-theme: mat.m2-define-light-theme( +$theme: mat.define-theme( ( color: ( - primary: $my-primary, - accent: $my-accent, + theme-type: light, + primary: mat.$blue-palette, + ), + typography: ( + brand-family: 'Comic Sans', + bold-weight: 900, + ), + density: ( + scale: -1, ), - density: 0, ) ); -@include mat.all-component-themes($my-theme); +html { + @include mat.core-theme($theme); + + // Include styles for all material components used in the application + @include mat.button-theme($theme); + @include mat.card-theme($theme); + @include mat.form-field-theme($theme); + @include mat.list-theme($theme); + @include mat.option-theme($theme); + @include mat.select-theme($theme); + @include mat.slide-toggle-theme($theme); + @include mat.toolbar-theme($theme); +} + +// Override the theme for a specific component +.top-toolbar { + --mat-toolbar-container-background-color: #3f51b5; +} html, body, From b785bf54b5c900a857adb1620ef4b2069ae0c45d Mon Sep 17 00:00:00 2001 From: Maxime Robert Date: Tue, 11 Jun 2024 09:28:12 +0200 Subject: [PATCH 2/2] chore: update node version as required --- .nvmrc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.nvmrc b/.nvmrc index 805b5a4e..ee09fac7 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -v20.9.0 +v20.11.1