Merge pull request 'OZG-4527 OZG-4824 implement dark mode support' (#385) from...

Merge pull request 'OZG-4527 OZG-4824 implement dark mode support' (#385) from OZG-4527-aktenzeichen-manuell-eingeben-dark-mode into master

Reviewed-on: https://git.ozg-sh.de/ozgcloud-app/alfa/pulls/385

alfa-client/apps/alfa/src/styles/abstracts/_variables.scss

@@ -25,6 +25,7 @@
 
 $grey: #777;
 $greyLight: rgba(0, 0, 0, 0.08);
+$darkModeGreyLight: rgba(255, 255, 255, 0.6);
 
 $background: #fafafa;
 $dark-background: #303030;

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

@@ -21,7 +21,7 @@
 
 .az_icon {
 	grid-area: az_icon;
-	color: #c2c2c2;
+	color: $darkModeGreyLight;
 	margin-top: 12px;
 
 	&--active {
@@ -57,3 +57,9 @@ mat-icon {
 mat-dialog-content {
 	padding-top: 0.5rem !important;
 }
+
+:host-context(.dark) {
+	.az_icon {
+		color: $darkModeGreyLight;
+	}
+}
\ No newline at end of file

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

+import { COMMAND_ERROR_MESSAGES, CommandResource, hasError, isSuccessfulDone } from '@alfa-client/command-shared';
+import { StateResource, createEmptyStateResource, hasContent, isClipboardReadSupported } from '@alfa-client/tech-shared';
+import { SnackBarService } from '@alfa-client/ui';
+import { VorgangService, VorgangWithEingangResource } from '@alfa-client/vorgang-shared';
 import { Component, Inject, OnInit } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Observable, map, of, startWith, tap } from 'rxjs';
 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, 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';
 
 @Component({
@@ -19,9 +19,9 @@ 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>());
+	hasAktenzeichen$: Observable<boolean>;
+	isPasteSupported = false;
 
 	protected readonly AktenzeichenEditDialogFormservice = AktenzeichenEditDialogFormservice;