Skip to content
Snippets Groups Projects
Commit 8a9ca497 authored by OZGCloud's avatar OZGCloud
Browse files

OZG-6908 OZG-7293 Fix dark mode color for backdrop

parent d4a06d50
No related branches found
No related tags found
No related merge requests found
...@@ -37,6 +37,7 @@ ...@@ -37,6 +37,7 @@
--color-modal-bg: 0 0% 100%; --color-modal-bg: 0 0% 100%;
--color-dropdown-bg: 0 0% 98%; --color-dropdown-bg: 0 0% 98%;
--color-gray-backdrop: 0, 0%, 90%, 0.95;
} }
.dark { .dark {
...@@ -71,6 +72,7 @@ ...@@ -71,6 +72,7 @@
--color-modal-bg: 0 0% 26%; --color-modal-bg: 0 0% 26%;
--color-dropdown-bg: 0 0% 26%; --color-dropdown-bg: 0 0% 26%;
--color-gray-backdrop: 0, 0%, 26%, 0.95;
} }
.bescheid-dialog-backdrop { .bescheid-dialog-backdrop {
......
...@@ -104,6 +104,7 @@ module.exports = { ...@@ -104,6 +104,7 @@ module.exports = {
mainbg: 'hsl(var(--color-mainbg) / <alpha-value>)', mainbg: 'hsl(var(--color-mainbg) / <alpha-value>)',
modalBg: 'hsl(var(--color-modal-bg) / <alpha-value>)', modalBg: 'hsl(var(--color-modal-bg) / <alpha-value>)',
dropdownBg: 'hsl(var(--color-dropdown-bg) / <alpha-value>)', dropdownBg: 'hsl(var(--color-dropdown-bg) / <alpha-value>)',
grayBackdrop: 'hsla(var(--color-gray-dropdown))',
primary: { primary: {
600: 'hsl(var(--color-primary-600) / <alpha-value>)', 600: 'hsl(var(--color-primary-600) / <alpha-value>)',
DEFAULT: 'hsl(var(--color-primary-600) / <alpha-value>)', DEFAULT: 'hsl(var(--color-primary-600) / <alpha-value>)',
...@@ -122,9 +123,6 @@ module.exports = { ...@@ -122,9 +123,6 @@ module.exports = {
DEFAULT: 'hsl(var(--color-disabled) / <alpha-value>)', DEFAULT: 'hsl(var(--color-disabled) / <alpha-value>)',
}, },
}, },
backgroundColor: {
greybackdrop: 'rgb(229, 229, 229, 0.95)',
},
backdropBlur: { backdropBlur: {
1: '1px', 1: '1px',
}, },
......
...@@ -14,7 +14,7 @@ export class OzgcloudDialogService { ...@@ -14,7 +14,7 @@ export class OzgcloudDialogService {
}; };
readonly GREY_BLUR_CONFIG: DialogConfig = { readonly GREY_BLUR_CONFIG: DialogConfig = {
backdropClass: ['backdrop-blur-1', 'bg-greybackdrop'], backdropClass: ['backdrop-blur-1', 'bg-grayBackdrop'],
disableClose: true, disableClose: true,
}; };
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment