From 354f43794bfe3ee66962f957ac19754bfbaa9ea6 Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Tue, 23 Jan 2024 16:49:28 +0100
Subject: [PATCH] OZG-4527 Use CSS dark mode detection
---
.../apps/alfa/src/styles/abstracts/_variables.scss | 1 +
.../aktenzeichen-edit-dialog.component.scss | 12 +++++++-----
.../aktenzeichen-edit-dialog.component.ts | 4 ----
3 files changed, 8 insertions(+), 9 deletions(-)
diff --git a/alfa-client/apps/alfa/src/styles/abstracts/_variables.scss b/alfa-client/apps/alfa/src/styles/abstracts/_variables.scss
index 15aa22bb30..9e93430857 100644
--- a/alfa-client/apps/alfa/src/styles/abstracts/_variables.scss
+++ b/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;
diff --git a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.scss b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.scss
index 9364bb20c2..7388e16bfc 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.scss
+++ b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.scss
@@ -21,15 +21,11 @@
.az_icon {
grid-area: az_icon;
- color: #c2c2c2;
+ color: $darkModeGreyLight;
margin-top: 12px;
&--active {
color: black;
-
- &--dark-mode {
- color: #c2c2c2;
- }
}
}
@@ -61,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
diff --git a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.ts b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.ts
index ba4ca824fa..a4a889ba61 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.ts
+++ b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-edit-dialog/aktenzeichen-edit-dialog.component.ts
@@ -1,4 +1,3 @@
-import { AppService } from '@alfa-client/app-shared';
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';
@@ -21,7 +20,6 @@ export class AktenzeichenEditDialogComponent implements OnInit {
vorgang: VorgangWithEingangResource;
setAktenzeichenPending$: Observable<StateResource<CommandResource>> = of(createEmptyStateResource<CommandResource>());
- darkMode$: Observable<boolean>;
hasAktenzeichen$: Observable<boolean>;
isPasteSupported = false;
@@ -31,7 +29,6 @@ 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,
) {
@@ -44,7 +41,6 @@ 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 {
--
GitLab