Increase contrast for card box-shadow (#7253)

public-ui · Jan 29, 2025 · c3b8fbd · c3b8fbd
2 parents 186a6ab + 18c34fe
commit c3b8fbd
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/packages/themes/default/src/components/card.scss b/packages/themes/default/src/components/card.scss
@@ -1,15 +1,14 @@
 @import '../mixins/rem';
 
 @layer kol-theme-component {
-	/* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */
 	.kol-card {
 		font-family: var(--font-family);
 		display: grid;
 		width: 100%;
 		height: 100%;
 		background-color: var(--color-light);
 		grid-template-rows: min-content 2fr min-content;
-		box-shadow: 0 0 rem(4) var(--color-subtle);
+		box-shadow: 0 0 rem(4) color-mix(in srgb, black 80%, var(--color-subtle)); // darken by 80% to maintain contrast of 3:1
 		border-radius: var(--border-radius);
 
 		&__header {