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 5a96be6a55585210953b2da119ee438739456536..3a5219869889a28d277bb50409e9f7cfeac73063 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 @@ -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 { 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 a12086a7bc8cc99f39280d672e73da7325bebc69..03189a4d459c7aba8ceec3196b08ee831df27ac1 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 @@ -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', }, 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 5ae1d5b55decff85e30fffd47eae39d930b4eb59..8eaac98435bfb70e29d6997aafa1d0c070a391c4 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 @@ -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, };