OZG-4527 OZG-4824 implement dark mode support

alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.html

@@ -2,7 +2,7 @@
 <form class="form" [formGroup]="formService.form" (ngSubmit)="onSubmit()">
 	<mat-dialog-content>
 		<div class="content">
-			<mat-icon svgIcon="az" class="az_icon" [class.az_icon--active]="hasAktenzeichen$ | async"></mat-icon>
+			<mat-icon svgIcon="az" class="az_icon" [class.az_icon--active]="hasAktenzeichen$ | async" [class.az_icon--active--dark-mode]="darkMode$ | async"></mat-icon>
 			<ozgcloud-text-editor
 				class="az_text"
 				data-test-id="aktenzeichen-edit-dialog-text-editor"

alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.scss

@@ -29,6 +29,10 @@
 
 	&--active {
 		color: black;
+
+		&--dark-mode {
+			color: #c2c2c2;
+		}
 	}
 }
 

alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.ts

@@ -4,11 +4,11 @@ import { AktenzeichenEditDialogData } from './aktenzeichen-edit-dialog.data';
 import { AktenzeichenEditDialogFormservice } from './aktenzeichen-edit-dialog.formservice';
 import { VorgangService, VorgangWithEingangResource } from '@alfa-client/vorgang-shared';
 import { COMMAND_ERROR_MESSAGES, CommandResource, hasError, isSuccessfulDone } from '@alfa-client/command-shared';
-import { createEmptyStateResource, hasContent, isClipboardReadSupported, isNotNull, StateResource } from '@alfa-client/tech-shared';
-import { filter, map, Observable, of, startWith, tap } from 'rxjs';
+import { createEmptyStateResource, hasContent, isClipboardReadSupported, StateResource } from '@alfa-client/tech-shared';
+import { map, Observable, of, startWith, tap } from 'rxjs';
 import { SnackBarService } from '@alfa-client/ui';
 import { AktenzeichenEditDialogMessages } from './aktenzeichen-edit-dialog.message';
-import { trim } from 'lodash-es';
+import { AppService } from '@alfa-client/app-shared';
 
 @Component({
 	selector: 'alfa-aktenzeichen-edit-dialog',
@@ -20,9 +20,10 @@ export class AktenzeichenEditDialogComponent implements OnInit {
 
 	vorgang: VorgangWithEingangResource;
 
-	public setAktenzeichenPending$: Observable<StateResource<CommandResource>> = of(createEmptyStateResource<CommandResource>());
-	public hasAktenzeichen$: Observable<boolean>;
-	public isPasteSupported = false;
+	setAktenzeichenPending$: Observable<StateResource<CommandResource>> = of(createEmptyStateResource<CommandResource>());
+	darkMode$: Observable<boolean>;
+	hasAktenzeichen$: Observable<boolean>;
+	isPasteSupported = false;
 
 	protected readonly AktenzeichenEditDialogFormservice = AktenzeichenEditDialogFormservice;
 
@@ -30,6 +31,7 @@ export class AktenzeichenEditDialogComponent implements OnInit {
 		public formService: AktenzeichenEditDialogFormservice,
 		private readonly snackbarService: SnackBarService,
 		private readonly vorgangService: VorgangService,
+		private appService: AppService,
 		public dialogRef: MatDialogRef<AktenzeichenEditDialogComponent>,
 		@Inject(MAT_DIALOG_DATA) public data: AktenzeichenEditDialogData,
 	) {
@@ -42,6 +44,7 @@ export class AktenzeichenEditDialogComponent implements OnInit {
 		this.hasAktenzeichen$ = this.formService.valueChanges()
 		.pipe(startWith(this.vorgang.aktenzeichen))
 		.pipe(map(hasContent));
+		this.darkMode$ = this.appService.getDarkMode();
 	}
 
 	public onCancel(): void {