Fixing issue with tint in hero block

dcooney · dcooney · commit 7ecd8062ebeb · 2021-01-29T16:38:09.000-05:00
diff --git a/components/organisms/Hero/Hero.js b/components/organisms/Hero/Hero.js
@@ -33,7 +33,7 @@ export default function Hero({
       style={{
         // These css custom properties are used inside the css module file to set the card's background image, tint overlay, and fallback bg color.
         '--image-url': `url(${backgroundImage})`,
-        '--image-tint-color': `${tailwindConfig.theme.colors.black}50`,
+        '--image-tint-color': `${tailwindConfig.theme.colors.black.DEFAULT}50`,
         '--image-fallback-color': `${tailwindConfig.theme.colors.grey['darkest']}`
       }}
     >

Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ export default function Hero({`
`33`	`33`	`style={{`
`34`	`34`	`// These css custom properties are used inside the css module file to set the card's background image, tint overlay, and fallback bg color.`
`35`	`35`	'--image-url': `url(${backgroundImage})`,
`36`		- '--image-tint-color': `${tailwindConfig.theme.colors.black}50`,
	`36`	+ '--image-tint-color': `${tailwindConfig.theme.colors.black.DEFAULT}50`,
`37`	`37`	'--image-fallback-color': `${tailwindConfig.theme.colors.grey['darkest']}`
`38`	`38`	`}}`
`39`	`39`	`>`