Merge pull request #2918 from shubhamkumar9199/fix/collection-headings-translation-dark-mod

WEB-513 fix/collection-heading-translation-dark-mode

src/app/collections/individual-collection-sheet/individual-collection-sheet.component.html

@@ -120,7 +120,7 @@
           <mat-paginator [pageSizeOptions]="[10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
         }
         @if (savingsDataSource) {
-          <h2 class="mat-h2">{{ 'labels.inputs.Due Savings Collections' | translate }}</h2>
+          <h2 class="mat-h2">{{ 'labels.heading.Due Savings Collections' | translate }}</h2>
           <table class="mat-elevation-z1" mat-table [dataSource]="savingsDataSource" matSort>
             <ng-container matColumnDef="depositAccount">
               <th mat-header-cell *matHeaderCellDef mat-sort-header>

src/theme/_dark_content.scss

@@ -175,6 +175,13 @@ body.dark-theme {
     color: white !important;
   }
 
+  // Override Material typography heading colors for dark theme
+  h2.mat-h2,
+  h3.mat-h3,
+  h4.mat-h4 {
+    color: rgb(255 255 255 / 87%) !important;
+  }
+
   mifosx-popover,
   .mat-menu-content,
   .mat-dialog-container {