💄(react) make modal backdrop color customisable

As we cannot user CSS vars into backdrop pseudo element, we decide to create a dom element to simulate the modal backdrop. Resolve #257
2024-02-15 11:30:39 +01:00
parent fac203314f
commit be1e2e2614
9 changed files with 60 additions and 30 deletions
--- a/packages/react/src/cunningham-tokens.scss
+++ b/packages/react/src/cunningham-tokens.scss
@@ -145,6 +145,7 @@ $themes: (
      ),
      'modal': (
        'background-color': #FFFFFF,
+        'backdrop-color': #0C1A2B99,
        'border-radius': 4px,
        'border-color': #E7E8EA,
        'box-shadow': 0px 1px 2px 0px #0C1A2B4D,