Merge pull request 'OZG-6908 OZG-7293 Fix dark mode color for backdrop' (#854)...

Merge pull request 'OZG-6908 OZG-7293 Fix dark mode color for backdrop' (#854) from OZG-6908-bugfix into master

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


Reviewed-by: OZGCloud <ozgcloud@mgm-tp.com>

alfa-client/libs/design-system/src/lib/tailwind-preset/root.css

@@ -44,6 +44,7 @@
 
   --color-modal-bg: 0 0% 100%;
   --color-dropdown-bg: 0 0% 98%;
+  --color-gray-backdrop: 0, 0%, 90%, 0.95;
 }
 
 .dark {
@@ -78,6 +79,7 @@
 
   --color-modal-bg: 0 0% 26%;
   --color-dropdown-bg: 0 0% 26%;
+  --color-gray-backdrop: 0, 0%, 26%, 0.95;
 }
 
 .bescheid-dialog-backdrop {

alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js

@@ -127,6 +127,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-backdrop))',
         primary: {
           600: 'hsl(var(--color-primary-600) / <alpha-value>)',
           DEFAULT: 'hsl(var(--color-primary-600) / <alpha-value>)',
@@ -145,9 +146,6 @@ module.exports = {
           DEFAULT: 'hsl(var(--color-disabled) / <alpha-value>)',
         },
       },
-      backgroundColor: {
-        greybackdrop: 'rgb(229, 229, 229, 0.95)',
-      },
       backdropBlur: {
         1: '1px',
       },

alfa-client/libs/ui/src/lib/ui/ozgcloud-dialog/ozgcloud-dialog.service.ts

@@ -37,7 +37,7 @@ export class OzgcloudDialogService {
   };
 
   readonly GREY_BLUR_CONFIG: DialogConfig = {
-    backdropClass: ['backdrop-blur-1', 'bg-greybackdrop'],
+    backdropClass: ['backdrop-blur-1', 'bg-grayBackdrop'],
     disableClose: true,
   };