allow overriding the modal overlay color

mattbrailsford · mattbrailsford · commit b7815dff9341 · 2025-01-31T14:35:40.000Z
diff --git a/src/Umbraco.Commerce.Cart/Client/src/styles/styles.css b/src/Umbraco.Commerce.Cart/Client/src/styles/styles.css
@@ -35,6 +35,7 @@
     
     --ucc-modal-width: 550px;
     --ucc-modal-background-color: #fff;
+    --ucc-modal-overlay-color: rgba(0, 0, 0, 0.5);
 }
 
 .ucc-modal-container {
@@ -48,7 +49,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: rgba(0, 0, 0, 0.5);
+    background-color: var(--ucc-modal-overlay-color);
 }
 .ucc-modal-container--open .ucc-modal-background {
     display: block;

Original file line number	Diff line number	Diff line change
`@@ -35,6 +35,7 @@`
`35`	`35`
`36`	`36`	`--ucc-modal-width: 550px;`
`37`	`37`	`--ucc-modal-background-color: #fff;`
	`38`	`+ --ucc-modal-overlay-color: rgba(0, 0, 0, 0.5);`
`38`	`39`	`}`
`39`	`40`
`40`	`41`	`.ucc-modal-container {`
`@@ -48,7 +49,7 @@`
`48`	`49`	`left: 0;`
`49`	`50`	`width: 100%;`
`50`	`51`	`height: 100%;`
`51`		`- background-color: rgba(0, 0, 0, 0.5);`
	`52`	`+ background-color: var(--ucc-modal-overlay-color);`
`52`	`53`	`}`
`53`	`54`	`.ucc-modal-container--open .ucc-modal-background {`
`54`	`55`	`display: block;`