From 8a9ca4975e6f94852a063ad28e36b7c8982e860f Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Fri, 6 Dec 2024 13:45:31 +0100
Subject: [PATCH] OZG-6908 OZG-7293 Fix dark mode color for backdrop
---
.../libs/design-system/src/lib/tailwind-preset/root.css | 2 ++
.../design-system/src/lib/tailwind-preset/tailwind.config.js | 4 +---
.../ui/src/lib/ui/ozgcloud-dialog/ozgcloud-dialog.service.ts | 2 +-
3 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/alfa-client/libs/design-system/src/lib/tailwind-preset/root.css b/alfa-client/libs/design-system/src/lib/tailwind-preset/root.css
index b0c20faa76..86291b70df 100644
--- a/alfa-client/libs/design-system/src/lib/tailwind-preset/root.css
+++ b/alfa-client/libs/design-system/src/lib/tailwind-preset/root.css
@@ -37,6 +37,7 @@
--color-modal-bg: 0 0% 100%;
--color-dropdown-bg: 0 0% 98%;
+ --color-gray-backdrop: 0, 0%, 90%, 0.95;
}
.dark {
@@ -71,6 +72,7 @@
--color-modal-bg: 0 0% 26%;
--color-dropdown-bg: 0 0% 26%;
+ --color-gray-backdrop: 0, 0%, 26%, 0.95;
}
.bescheid-dialog-backdrop {
diff --git a/alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js b/alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js
index 88f03501ec..ef73e4700b 100644
--- a/alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js
+++ b/alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js
@@ -104,6 +104,7 @@ module.exports = {
mainbg: 'hsl(var(--color-mainbg) / <alpha-value>)',
modalBg: 'hsl(var(--color-modal-bg) / <alpha-value>)',
dropdownBg: 'hsl(var(--color-dropdown-bg) / <alpha-value>)',
+ grayBackdrop: 'hsla(var(--color-gray-dropdown))',
primary: {
600: 'hsl(var(--color-primary-600) / <alpha-value>)',
DEFAULT: 'hsl(var(--color-primary-600) / <alpha-value>)',
@@ -122,9 +123,6 @@ module.exports = {
DEFAULT: 'hsl(var(--color-disabled) / <alpha-value>)',
},
},
- backgroundColor: {
- greybackdrop: 'rgb(229, 229, 229, 0.95)',
- },
backdropBlur: {
1: '1px',
},
diff --git a/alfa-client/libs/ui/src/lib/ui/ozgcloud-dialog/ozgcloud-dialog.service.ts b/alfa-client/libs/ui/src/lib/ui/ozgcloud-dialog/ozgcloud-dialog.service.ts
index 61ff0c02a6..2919daff4b 100644
--- a/alfa-client/libs/ui/src/lib/ui/ozgcloud-dialog/ozgcloud-dialog.service.ts
+++ b/alfa-client/libs/ui/src/lib/ui/ozgcloud-dialog/ozgcloud-dialog.service.ts
@@ -14,7 +14,7 @@ export class OzgcloudDialogService {
};
readonly GREY_BLUR_CONFIG: DialogConfig = {
- backdropClass: ['backdrop-blur-1', 'bg-greybackdrop'],
+ backdropClass: ['backdrop-blur-1', 'bg-grayBackdrop'],
disableClose: true,
};
--
GitLab