feat: Implement Dark Mode

Added styles and configurations to enable dark mode throughout the application. The dark mode features a deep blue color scheme for primary elements and improved visibility for cursor. Selected option text in mat-select now appears in white for better contrast. This enhancement provides users with the option to switch between light and dark modes seamlessly.

Changes:
- Added dark mode styles in the theme service
- Updated mifosx-theme.scss for dark mode customization
- Adjusted cursor visibility in dark mode
- Modified selected option text color in mat-select

Fixes #2021

Implemented the black-logo image into white-logo-image dynamically
This commit is contained in:
Vikash Prem Sharma
2024-03-08 17:16:18 -06:00
committed by Jose Alberto Hernandez
parent fcbbb03acb
commit ccd6e8dded
12 changed files with 171 additions and 2 deletions
@@ -58,6 +58,10 @@
<mifosx-notifications-tray fxHide.lt-md></mifosx-notifications-tray>
</div>
<div #themeToggle>
<theme-toggle-component></theme-toggle-component>
</div>
<div #appMenu>
<button mat-icon-button class="ml-1 img-button" [matMenuTriggerFor]="applicationMenu">
<img src="assets/images/user_placeholder.png">