Skip to content

Commit e4b28fb

Browse files
gkbishnoi07gkbishnoi07
committed
WEB-73 This includes improvements (new features and bug fixes) made on top of the 1.0.0 release,along with the upgrade from Angular 14 to Angular 15 (merging angular-update into dev)
2 parents 8e26918 + ccba365 commit e4b28fb

File tree

33 files changed

+117
-102
lines changed

33 files changed

+117
-102
lines changed

‎src/app/account-transfers/list-transactions/list-transactions.component.ts

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
/** Angular Imports */
22
import { Component, ViewChild } from '@angular/core';
3-
import { MatLegacyPaginator as MatPaginator } from '@angular/material/legacy-paginator';
3+
4+
import { MatPaginator } from '@angular/material/paginator';
45
import { MatTableDataSource } from '@angular/material/table';
6+
57
import { ActivatedRoute } from '@angular/router';
68

79
/**

‎src/app/account-transfers/make-account-interbank-transfers/make-account-interbank-transfers.component.ts

-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
import { Component, Input } from '@angular/core';
22
import { FormGroup } from '@angular/forms';
33

4-
import { MatLegacyInput as MatInput } from '@angular/material/legacy-input';
5-
64
@Component({
75
selector: 'mifosx-make-account-interbank-transfers',
86
templateUrl: './make-account-interbank-transfers.component.html',

‎src/app/account-transfers/make-account-transfers/make-account-transfers.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,6 @@ import { AccountTransfersService } from '../account-transfers.service';
1515
import { SettingsService } from 'app/settings/settings.service';
1616
import { ClientsService } from 'app/clients/clients.service';
1717
import { Dates } from 'app/core/utils/dates';
18-
import { MatLegacyInput as MatInput } from '@angular/material/legacy-input';
1918

2019
/** Environment Configuration */
2120
import { environment } from 'environments/environment';

‎src/app/centers/centers.component.ts

+1-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
/** Angular Imports */
22
import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core';
33
import { MatCheckbox } from '@angular/material/checkbox';
4-
5-
import { MatLegacyPaginator as MatPaginator } from '@angular/material/legacy-paginator';
4+
import { MatPaginator } from '@angular/material/paginator';
65
import { MatSort } from '@angular/material/sort';
76
import { UntypedFormControl } from '@angular/forms';
87
import { Router, ActivatedRoute } from '@angular/router';

‎src/app/clients/client-stepper/client-general-step/client-general-step.component.html

+5-1
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,11 @@
9191
<mat-datepicker #dateOfBirthDatePicker></mat-datepicker>
9292
</mat-form-field>
9393

94-
<div class="flex-100 layout-row-wrap responsive-column gap-4percent" formGroupName="clientNonPersonDetails">
94+
<div
95+
class="flex-100 layout-row-wrap responsive-column gap-4percent"
96+
formGroupName="clientNonPersonDetails"
97+
*ngIf="createClientForm.get('clientNonPersonDetails')"
98+
>
9599
*ngIf="createClientForm.contains('clientNonPersonDetails')" >
96100
<mat-form-field class="flex-48">
97101
<mat-label>{{ 'labels.inputs.Constitution' | translate }}</mat-label>

‎src/app/groups/groups.component.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core';
33
import { MatCheckbox } from '@angular/material/checkbox';
44

5-
import { MatLegacyPaginator as MatPaginator } from '@angular/material/legacy-paginator';
5+
import { MatPaginator } from '@angular/material/paginator';
66
import { MatSort } from '@angular/material/sort';
77
import { UntypedFormControl } from '@angular/forms';
88

‎src/app/loans/glim-account/glim-account.component.ts

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import { Component, OnInit, ViewChild } from '@angular/core';
22
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
33
import { MatLegacyPaginator as MatPaginator } from '@angular/material/legacy-paginator';
44
import { MatTableDataSource } from '@angular/material/table';
5+
56
import { ActivatedRoute } from '@angular/router';
67

78
/**

‎src/app/organization/manage-funds/manage-funds.component.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,8 @@ import { ConfigurationWizardService } from '../../configuration-wizard/configura
1818

1919
/** Custom Dialog Component */
2020
import { ContinueSetupDialogComponent } from '../../configuration-wizard/continue-setup-dialog/continue-setup-dialog.component';
21+
import { MatPaginator } from '@angular/material/paginator';
2122
import { MatTableDataSource } from '@angular/material/table';
22-
import { MatLegacyPaginator as MatPaginator } from '@angular/material/legacy-paginator';
2323
import { MatSort } from '@angular/material/sort';
2424

2525
/**

‎src/app/products/fixed-deposit-products/fixed-deposit-product-stepper/fixed-deposit-product-settings-step/fixed-deposit-product-settings-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { UntypedFormGroup, UntypedFormBuilder, UntypedFormControl, Validators } from '@angular/forms';
3-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
43

54
@Component({
65
selector: 'mifosx-fixed-deposit-product-settings-step',

‎src/app/products/fixed-deposit-products/fixed-deposit-product-stepper/fixed-deposit-product-terms-step/fixed-deposit-product-terms-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
3-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
43

54
@Component({
65
selector: 'mifosx-fixed-deposit-product-terms-step',

‎src/app/products/loan-products/loan-product-stepper/loan-product-currency-step/loan-product-currency-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
3-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
43

54
@Component({
65
selector: 'mifosx-loan-product-currency-step',

‎src/app/products/loan-products/loan-product-stepper/loan-product-details-step/loan-product-details-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22
import { Component, OnInit, Input } from '@angular/core';
33
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
44
import { Dates } from 'app/core/utils/dates';
5-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
65

76
/** Custom Services */
87
import { SettingsService } from 'app/settings/settings.service';

‎src/app/products/saving-products/saving-product-stepper/saving-product-currency-step/saving-product-currency-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
3-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
43

54
@Component({
65
selector: 'mifosx-saving-product-currency-step',

‎src/app/products/saving-products/saving-product-stepper/saving-product-details-step/saving-product-details-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
3-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
43

54
@Component({
65
selector: 'mifosx-saving-product-details-step',

‎src/app/products/saving-products/saving-product-stepper/saving-product-settings-step/saving-product-settings-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { UntypedFormGroup, UntypedFormBuilder, UntypedFormControl, Validators } from '@angular/forms';
3-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
43

54
@Component({
65
selector: 'mifosx-saving-product-settings-step',

‎src/app/products/saving-products/saving-product-stepper/saving-product-terms-step/saving-product-terms-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
3-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
43

54
@Component({
65
selector: 'mifosx-saving-product-terms-step',

‎src/app/products/share-products/share-product-stepper/share-product-accounting-step/share-product-accounting-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { UntypedFormGroup, UntypedFormBuilder, Validators, UntypedFormControl } from '@angular/forms';
3-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
43

54
@Component({
65
selector: 'mifosx-share-product-accounting-step',

‎src/app/products/share-products/share-product-stepper/share-product-currency-step/share-product-currency-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
3-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
43

54
@Component({
65
selector: 'mifosx-share-product-currency-step',

‎src/app/products/share-products/share-product-stepper/share-product-details-step/share-product-details-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
3-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
43

54
@Component({
65
selector: 'mifosx-share-product-details-step',

‎src/app/products/share-products/share-product-stepper/share-product-market-price-step/share-product-market-price-step.component.ts

+1-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
/** Angular Imports */
22
import { Component, OnInit, Input } from '@angular/core';
33
import { UntypedFormGroup, UntypedFormBuilder, UntypedFormArray } from '@angular/forms';
4-
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
5-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
4+
import { MatDialog } from '@angular/material/dialog';
65

76
/** Dialog Components */
87
import { FormDialogComponent } from 'app/shared/form-dialog/form-dialog.component';

‎src/app/products/share-products/share-product-stepper/share-product-settings-step/share-product-settings-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { UntypedFormGroup, UntypedFormBuilder, FormControl, Validators } from '@angular/forms';
3-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
43

54
@Component({
65
selector: 'mifosx-share-product-settings-step',

‎src/app/products/share-products/share-product-stepper/share-product-terms-step/share-product-terms-step.component.ts

-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import { Component, OnInit, Input } from '@angular/core';
22
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
33
import { combineLatest } from 'rxjs';
4-
import { LegacyTooltipPosition as TooltipPosition } from '@angular/material/legacy-tooltip';
54

65
@Component({
76
selector: 'mifosx-share-product-terms-step',

‎src/app/shared/language-selector/language-selector.component.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
#language-selector,
22
.languageselector {
3-
max-width: 6rem;
3+
// max-width: 6rem;
44
}

‎src/app/shared/material.module.ts

+7-7
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { NgModule } from '@angular/core';
33
import { LayoutModule } from '@angular/cdk/layout';
44
import { DragDropModule } from '@angular/cdk/drag-drop';
55
import { STEPPER_GLOBAL_OPTIONS } from '@angular/cdk/stepper';
6-
import { MatLegacyAutocompleteModule as MatAutocompleteModule } from '@angular/material/legacy-autocomplete';
6+
import { MatAutocompleteModule } from '@angular/material/autocomplete';
77
import { MatBadgeModule } from '@angular/material/badge';
88
import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
99
import { MatButtonToggleModule } from '@angular/material/button-toggle';
@@ -21,12 +21,12 @@ import {
2121
} from '@angular/material/legacy-form-field';
2222
import { MatGridListModule } from '@angular/material/grid-list';
2323
import { MatIconModule } from '@angular/material/icon';
24-
import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
25-
import { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';
26-
import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';
27-
import { MatLegacyPaginatorModule as MatPaginatorModule } from '@angular/material/legacy-paginator';
28-
import { MatLegacyProgressBarModule as MatProgressBarModule } from '@angular/material/legacy-progress-bar';
24+
import { MatInputModule } from '@angular/material/input';
25+
import { MatListModule } from '@angular/material/list';
26+
import { MatMenuModule } from '@angular/material/menu';
27+
import { MatPaginatorModule } from '@angular/material/paginator';
2928
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
29+
import { MatProgressBarModule } from '@angular/material/progress-bar';
3030
import { MatRadioModule } from '@angular/material/radio';
3131

3232
import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
@@ -91,7 +91,7 @@ import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
9191
providers: [
9292
{
9393
provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
94-
useValue: { appearance: 'standard' }
94+
useValue: { appearance: 'fill' }
9595
},
9696
{
9797
provide: STEPPER_GLOBAL_OPTIONS,

‎src/app/shared/tabs/entity-datatable-tab/datatable-multi-row/datatable-multi-row.component.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import { SelectionModel } from '@angular/cdk/collections';
22
import { DecimalPipe } from '@angular/common';
33
import { Component, Input, OnChanges, OnDestroy, OnInit, SimpleChanges, ViewChild } from '@angular/core';
4-
import { MatCheckboxChange as MatCheckboxChange } from '@angular/material/checkbox';
5-
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
4+
import { MatCheckboxChange } from '@angular/material/checkbox';
5+
import { MatDialog } from '@angular/material/dialog';
66
import { MatTable } from '@angular/material/table';
77
import { ActivatedRoute } from '@angular/router';
88
import { Datatables } from 'app/core/utils/datatables';

‎src/app/web-app.component.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
import { Component, OnInit, HostListener, HostBinding } from '@angular/core';
33
import { Router, NavigationEnd, ActivatedRoute } from '@angular/router';
44
import { Title } from '@angular/platform-browser';
5-
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
6-
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
5+
import { MatSnackBar } from '@angular/material/snack-bar';
6+
import { MatDialog } from '@angular/material/dialog';
77

88
/** rxjs Imports */
99
import { merge } from 'rxjs';

‎src/main.scss

+11
Original file line numberDiff line numberDiff line change
@@ -518,6 +518,17 @@
518518
align-items: center;
519519
}
520520

521+
.mat-mdc-form-field {
522+
.mat-mdc-input-element::placeholder {
523+
font-size: 14px !important;
524+
color: #999 !important;
525+
}
526+
527+
.mdc-floating-label {
528+
font-size: 14px !important;
529+
}
530+
}
531+
521532
@media (width <= 768px) {
522533
.flex-lt-md-50 {
523534
flex: 0 0 50%;

‎src/theme/deeppurple-amber.scss

+10-7
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,18 @@
11
@use '@angular/material' as mat;
22

3-
$deeppurple-amber-primary: mat.define-palette(mat.$deep-purple-palette, 500, 300, 700);
4-
$deeppurple-amber-accent: mat.define-palette(mat.$amber-palette, 400, 200, 600);
5-
$deeppurple-amber-warn: mat.define-palette(mat.$red-palette);
3+
$deeppurple-amber-color-config: (
4+
primary: mat.define-palette(mat.$deep-purple-palette, 500, 300, 700),
5+
accent: mat.define-palette(mat.$amber-palette, 400, 200, 600),
6+
warn: mat.define-palette(mat.$red-palette)
7+
);
68

79
$deeppurple-amber-theme: mat.define-light-theme(
8-
$deeppurple-amber-primary,
9-
$deeppurple-amber-accent,
10-
$deeppurple-amber-warn
10+
(
11+
color: $deeppurple-amber-color-config,
12+
density: 0
13+
)
1114
);
1215

1316
.deeppurple-amber-theme {
14-
@include mat.all-legacy-component-themes($deeppurple-amber-theme);
17+
@include mat.all-component-colors($deeppurple-amber-theme);
1518
}

‎src/theme/indigo-pink.scss

+11-5
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,17 @@
11
@use '@angular/material' as mat;
22

3-
$indigo-pink-primary: mat.define-palette(mat.$indigo-palette, 500, 300, 700);
4-
$indigo-pink-accent: mat.define-palette(mat.$pink-palette, 400, 200, 600);
5-
$indigo-pink-warn: mat.define-palette(mat.$red-palette);
3+
$indigo-pink-color-config: (
4+
primary: mat.define-palette(mat.$indigo-palette, 500, 300, 700),
5+
accent: mat.define-palette(mat.$pink-palette, 400, 200, 600),
6+
warn: mat.define-palette(mat.$red-palette)
7+
);
68

7-
$indigo-pink-theme: mat.define-light-theme($indigo-pink-primary, $indigo-pink-accent, $indigo-pink-warn);
9+
$indigo-pink-theme: mat.define-light-theme(
10+
(
11+
color: $indigo-pink-color-config
12+
)
13+
);
814

915
.indigo-pink-theme {
10-
@include mat.all-legacy-component-themes($indigo-pink-theme);
16+
@include mat.all-component-colors($indigo-pink-theme);
1117
}

‎src/theme/mifosx-theme.scss

+29-35
Original file line numberDiff line numberDiff line change
@@ -10,40 +10,31 @@
1010
@use '../app/shares/shares-account-view/shares-account-view.component-theme.scss' as *;
1111
@use 'content' as *;
1212
@use 'dark_content' as *;
13-
@use 'pictonblue-yellowgreen' as *;
1413

15-
// Include the common styles for Angular Material. We include this here so that you only
16-
// have to load a single css file for Angular Material in your app.
17-
// Be sure that you only ever include this mixin once!
18-
// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles.
19-
// The following line adds:
20-
// 1. Default typography styles for all components
21-
// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1)
22-
// If you specify typography styles for the components you use elsewhere, you should delete this line.
23-
// If you don't need the default component typographies but still want the hierarchy styles,
24-
// you can delete this line and instead use:
25-
// `@include mat.legacy-typography-hierarchy(mat.define-legacy-typography-config());`
26-
@include mat.all-legacy-component-typographies();
27-
@include mat.legacy-core();
14+
@include mat.all-component-typographies();
15+
@include mat.core();
2816

2917
/* ################################## Light theme ################################### */
3018

31-
// Define the palettes for your theme using the Material Design palettes available in palette.scss
32-
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
33-
// hue. Available color palettes: https://material.io/design/color/
34-
$mifosx-app-primary: mat.define-palette($primary-palette);
35-
$mifosx-app-accent: mat.define-palette($accent-palette);
19+
$mifosx-color-config: (
20+
primary: mat.define-palette($primary-palette),
21+
accent: mat.define-palette($accent-palette),
22+
warn: mat.define-palette(mat.$red-palette)
23+
);
3624

37-
// The warn palette is optional (defaults to red).
38-
$mifosx-app-warn: mat.define-palette(mat.$red-palette);
25+
$mifosx-typography: mat.define-typography-config();
26+
$mifosx-density: 0;
3927

40-
// Create the theme object (a Sass map containing all of the palettes).
41-
$mifosx-app-theme: mat.define-light-theme($mifosx-app-primary, $mifosx-app-accent, $mifosx-app-warn);
28+
$mifosx-app-theme: mat.define-light-theme(
29+
(
30+
color: $mifosx-color-config,
31+
typography: $mifosx-typography,
32+
density: $mifosx-density
33+
)
34+
);
4235

43-
// Include theme styles for core and each component used in your app.
44-
// Alternatively, you can import and @include the theme mixins for each component
45-
// that you are using.
46-
@include mat.all-legacy-component-themes($mifosx-app-theme);
36+
@include mat.typography-hierarchy($mifosx-typography);
37+
@include mat.all-component-themes($mifosx-app-theme);
4738
@include groups-view-component-theme($mifosx-app-theme);
4839
@include centers-view-component-theme($mifosx-app-theme);
4940
@include dashboard-component-theme($mifosx-app-theme);
@@ -52,17 +43,20 @@ $mifosx-app-theme: mat.define-light-theme($mifosx-app-primary, $mifosx-app-accen
5243

5344
/* ################################## Dark theme ################################### */
5445

55-
// Define the palettes for your theme using the Material Design palettes available in palette.scss
56-
$mifosx-app-dark-primary: mat.define-palette($dark-primary-palette);
57-
$mifosx-app-dark-accent: mat.define-palette($dark-accent-palette);
58-
$mifosx-app-dark-warn: mat.define-palette(mat.$red-palette);
46+
$mifosx-dark-color-config: (
47+
primary: mat.define-palette($dark-primary-palette),
48+
accent: mat.define-palette($dark-accent-palette),
49+
warn: mat.define-palette(mat.$red-palette)
50+
);
5951

60-
// Create the theme object (a Sass map containing all of the palettes).
61-
$mifosx-app-dark-theme: mat.define-dark-theme($mifosx-app-dark-primary, $mifosx-app-dark-accent, $mifosx-app-dark-warn);
52+
$mifosx-app-dark-theme: mat.define-dark-theme(
53+
(
54+
color: $mifosx-dark-color-config
55+
)
56+
);
6257

63-
// Include theme styles for core and each component used in your app.
6458
.dark-theme {
65-
@include mat.all-legacy-component-themes($mifosx-app-dark-theme);
59+
@include mat.all-component-colors($mifosx-app-dark-theme);
6660
@include groups-view-component-theme($mifosx-app-dark-theme);
6761
@include centers-view-component-theme($mifosx-app-dark-theme);
6862
@include dashboard-component-theme($mifosx-app-dark-theme);

0 commit comments

Comments
 (0)