fix(dialog): backdrop overlay color opacity (#342)

Endava · Jul 18, 2023 · fcf8f48 · fcf8f48
1 parent f09c765
commit fcf8f48
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/.github/renovate.json5 b/.github/renovate.json5
@@ -45,7 +45,7 @@
     {
       matchPackageNames: ['@jscutlery/semver'],
       allowedVersions: '<2.30.0',
-    }
+    },
     {
       groupName: '@nxext',
       matchPackagePrefixes: ['@nxext'],
@@ -75,7 +75,7 @@
     {
       matchPackageNames: ['ngx-deploy-npm'],
       allowedVersions: '<6.0.0',
-    }
+    },
     {
       groupName: 'nx',
       matchPackagePrefixes: ['@nrwl', 'nx'],
@@ -90,7 +90,6 @@
       groupName: 'prettier',
       matchPackagePrefixes: ['prettier'],
     },
-
     {
       groupName: 'stylelint',
       matchPackagePrefixes: ['stylelint'],
@@ -111,7 +110,7 @@
     {
       matchPackageNames: ['zone.js'],
       allowedVersions: '<0.13.0',
-    }
+    },
     /**
      * Do not renovate peerDependencies versions/ranges.
      */

diff --git a/packages/bee-q/src/components/dialog/scss/bq-dialog.scss b/packages/bee-q/src/components/dialog/scss/bq-dialog.scss
@@ -47,7 +47,7 @@
 }
 
 .bq-dialog[open]::backdrop {
-  @apply opacity-50;
+  @apply opacity-60;
 }
 
 /* ------------------------------ Dialog header ----------------------------- */

diff --git a/packages/bee-q/src/components/dialog/scss/bq-dialog.variables.scss b/packages/bee-q/src/components/dialog/scss/bq-dialog.variables.scss
@@ -22,7 +22,7 @@
    */
 
   --bq-dialog--background: theme('colors.bg.primary');
-  --bq-dialog--background-backdrop: theme('colors.grey.600');
+  --bq-dialog--background-backdrop: theme('colors.grey.900');
 
   --bq-dialog--box-shadow: theme('boxShadow.l');